@extends('backend.layouts.app')
@section('content')
<div class="container-fluid">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left">Edit/Manage Monthly Subscriptions</h1>
				<ol class="breadcrumb float-right">
					<li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
					<li class="breadcrumb-item"><a href="{{route('golf-operation')}}">Golf Operation</a></li>
					<li class="breadcrumb-item"><a href="{{route('golf-operation.monthly-subscriptions')}}">Monthly Subscriptions</a></li>
					<li class="breadcrumb-item active">Edit Subscription</li>
				</ol>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="card card-info">
		<form method="post" action="{{ route('golf-operation.monthly-subscriptions.edit', $subscription->id) }}">
			@csrf
			<div class="card-header">
				<h3 class="card-title">Edit Subscription Fee</h3>
			</div>
			<div class="card-body">
				<div class="row">
					<div class="col-sm-4">
						<div class="form-group">
							<label>Member Name</label>
							<input type="text" name="member_name" class="form-control" value="{{ $subscription->member->full_name }}" disabled />
						</div>
					</div>
					<div class="col-sm-3">
						<div class="form-group">
							<label>Member Category</label>
							<input type="text" name="member_category" class="form-control" value="{{ isset($subscription->member->category)?$subscription->member->category->name:'' }}" disabled="">				
						</div>
					</div>
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Status</label>
							<select name="activity_status" class="form-control">
								<option value="Active" @if($subscription->activity_status == 'Active') selected @endif>Active</option>
									<option value="Inactive" @if($subscription->activity_status == 'Inactive') selected @endif>Inactive</option>
									<option value="Cancelled" @if($subscription->activity_status == 'Cancelled') selected @endif>Cancelled</option>
							</select>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="form-group">
							<label>Membership No</label>
							<input type="text" name="membership_no" class="form-control" value="{{ $subscription->member->membership_no }}" disabled="">
						</div>
					</div>
				</div>
				<div class="row">					
					<div class="col-sm-4">
						<div class="form-group">
							<label>Month</label>
							<input type="text" name="month" class="form-control" value="{{$subscription->month . ', ' . $subscription->year}}" disabled="">
						</div>
					</div>
					<div class="col-sm-2">
						<div class="form-group">
							<label>Subscription Fee</label>
							<input type="text" name="subscription_fee" value="{{ $subscription->subscription_fee }}" class="form-control" />
						</div>
					</div>
					<div class="col-sm-2">
						<div class="form-group">
							<label>Dependent Fee</label>
							<input type="text" name="dependent_fee" value="{{ $subscription->dependent_fee }}" class="form-control" />
						</div>
					</div>
					<div class="col-sm-2">
						<div class="form-group">
							<label>Locker Fee</label>
							<input type="text" name="locker_fee" value="{{ $subscription->locker_fee }}" class="form-control" />
						</div>
					</div>				
					<div class="col-sm-2">
						<div class="form-group">
							<label>Locker Use</label>
							<select name="has_lokcer" class="form-control">
								<option value="No" @if($subscription->has_locker == 'No') selected @endif>No</option>
								<option value="Yes" @if($subscription->has_locker == 'Yes') selected @endif>Yes</option>
							</select>
						</div>
					</div>
				</div>

				<div class="row" style="margin-top: 10px;">
					<div class="col-sm-12">
						<h3 style="border: 1px solid #000; padding: 5px; border-radius: 5px; font-size: 15px; text-align: center;">Previous Dues</h3>	
					</div>
					<div class="col-sm-12">
						<p>Previous dues till date <input type="text" name="total_dues_amount"></p>
					</div>
					<div class="col-sm-12">
						<p>Month <input type="text" name="month_from"> From <input type="text" name="month_to"> to</p>
						<p>Last Payment Date <input type="text" name="last_payment_date"></p>
					</div>

				</div>

			</div>
			<div class="card-footer text-right">
				<button type="submit" class="btn btn-success">Save</button>
			</div>			
		</form>
	</div>
</div>
@endsection