@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">
	<div class="col-md-12">
		<form method="POST" action="{{route('golf-operation.members.save.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;
			}
			
			
			
			@endphp
			<div class="card">
				<div class="card-header">
					<h3 class="card-title">Payment Details</h3>
				</div>
				<div class="card-body">
					<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>
				</div>
				<div class="card-footer text-right">
					<input type="submit" name="action" value="Save" class="btn btn-success">					
					<input type="submit" name="action" value="Next" class="btn btn-warning">					
				</div>
			</div>

			<div class="card">
				<div class="card-header">
					<h3 class="card-title">FOR OFFICIAL USE</h3>
				</div>
				<div class="card-body">
					<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" />
						</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">Registration Date</label>
							<input type="text" name="" class="form-control form-control-sm singledatepicker" />
						</div>
					</div>
				</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