@extends('frontend.layouts.member-app')
@section('content')
	<div class="row">
		<div class="col-sm-12 text-right" style="margin-top: 15px;">
			<a href="{{ route('member.dailyentry.dailyentrylist') }}" class="btn btn-info btn-sm">Previous Booking</a>
		</div>
	</div>
	<div class="card" style="margin-top: 15px;">
		<div class="card-header">
			<h3 class="card-title">Daily Entry Registration</h3>
		</div>
		<div class="card-body">
				@if($errors->any())
					<div class="alert alert-danger">
						<ul>
							@foreach($errors->all() as $error)
							<li>{{$error}}</li>
							@endforeach
						</ul>
					</div>
				@endif
				<div class="row">
					<div class="col-sm-4" style="display: none;">
						<form method="get" action="{{route('member.dailyentry.create')}}" id="member-search-form">
							<div class="form-group">
								<label class="control-label">Membership No</label>
								<input type="text" value="{{request()->membership_no}}" name="membership_no" id="member-search-field" class="form-control membership_no">	
								<input type="hidden" name="tee_type" id="tee_type_value" value="9" />
							</div>																										
						</form>
						<div class="form-group">
							<label class="control-label">Search Member</label>
							<input type="text" id="search-member-by-text" class="form-control" />
						</div>
						@if(isset($reg_member) && !empty($reg_member))
						<!--<div class="text-left" style="margin-top: 50px;">
							<button class="btn btn-info btn-sm" id="full-subsidy-btn">Spl Sub</button>									
						</div>-->
						@endif
					</div>
					<div class="col-sm-12">
						@if(isset($reg_member) && !empty($reg_member))
							@if($reg_type == 'member')
								@if($reg_member->activity_status == 'Active' || $reg_member->activity_status == 'Absentee')
									<form method="post" action="{{route('member.dailyentry.store')}}">
										@csrf
										<div class="row">
											<div class="col-sm-6">
												<div class="form-group">													
													<label>Name</label>
													@if($wife)
														<input type="text" name="name" value="{{$reg_member->spouse_name}}" class="form-control" readonly="">
														<input type="hidden" name="player_type" value="{{ $reg_member->category->name }} - Spouse" />
														<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}W" />
														<input type="hidden" name="handicap" value="{{$reg_member->spouse_handicap}}" />													
													@elseif($dependent)
														<input type="text" name="name" value="{{$reg_member->childrens[$dependent_key]->name}}" class="form-control" readonly="">
														<input type="hidden" name="player_type" value="{{ $reg_member->category->name }} - Dependent Member" />
														<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}D{{$dependent_key+1}}" />
														<input type="hidden" name="handicap" value="{{$reg_member->childrens[$dependent_key]->handicap}}" />													
													@else
														<input type="text" name="name" value="{{$reg_member->full_name}}" class="form-control" readonly="">
														<input type="hidden" name="player_type" value="{{ $reg_member->category->name }}" />																											
														<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}" />
														<input type="hidden" name="handicap" value="{{$reg_member->handicap}}" />													
													@endif													

													<input type="hidden" name="member_id" value="{{$reg_member->id}}" />
													<input type="hidden" name="mobile" value="{{$reg_member->mobile_number}}" />
													<input type="hidden" name="tee_type" value="{{request()->tee_type}}" />
												</div>
											</div>
											@if($wife || $dependent)
												<div class="col-sm-6">
													<div class="form-group">
														<label>Category</label>
														<input type="hidden" name="category" value="{{$reg_type == 'member'?$reg_member->member_category_id:$reg_member->category_id}}">
														<input type="text" name="" value="{{(isset($reg_member->category))?$reg_member->category->name:''}} - {{$wife?'Spouse':'Dependent'}}" class="form-control" readonly="" />
													</div>
												</div>
											@else											
											<div class="col-sm-6">
												<div class="form-group">
													<label>Category</label>
													<input type="hidden" name="category" value="{{$reg_member->member_category_id}}">
													<input type="text" name="" value="{{(isset($reg_member->category))?$reg_member->category->name:''}}" class="form-control" readonly="" />
												</div>
											</div>
											@endif
										</div>
																				@if($reg_type == 'member' && $reg_member->activity_status == 'Absentee')
										<div class="row">
											<div class="col-sm-12">
												<p class="text-danger text-center" style="font-weight: bold;">No Subsidy for Absentee Member !</p>
											</div>													
										</div>
										@endif

										@if($dependent && isset($dependent_mem_age) && $dependent_mem_age >= 25)
										<p class="text-danger text-center" style="font-weight: bold;">You are older than 25 years!</p>												
										@else
										<div class="row">													
											@if($reg_type == 'member')
											<div class="col-sm-4">
												<label class="control-label">Member Status</label>
												<input type="text" name="member_status" class="form-control" value="{{ $reg_member->activity_status }}" readonly="">
											</div>
											@endif
											<div class="col-sm-4">
												<div class="form-group">
													<label>Round</label>
													<select class="form-control enter-focus" name="tee_type" id="main_tee_type">
														<option value="9" {{request()->tee_type == 9?'selected':''}}>9 Hole</option>
														<option value="18" {{request()->tee_type == 18?'selected':''}}>18 Hole</option>
														<option value="s9" {{request()->tee_type == 's9'?'selected':''}}>2nd 9 Hole</option>
														<option value="s18" {{request()->tee_type == 's18'?'selected':''}}>2nd 18 Hole</option>
													</select>
												</div>
											</div>
											<div class="col-sm-4">
												<div class="form-group">													
													<label class="control-label">Green Fee</label>
													<input type="text" name="green_fee" value="{{$green_fee}}" class="form-control" readonly="" />
												</div>
											</div>
										</div>											
										
										<div class="row">											
											<div class="col-sm-3">
												<div class="form-group">													
													<label class="control-label">Caddy Fee</label>
													<input type="hidden" name="caddy_fee" value="{{$caddy_fee}}" class="form-control" readonly="">													
													<input type="text" name="caddy_fee_text" value="{{$caddy_fee}}" class="form-control" disabled="">													
													<input type="hidden" name="caddy_subsidy" value="{{ $caddy_subsidy }}" />
												</div>
											</div>
											<div class="col-sm-9">
												<div class="form-group">
													<label>Caddy</label>													
													<input type="hidden" class="form-control" value="" name="caddy_id" id="caddy_input_id">
													<div class="row">
														<div class="col-sm-4">
															<div class="form-group">
																<input type="text" class="form-control enter-focus" value="" name="caddy_id_select" id="caddy_id_select">																		
															</div>
														</div>
														<div class="col-sm-8">
															<div class="form-group">
																<input type="text" class="form-control caddy_name_field" readonly="" />
															</div>
														</div>
													</div>												
												</div>
											</div>											
										</div>
										<div class="row">
											<div class="col-sm-3">
												<div class="form-group">													
													<label class="control-label">Ballboy Fee</label>
													<input type="hidden" name="ballboy_fee" value="{{$ballboy_fee}}">
													<input type="text" name="ballboy_fee_text" value="{{$ballboy_fee}}" class="form-control" disabled="">
													<input type="hidden" name="ballboy_subsidy" value="{{ $ballboy_subsidy }}" />
												</div>
											</div>
											<div class="col-sm-9">
												<div class="form-group">
													<label>Ballboy</label>
													<input type="hidden" class="form-control" value="" name="ballboy_id" id="ballboy_input_id">
													<div class="row">
														<div class="col-sm-4">
															<div class="form-group">
																<input type="text" class="form-control enter-focus" value="" name="ballboy_id_select" id="ballboy_id_select">
															</div>
														</div>
														<div class="col-sm-8">
															<div class="form-group">
																<input type="text" class="form-control ballboy_name_field" readonly />
															</div>
														</div>
													</div>
													
												</div>
											</div>	
										</div>
										<div class="row">
											<div class="col-sm-3">
												<div class="form-group">
													<label>Rent GolfSet</label>
													<div class="row">
														<div class="col-sm-2">
															<input type="checkbox" name="rent_golf_set">
														</div>
														<div class="col-sm-10">
															<input type="text" value="{{$rent_set_fee}}" name="set_fee_text" class="form-control" disabled="" />
															<input type="hidden" value="{{$rent_set_fee}}" name="set_fee"  />
														</div>
													</div>													
												</div>
											</div>
											<div class="col-sm-3">
												<div class="form-group">
													<label>Rent Cart</label>
													<div class="row">
														<div class="col-sm-2">
															<input type="checkbox" name="rent_golf_cart">
														</div>
														<div class="col-sm-10">
															<input type="text" value="{{$reg_member->category->rent_cart}}" name="cart_fee_text" class="form-control" disabled="" />
															<input type="hidden" value="{{$reg_member->category->rent_cart}}" name="cart_fee"  />
														</div>
													</div>													
												</div>
											</div>
											<div class="col-sm-3">
												<div class="form-group">
													<label>Rent Trolley</label>
													<div class="row">
														<div class="col-sm-2">
															<input type="checkbox" name="rent_trolley">
														</div>
														<div class="col-sm-10">
															<input type="text" value="{{$reg_member->category->rent_trolley}}" name="trolley_fee_text" class="form-control" disabled="" />
															<input type="hidden" value="{{$reg_member->category->rent_trolley}}" name="trolley_fee" />
														</div>
													</div>													
												</div>
											</div>
											{{-- <div class="col-sm-3">
												<div class="form-group">
													<label>Other</label>
													<input type="text" name="other_fee" class="form-control">
												</div>
											</div> --}}
										</div>
										<!-- <div class="row">													
											<div class="col-sm-4">
												<div class="form-group">
													<label>Payment Method</label>
													<select class="form-control" required="" name="payment_method_id">														
														@foreach($payment_methods as $method)
															@if($method->name=='Credit Card'||$method->name=='Online Payment')
															<option value="{{$method->id}}">{{$method->name}}</option>
															@endif
														@endforeach
													</select>
												</div>
											</div>
											<div class="col-sm-8">
												<div class="form-group">
													<label class="control-label">Payment Reference</label>
													<input type="text" name="payment_reference" class="form-control" />
												</div>
											</div>
										</div> -->
										<div class="row">
											<div class="col-sm-12 text-right">
												<button type="submit" class="btn btn-primary enter-focus btn-sm">Submit</button>
											</div>
										</div>
										@endif
									</form>
								@else
									<div class="row">
										<div class="col-sm-6">
											<div class="form-group">													
												<label>Name</label>
												@if($wife)
													<input type="text" name="name" value="{{$reg_member->spouse_name}}" class="form-control" readonly="">
													<input type="hidden" name="player_type" value="{{ $reg_member->category->name }} - Spouse" />
													<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}W" />
													<input type="hidden" name="handicap" value="{{$reg_member->spouse_handicap}}" />													
												@elseif($dependent)
													<input type="text" name="name" value="{{$reg_member->childrens[$dependent_key]->name}}" class="form-control" readonly="">
													<input type="hidden" name="player_type" value="{{ $reg_member->category->name }} -Dependent Member" />
													<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}D{{$dependent_key+1}}" />
													<input type="hidden" name="handicap" value="{{$reg_member->childrens[$dependent_key]->handicap}}" />													
												@else
													<input type="text" name="name" value="{{$reg_member->full_name}}" class="form-control" readonly="">															
													<input type="hidden" name="player_type" value="{{$reg_member->category->name}}" />															
													<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}" />
													<input type="hidden" name="handicap" value="{{$reg_member->handicap}}" />													
												@endif													

												<input type="hidden" name="member_id" value="{{$reg_member->id}}" />
												<input type="hidden" name="mobile" value="{{$reg_member->mobile_number}}" />
												<input type="hidden" name="tee_type" value="{{request()->tee_type}}" />
											</div>
										</div>
										@if($wife || $dependent)
											<div class="col-sm-6">
												<div class="form-group">
													<label>Category</label>
													<input type="hidden" name="category" value="{{$reg_type == 'member'?$reg_member->member_category_id:$reg_member->category_id}}">
													<input type="text" name="" value="{{(isset($reg_member->category))?$reg_member->category->name:''}} - {{$wife?'Spouse':'Dependent'}}" class="form-control" readonly="" />
												</div>
											</div>
										@else											
										<div class="col-sm-6">
											<div class="form-group">
												<label>Category</label>
												<input type="hidden" name="category" value="{{$reg_type == 'member'?$reg_member->member_category_id:$reg_member->category_id}}">
												<input type="text" name="" value="{{(isset($reg_member->category))?$reg_member->category->name:''}}" class="form-control" readonly="" />
											</div>
										</div>
										@endif
										<div class="col-sm-6">
											<label class="control-label">Member Status</label>
											<input type="text" name="member_status" class="form-control" value="{{ $reg_member->activity_status }}" readonly="">
										</div>
									</div>
								@endif
							@else
								<form method="post" action="{{route('member.dailyentry.store')}}">
									@csrf
									<div class="row">
										<div class="col-sm-6">
											<div class="form-group">													
												<label>Name</label>														
												<input type="text" name="name" value="{{$reg_member->name}}" class="form-control" readonly="">														
												@if($reg_type == 'oc_member')
													<input type="hidden" name="player_type" value="{{$reg_member->category->name}} - OC" />
												@elseif($reg_type == 'non_member')
													<input type="hidden" name="player_type" value="{{$reg_member->category->name}} - NM" />
												@endif																											
																								

												<input type="hidden" name="member_id" value="{{$reg_member->id}}" />
												<input type="hidden" name="handicap" value="{{$reg_member->handicap}}" />													
												<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}" />
												<input type="hidden" name="mobile" value="{{$reg_member->mobile}}" />
												<input type="hidden" name="tee_type" value="{{request()->tee_type}}" />
											</div>
										</div>																						
										<div class="col-sm-6">
											<div class="form-group">
												<label>Category</label>
												<input type="hidden" name="category" value="{{$reg_member->category_id}}">
												<input type="text" name="" value="{{(isset($reg_member->category))?$reg_member->category->name:''}}" class="form-control" readonly="" />
											</div>
										</div>												
									</div>
																		<div class="row">												
										<div class="col-sm-6">
											<div class="form-group">
												<label>Round</label>
												<select class="form-control enter-focus" name="tee_type" id="main_tee_type">
													<option value="9" {{request()->tee_type == 9?'selected':''}}>9 Hole</option>
													<option value="18" {{request()->tee_type == 18?'selected':''}}>18 Hole</option>
													<option value="s9" {{request()->tee_type == 's9'?'selected':''}}>2nd 9 Hole</option>
													<option value="s18" {{request()->tee_type == 's18'?'selected':''}}>2nd 18 Hole</option>
												</select>
											</div>
										</div>
										<div class="col-sm-6">
											<div class="form-group">													
												<label class="control-label">Green Fee</label>
												<input type="text" name="green_fee" value="{{$green_fee}}" class="form-control" readonly="" />
											</div>
										</div>
									</div>
									
									
									<div class="row">											
										<div class="col-sm-3">
											<div class="form-group">													
												<label class="control-label">Caddy Fee</label>
												<input type="hidden" name="caddy_fee" value="{{$caddy_fee}}" class="form-control" readonly="">													
												<input type="text" name="caddy_fee_text" value="{{$caddy_fee}}" class="form-control" disabled="">													
												<input type="hidden" name="caddy_subsidy" value="{{ $caddy_subsidy }}" />
											</div>
										</div>
										<div class="col-sm-9">
											<div class="form-group">
												<label>Caddy</label>													
												<input type="hidden" class="form-control" value="" name="caddy_id" id="caddy_input_id">													
												<div class="row">
													<div class="col-sm-4">
														<div class="form-group">
															<input type="text" class="form-control enter-focus" value="" name="caddy_id_select" id="caddy_id_select">																		
														</div>
													</div>
													<div class="col-sm-8">
														<div class="form-group">
															<input type="text" class="form-control caddy_name_field" readonly="" />
														</div>
													</div>
												</div>	
											</div>
										</div>											
									</div>
									<div class="row">
										<div class="col-sm-3">
											<div class="form-group">													
												<label class="control-label">Ballboy Fee</label>
												<input type="hidden" name="ballboy_fee" value="{{$ballboy_fee}}">
												<input type="text" name="ballboy_fee_text" value="{{$ballboy_fee}}" class="form-control" disabled="">
												<input type="hidden" name="ballboy_subsidy" value="{{ $ballboy_subsidy }}" />
											</div>
										</div>
										<div class="col-sm-9">
											<div class="form-group">
												<label>Ballboy</label>
												<input type="hidden" class="form-control" value="" name="ballboy_id" id="ballboy_input_id">
												<div class="row">
													<div class="col-sm-4">
														<div class="form-group">
															<input type="text" class="form-control enter-focus" value="" name="ballboy_id_select" id="ballboy_id_select">
														</div>
													</div>
													<div class="col-sm-8">
														<div class="form-group">
															<input type="text" class="form-control ballboy_name_field" readonly />
														</div>
													</div>
												</div>
											</div>
										</div>	
									</div>
									<div class="row">
										<div class="col-sm-3">
											<div class="form-group">
												<label>Rent GolfSet</label>
												<div class="row">
													<div class="col-sm-2">
														<input type="checkbox" name="rent_golf_set">
													</div>
													<div class="col-sm-10">
														<input type="text" value="{{$rent_set_fee}}" name="set_fee_text" class="form-control" disabled="" />
														<input type="hidden" value="{{$rent_set_fee}}" name="set_fee"  />
													</div>
												</div>													
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label>Rent Cart</label>
												<div class="row">
													<div class="col-sm-2">
														<input type="checkbox" name="rent_golf_cart">
													</div>
													<div class="col-sm-10">
														<input type="text" value="{{$reg_member->category->rent_cart}}" name="cart_fee_text" class="form-control" disabled="" />
														<input type="hidden" value="{{$reg_member->category->rent_cart}}" name="cart_fee"  />
													</div>
												</div>													
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label>Rent Trolley</label>
												<div class="row">
													<div class="col-sm-2">
														<input type="checkbox" name="rent_trolley">
													</div>
													<div class="col-sm-10">
														<input type="text" value="{{$reg_member->category->rent_trolley}}" name="trolley_fee_text" class="form-control" disabled="" />
														<input type="hidden" value="{{$reg_member->category->rent_trolley}}" name="trolley_fee" />
													</div>
												</div>													
											</div>
										</div>
										{{-- <div class="col-sm-3">
											<div class="form-group">
												<label>Other Fee</label>
												<input type="text" name="other_fee" class="form-control" />
											</div>
										</div> --}}
									</div>
									<!-- <div class="row">												
										<div class="col-sm-3">
											<div class="form-group">
												<label>Payment Method</label>
												<select class="form-control" required="" name="payment_method_id">														
													@foreach($payment_methods as $method)

														@if($method->name=='Credit Card'||$method->name=='Online Payment')
														<option value="{{$method->id}}">{{$method->name}}</option>
														@endif
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-sm-6">
											<div class="form-group">
												<label class="control-label">Payment Reference</label>
												<input type="text" name="payment_reference" class="form-control" />
											</div>
										</div>
									</div> -->
									<div class="row">
										<div class="col-sm-12 text-right">
											<button type="submit" class="btn btn-primary enter-focus">Submit</button>
										</div>
									</div>
								</form>
							@endif
								
						@endif								
					</div>						
				</div>						
		</div>
		<div class="card-footer text-right">
			
		</div>
	</div>			
		
<script type="text/javascript">
	$(function(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true
		});	

		$('#main_tee_type').on('change', function(e){
			$('.hidden_tee_type').val($(this).val());
		});

		@if(request()->tee_type && request()->membership_no)
			$('#main_tee_type').focus();
		@else
			$('input[name="membership_no"').focus();
		@endif

		$("#search-member-by-text").autocomplete({
			source: '{{ route("member.autocomplete") }}',
			minChars: 0,
			autoFocus: true,
			delay: 500,
			select: function (a, ui) {				
				$(this).val(ui.item.value);
				$('#member-search-field').val(ui.item.value);
				$("#member-search-form").submit();
				return false;
			}
		});

		$('#caddy_id_select').on('change', function(){
			if($(this).val()){
				$.ajax({
					url: '{{ route('member.caddy-by-id') }}?caddy_id='+$(this).val(),
					dataType: 'json',
					success: function(result){
						if(result.status == true){
							$('#caddy_input_id').val(result.data.id);
							$('.caddy_name_field').val(result.data.name);
						}else{
							$('#caddy_input_id').val(1);
							$('.caddy_name_field').val('Caddy');
						}
					}
				});				
			}
		});

		$('#ballboy_id_select').on('change', function(){
			if($(this).val()){
				$.ajax({
					url: '{{ route('member.ballboy-by-id') }}?ballboy_id='+$(this).val(),
					dataType: 'json',
					success: function(result){
						if(result.status == true){
							$('#ballboy_input_id').val(result.data.id);
							$('.ballboy_name_field').val(result.data.name);
						}else{
							$('#ballboy_input_id').val(1);
							$('.ballboy_name_field').val('Ballboy');
						}
					}
				});				
			}
		});
		
	});

	// on first focus (bubbles up to document), open the menu
	$(document).on('focus', '.select2-selection.select2-selection--single', function (e) {
	  $(this).closest(".select2-container").siblings('select:enabled').select2('open');
	});

	// steal focus during close - only capture once and stop propogation
	$('select.select2').on('select2:closing', function (e) {
	  $(e.target).data("select2").$selection.one('focus focusin', function (e) {
	    e.stopPropagation();
	  });
	});

	$('body').on('keydown', 'input, select, textarea', function(e) {
	    var self = $(this), form = self.parents('form:eq(0)'), focusable, next;
	    if (e.which == 13  || e.keyCode == 13) {
	        focusable = form.find('.enter-focus').filter(':visible');
	        next = focusable.eq(focusable.index(this)+1);
	        if (next.length) {
	        	if(next.attr('type') == 'text'){
	        		next.focus().select();
	        	}else{
	            	next.focus();
	        	}
	        } else {
	            form.submit();
	        }
	        return false;
	    }
	});

	$('#new-non-member-modal').on('shown.bs.modal', function(){
		$('#new-non-member-modal').find('select[name="category_id"]').focus();
	});

	$('#new-other-club-member-modal').on('shown.bs.modal', function(){
		$('#new-other-club-member-modal').find('select[name="category_id"]').focus();
	});

	$('#main_tee_type').on('change', function(e){
		$('#tee_type_value').val($(this).val());
		$('#member-search-form').submit();
	});

	$('#full-subsidy-btn').on('click', function(){
		$('input[name="green_fee"]').val(0);
		var oldCaddySubsidy = $('input[name="caddy_subsidy"]').val();
		var oldBallboySubsidy = $('input[name="ballboy_subsidy"]').val();
		var oldCaddyFee = $('input[name="caddy_fee"]').val();
		var oldBallboyFee = $('input[name="ballboy_fee"]').val();
		$('input[name="caddy_subsidy"]').val(parseFloat(oldCaddySubsidy)+parseFloat(oldCaddyFee));
		$('input[name="ballboy_subsidy"]').val(parseFloat(oldBallboyFee)+parseFloat(oldBallboySubsidy));

		$('input[name="caddy_fee"]').val(0);
		$('input[name="caddy_fee_text"]').val(0);

		$('input[name="ballboy_fee"]').val(0);
		$('input[name="ballboy_fee_text"]').val(0);
	});

	Mousetrap.bindGlobal('ctrl+alt+o', function(e) {
	    $('#new-other-club-member-modal').modal('show');
	    return false;
	});
	Mousetrap.bindGlobal('ctrl+alt+n', function(e) {
	    $('#new-non-member-modal').modal('show');
	    return false;
	});
</script>

@endsection