@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">{{ session('title') }}</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">{{ session('title') }}</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container-fluid">
	@include('backend.members.edit.edit-header')
	<div class="col-md-12">
		<form method="POST" action="{{route('golf-operation.members.update.payment-details',$editData->id)}}">
			@csrf
			@php
			if(old('self_membership_fee')){
				$self_membership_fee = old('self_membership_fee');
			}elseif($editData){
				$self_membership_fee = $editData->self_membership_fee;
			}else{
				$self_membership_fee = null;
			}

			if(old('spouse_membership_fee')){
				$spouse_membership_fee = old('spouse_membership_fee');
			}elseif($editData){
				$spouse_membership_fee = $editData->spouse_membership_fee;
			}else{
				$spouse_membership_fee = null;
			}

			if(old('dependent_membership_fee')){
				$dependent_membership_fee = old('dependent_membership_fee');
			}elseif($editData){
				$dependent_membership_fee = $editData->dependent_membership_fee;
			}else{
				$dependent_membership_fee = null;
			}

			if(old('donation_payment')){
				$donation_payment = old('donation_payment');
			}elseif($editData){
				$donation_payment = $editData->donation_payment;
			}else{
				$donation_payment = null;
			}

			if(old('other_fees')){
				$other_fees = old('other_fees');
			}elseif($editData){
				$other_fees = $editData->other_fees;
			}else{
				$other_fees = null;
			}

			if(old('total_amount')){
				$total_amount = old('total_amount');
			}elseif($editData){
				$total_amount = $editData->total_amount;
			}else{
				$total_amount = null;
			}

			if(old('payment_method_id')){
				$payment_method_id = old('payment_method_id');
			}elseif($editData){
				$payment_method_id = $editData->payment_method_id;
			}else{
				$payment_method_id = null;
			}

			if(old('payment_reference')){
				$payment_reference = old('payment_reference');
			}elseif($editData){
				$payment_reference = $editData->payment_reference;
			}else{
				$payment_reference = null;
			}

			if(old('certificate')){
				$certificate = old('certificate');
			}elseif($editData){
				$certificate = $editData->certificate;
			}else{
				$certificate = null;
			}
			
			if(old('membership_no')){
				$membership_no = old('membership_no');
			}elseif($editData){
				$membership_no = $editData->membership_no;
			}else{
				$membership_no = null;
			}
			
			if(old('identy_card_no')){
				$identy_card_no = old('identy_card_no');
			}elseif($editData){
				$identy_card_no = $editData->identy_card_no;
			}else{
				$identy_card_no = null;
			}

			if(old('handicap')){
				$handicap = old('handicap');
			}elseif($editData){
				$handicap = $editData->handicap;
			}else{
				$handicap = null;
			}

			if(old('registration_date')){
				$registration_date = old('registration_date');
			}elseif($editData){
				$registration_date = $editData->registration_date;
			}else{
				$registration_date = null;
			}

			if(old('is_absentee')){
				$is_absentee = old('is_absentee');
			}elseif($editData){
				$is_absentee = $editData->is_absentee;
			}else{
				$is_absentee = 'No';
			}

			if(old('activity_status')){
				$activity_status = old('activity_status');
			}elseif($editData){
				$activity_status = $editData->activity_status;
			}else{
				$activity_status = '';
			}

			if(old('locker_use')){
				$locker_use = old('locker_use');
			}elseif($editData){
				$locker_use = $editData->locker_use;
			}else{
				$locker_use = 'No';
			}

			if(old('locker_number')){
				$locker_number = old('locker_number');
			}elseif($editData){
				$locker_number = $editData->locker_number;
			}else{
				$locker_number = '';
			}

			if(old('member_status')){
				$member_status = old('member_status');
			}elseif($editData){
				$member_status = $editData->member_status;
			}else{
				$member_status = 0;
			}

			if(old('monthly_sub_type')){
				$monthly_sub_type = old('monthly_sub_type');
			}elseif($editData){
				$monthly_sub_type = $editData->monthly_sub_type;
			}else{
				$monthly_sub_type = 'Full Member';
			}
			
			
			
			@endphp
			<div class="card">
				<div class="card-header">
					<h3 class="card-title">Payment Details</h3>
				</div>
				<div class="card-body">

					@if (Session::has('message'))
						    <div class="col-md-12 alert alert-{{$message_type}}">
						    	<button type="button" class="close" data-dismiss="alert">
									<i class="ace-icon fa fa-times"></i>
								</button>
								{{Session::get('message')}}
						    </div>
					@endif
					@if ($errors->any())
						<div class="row">
						    <div class="alert alert-danger col-md-6 col-md-offset-2">
						        <ul>
						            @foreach ($errors->all() as $error)
						                <li>{{ $error }}</li>
						            @endforeach
						        </ul>
						    </div>
						</div>
					@endif
					<table class="table-bordered table-sm">
						<tr>
							<td>Membership Fees for Self</td>
							<td style="width: 220px;"><input type="text" value="{{ $self_membership_fee }}" name="self_membership_fee" class="form-control form-control-sm numeric_only"></td>
						</tr>
						<tr>
							<td>Membership Fees for Spouse</td>
							<td><input type="text" name="spouse_membership_fee" value="{{ $spouse_membership_fee }}" class="form-control form-control-sm numeric_only"></td>
						</tr>
						<tr>
							<td>Membership Fees for Dependent</td>
							<td><input type="text" name="dependent_membership_fee" value="{{ $dependent_membership_fee }}" class="form-control form-control-sm numeric_only"></td>
						</tr>
						<tr>
							<td>Donation</td>
							<td><input type="text" name="donation_payment" value="{{ $donation_payment }}" class="form-control form-control-sm numeric_only"></td>
						</tr>
						<tr>
							<td>Fees for ID Card / Others</td>
							<td><input type="text" name="other_fees" value="{{ $other_fees }}" class="form-control form-control-sm numeric_only"></td>
						</tr>
						<tr>
							<td>Total Amount</td>
							<td><input type="text" name="total_amount" value="{{ $total_amount }}" id="total_amount" class="form-control form-control-sm" readonly></td>
						</tr>
						<tr>
							<td>Payment Method</td>
							<td>
								<select class="form-control form-control-sm" name="payment_method_id">
									<option value="">Select Payment Method</option>
									@foreach ($payment_methods as $element)
									<option {{ $payment_method_id == $element->id ?'selected':'' }} value="{{ $element->id }}">{{ $element->name }}</option>
									@endforeach
								</select>
							</td>
						</tr>
						<tr>
							<td>Payment Reference</td>
							<td>
								<input type="text" name="payment_reference" value="{{ $payment_reference }}" class="form-control form-control-sm">
							</td>
						</tr>
					</table>
					<br /> <br />
					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								<label class="text-center">Certificate</label>
								<textarea name="certificate" class="form-control">{{ $certificate }}</textarea>
							</div>
						</div>
					</div>
					

					<h3 class="text-center" style="font-size: 16px; margin-top: 20px; border-bottom: 1px dotted #000;">FOR OFFICIAL USE</h3>
				
					<div class="form-row">
						<div class="form-group col-sm-3">
							<label class="control-label">Membership No</label>
							<input type="text" name="membership_no" value="{{ $membership_no }}" class="form-control form-control-sm @error('membership_no') is-invalid @enderror" />
							@error('membership_no')
							<span class="invalid-feedback">{{ $message }}</span>
							@enderror
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Handicap</label>
								<input type="number" name="handicap" class="form-control form-control-sm" value="{{$handicap}}" />
							</div>
						</div>
						<div class="form-group col-sm-3">
							<label class="control-label">Identy Card No</label>
							<input type="text" name="identy_card_no" value="{{ $identy_card_no }}" class="form-control form-control-sm" />
						</div>
						<div class="form-group col-sm-3">
							<label class="control-label">Effective Date</label>
							<input type="text" name="registration_date" value="@if($registration_date){{date('d-m-Y', strtotime($registration_date))}}@endif" class="form-control form-control-sm datepickerjui" />
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Member Status</label>
								<select class="form-control form-control-sm" name="activity_status">
									<option value="">Select Status</option>
									<option value="Active" @if($activity_status == 'Active') selected @endif>Active</option>
									<option value="Inactive" @if($activity_status == 'Inactive') selected @endif>Inactive</option>
									<option value="Absentee" @if($activity_status == 'Absentee') selected @endif>Absentee</option>
									<option value="Cancelled" @if($activity_status == 'Cancelled') selected @endif>Cancelled</option>
								</select>
							</div>
						</div>
						<div class="col-sm-3" id="absentee_effective_from_div" style="display:none">
							<div class="form-group">
								<label class="control-label">Absentee Effective Date From</label>

								<input name="absentee_effective_from" type="text" class="form-control datemask" data-inputmask-alias="datetime" data-inputmask-inputformat="dd-mm-yyyy" data-mask value="{{count($absentee_range)?date('d-m-Y',strtotime($absentee_range->first()->end_date)):""}}" />
							</div>
						</div>
						<div class="col-sm-3" id="absentee_effective_to_div" style="display:none">
							<div class="form-group">
								<label class="control-label">Absentee Effective Date To</label>
								<input name="absentee_effective_to" type="text" class="form-control datemask" data-inputmask-alias="datetime" data-inputmask-inputformat="dd-mm-yyyy" data-mask value="{{count($absentee_range)?date('d-m-Y',strtotime($absentee_range->first()->end_date)):""}}" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Using Locker</label>
								<select class="form-control form-control-sm" name="locker_use">
									<option value="No" @if($locker_use == 'No') selected @endif>No</option>
									<option value="Yes" @if($locker_use == 'Yes') selected @endif>Yes</option>
								</select>
							</div>
						</div>
						<script type="text/javascript">
							$(document).ready(function() {

								function absenteeStatusUpdate() {

									var activity_status = $('select[name="activity_status"]').val();

									if (activity_status=='Absentee'){

										$('#absentee_effective_from_div').show();
										$('#absentee_effective_to_div').show();
									}else{

										$('#absentee_effective_from_div').hide();
										$('#absentee_effective_to_div').hide();
									}									
								}

								function lockerStatusUpdate() {

									var locker_use = $('select[name="locker_use"]').val();
									
									if (locker_use=='Yes'){
										
										$('#locker_effective_from_div').show();
										$('#locker_effective_to_div').show();
									}else{

										$('#locker_effective_from_div').hide();
										$('#locker_effective_to_div').hide();
									}									
								}

								absenteeStatusUpdate();
								
								lockerStatusUpdate();

								$('select[name="activity_status"]').change(function(e) {
									
									absenteeStatusUpdate();
								});

								$('select[name="locker_use"]').change(function(e) {
									
									lockerStatusUpdate();
								});
								
							});
						</script>
						<div class="col-sm-3" id="locker_effective_from_div" style="display:none">
							<div class="form-group">
								<label class="control-label">Locker Effective Date From</label>

								<input name="locker_effective_from" type="text" class="form-control datemask" data-inputmask-alias="datetime" data-inputmask-inputformat="dd-mm-yyyy" data-mask value="{{count($locker_range)?date('d-m-Y',strtotime($locker_range->first()->start_date)):""}}" />
							</div>
						</div>
						<div class="col-sm-3" id="locker_effective_to_div" style="display:none">
							<div class="form-group">
								<label class="control-label">Locker Effective Date To</label>
								<input name="locker_effective_to" type="text" class="form-control datemask" data-inputmask-alias="datetime" data-inputmask-inputformat="dd-mm-yyyy" data-mask value="{{count($locker_range)?date('d-m-Y',strtotime($locker_range->first()->end_date)):""}}" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Locker Number</label>
								<input type="text" name="locker_number" value="{{ $locker_number }}" class="form-control" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Online Submission Status</label>
								<select class="form-control form-control-sm" name="member_status">
									<option value="0" @if($member_status == 0) selected @endif>Initial Submit</option>
									<option value="1" @if($member_status == 1) selected @endif>Waiting for Recomendation</option>
									<option value="2" @if($member_status == 2) selected @endif>Recomended</option>
									<option value="3" @if($member_status == 3) selected @endif>Approved</option>
								</select>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Subscription Type</label>
								<select class="form-control form-control-sm" name="monthly_sub_type">
									<option value="Full Member" @if($monthly_sub_type == 'Full Member') selected @endif>Full Member</option>
									<option value="Single" @if($monthly_sub_type == 'Single') selected @endif>Single</option>
									<option value="Family" @if($monthly_sub_type == 'Family') selected @endif>Family</option>
								</select>
							</div>
						</div>
					</div>
				</div>


				<div class="card-footer text-right">

					<a href="{{route('golf-operation.members.edit.references', $editData->id)}}" class="btn btn-primary">Previous</a>
					
					<a href="{{route('golf-operation.members.report.member-profile.pdf_by_id',$editData->id)}}" target="_blank" class="btn btn-primary">Preview</a>

					<input hidden type="text" name="action" value="Save" class="btn btn-success" />				
					<button type="submit" class="btn btn-success" >Finish</button>				
										
				</div>
			</div>			
		</form>	
	</div>
</div>
@endsection
@section('page_script')
<style type="text/css">
	.action-column button {
		min-width: auto!important;
	}
</style>
<script type="text/javascript">
	$(function(){		

		$(document).on('keyup','.numeric_only',function(){
			totalAmount();
		});
		//calculate sum of amount
		function totalAmount(){
			var sum=0;
			$('.numeric_only').each(function(){
				var value = $(this).val();			    		
				if(!isNaN(value) && value.length != 0) {
					sum += parseFloat(value);			        
				}
			});
			$('#total_amount').val(sum);
		}
	});
</script>
@endsection