@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder" style=" height: inherit;">
		<h5 style="text-align: center">Driving Range Reg </h5>
		<a href="{{route('drivingrange.add')}}" class="btn btn-success" style="color: #000000; border: 1px solid #eee; margin: 0px auto;margin-top: -4px;">
			<i class="fa fa-home" aria-hidden="true" style="font-size: 20px; "></i>
			{{-- <img src="{{ url('public/backend/images/icons/admission.png') }}" style="width: 20px"> --}}
			Driving Dashboard
		</a>		
		<div class="clearfix"></div>
	</div>
</div>

<div class="container-fluid">
	<div class="col-md-12">
		<div class="card" style="top: -18px;">
			<div class="card-header">
				<h3 class="card-title">Driving Range Reg</h3>
				<div style="text-align: right; margin-bottom: -5px;margin-top: -26px;">
					<button class="btn btn-success btn-sm" type="button" id="new-non-member-btn" data-toggle="modal" data-target="#new-non-member-modal">Add NM</button>
					<button class="btn btn-success btn-sm" type="button" id="new-other-club-member-btn" data-toggle="modal" data-target="#new-other-club-member-modal">Add OC</button>
					<a class="btn btn-success btn-sm" target="_blank" href="{{ route('driving-rande-caddy.index') }}">Caddie/Pro/R&A/NGC</a>
				</div>
			</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-12">
						<form method="get" action="{{ url('/driving_range_reg') }}" id="member-search-form">
							@csrf
							<div class="row">
								<div class=" col-sm-6">

									<!--<label>Ball White</label>
									<select class="form-control" name="ball_w" id="main_tee_type">
										<option value="0" > Select Ball</option>
										<option value="50" {{request()->ball_w == 'ball_w_50'?'selected':''}}>ball 50</option>
										<option value="100" {{request()->ball_w == 'ball_w_100'?'selected':''}}>ball 100</option>
									</select> -->

								</div>
								<div class=" col-sm-6">
								<!--	<label>Ball Yellow</label>
									<select class="form-control" name="ball_y" id="main_tee_type1">
										<option value="0" > Select Ball</option>
										<option value="50" {{request()->ball_y == 'ball_y_50'?'selected':''}}>ball 50</option>
										<option value="100" {{request()->ball_y == 'ball_y_100'?'selected':''}}>ball 100</option>
									</select> -->
								</div>									
							</div>
							<div class="row">
								<div class="form-group col-sm-2">
									<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">	
									<script type="text/javascript">

										$(function(){

											$(document).on('keypress, keydown', '#member-search-field', function(event){

											    var keycode = (event.keyCode ? event.keyCode : event.which);
											    console.log("keycode", keycode);
											    if(keycode == '13'){
											        $('#member-search-form').submit();
											    }
											});
										});
									</script>
									<input type="hidden" name="tee_type" id="tee_type_value" value="9" />
								</div>
								<div class="form-group col-sm-4">
									<label class="control-label">Search Name</label>
									<input type="text" value="{{request()->membership_no}}" name="search_membership_no" id="search-member-by-text" class="form-control membership_no">	
								</div>
								<div class="form-group col-sm-4">
									@if(isset($reg_member) && !empty($reg_member))
										@if((!$wife || !$dependent) && $reg_type == 'member')										
											@if(file_exists($reg_member->member_photo))
										  		<img src="{{ asset($reg_member->member_photo) }}" alt="{{ $reg_member->full_name }}" style="width: 60px; height: auto;">
										  	@endif
										@endif									
										
									@endif
									<!-- <label class="control-label"></label> -->
									{{-- <input type="submit" value="submit" >	 --}}
								</div>
							</div>
						</form>						
					</div>

					@if(isset($reg_member))

					<div class="col-sm-12" style="border: 1px solid #eee; width: 60%; margin: 15px auto; box-shadow: 0px 0px 5px 5px #9e9c9c;">

						@if($reg_type == 'member')

							<form method="post" id="lines-form-1" action="{{ route('driving.reg') }}">
								@csrf
								<div class="row">
																		<div class="col-sm-4 form-group">
										<div class="">													
											<label>Name</label>

											@if ($wife)
											<input type="text" name="name" value="{{$reg_member->spouse_name}}" class="form-control" readonly="">
											{{ \Session::put('driving_range_name', $reg_member->spouse_name) }}
											<input type="hidden" name="player_type" value="{{ $reg_member->category->name }} - Spouse" />
											<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}W" />

											@elseif($dependent)
											<input type="text" name="name" value="{{$reg_member->childrens[$dependent_key]->name}}" class="form-control" readonly="">
											{{ \Session::put('driving_range_name', $reg_member->childrens[$dependent_key]->name) }}
											<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}}" />
											@elseif(isset($associate))
											<input type="text" name="name" value="{{$reg_member->associates[$associate_key]->name}}" class="form-control" readonly="">
											{{ \Session::put('driving_range_name', $reg_member->full_name) }}
											<input type="hidden" name="player_type" value="{{ $reg_member->category->name }}" />																											
											<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}" />
											@else
											<input type="text" name="name" value="{{$reg_member->full_name}}" class="form-control" readonly="">
											{{ \Session::put('driving_range_name', $reg_member->full_name) }}
											<input type="hidden" name="player_type" value="{{ $reg_member->category->name }}" />																											
											<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}" />

											@endif
											{{ \Session::put('driving_range_name', $reg_member->full_name) }}
											<input type="hidden" name="member_id" value="{{$reg_member->id}}" />
											<input type="hidden" name="mobile" value="{{$reg_member->mobile_number}}" />
											<input type="hidden" name="datetime" value="{{$datetime}}" />

										</div>
									</div>
									<div class="col-sm-4">
										<div class="form-group">
											<label>Category</label>
											@if($wife || $dependent)

											<input type="hidden" value="{{$reg_type == 'member'?$reg_member->member_category_id:$reg_member->category_id}}">

											<input type="text" value="{{(isset($reg_member->category))?$reg_member->category->name:''}} - {{$wife?'Spouse':'Dependent'}}" class="form-control" readonly="" />
											@else													<input type="hidden" value="{{$reg_member->member_category_id}}">

											<input type="text" value="{{(isset($reg_member->category))?$reg_member->category->name:''}}" class="form-control" readonly="" />
											@endif
										</div>
									</div>
									<div class="col-sm-4">
										<div class="form-group">

											<label>Cell</label>
											<input type="text" name="mobile_number" value="{{($reg_member->mobile_number!="") ? $reg_member->mobile_number:""}}" class="form-control" readonly="">
										</div>
									</div>
								</div>

								@if($reg_member->activity_status == 'Active' || $reg_member->activity_status == 'Absentee')

									<div class="row">
																				<div class="">											
										</div>
										<div class="col-sm-4">

										</div>
										<div class="col-sm-4">
											<div class="form-group">

											</div>
										</div>
									</div>
									<div class="row">
										
										<div class="col-sm-3">
											<div class="form-group">
												<label>Payment Method</label>
												<select class="form-control" required="" id="myCombobox" name="payment_method_id">
													<option value="">Select Payment Method</option>
													@foreach($payment_methods as $method)
													<option value="{{$method->id}}">{{$method->name}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-sm-2">
											<div class="form-group">
												<label>Shfit</label>
												<select name="shift" class="form-control shift" >
													<option value="Day">Day</option>
													<option value="Night">Night</option>
												</select>
												<script type="text/javascript">
													$(document).ready(function() {
														$('.shift').focus();
													});
												</script>
											</div>
										</div>
									</div>

									<div class="service-container">
										<div class="row">
											<div class="col-sm-3">
												<div class="form-group">
													<label>Service</label>
													<select class="form-control select-service myDropDown" name="service[]">
														<option value="">Select Service</option>
														@foreach($products as $tee_category)
														<option value="{{$tee_category->service_id}}" >{{$tee_category->service_name}}</option>
														@endforeach
													</select>
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Coach</label>
													{{ Form::select('coach_id', $coache_list,(isset($coach_id)?$coach_id:''),['class'=>'form-control select-coach','disabled'=>true]) }}
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Qty(Unit/Box)</label>
													<input type="number" name="qty[]" class="form-control qty" />
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Unit Price</label>
													<input type="text" name="unit_price[]" class="form-control unit_price" readonly="">
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Total Price</label>
													<input type="text" name="total_price[]" class="form-control total_price" readonly="" />
												</div>
											</div>
											<div class="col-sm-1" style="padding-top: 25px; left: 24px;">
												<button type="button" class="btn btn-success btn-more-service"><i class="fa fa-plus"></i></button>
												<button class="btn btn-danger btn-remove-service d-none" type="button"><i class="fa fa-remove"></i></button>
											</div>
										</div>
									</div>

									<div class="row">
										<div class="col-sm-2">
											<div class="span4 pull-right" name="gtotal" style="font-weight: bold">Grand total: <span  id="grandTotal"></span>
												<input type="hidden" name="grandTotal" id="txt_grandTotal">
											</div>
											
										</div>
										<div class="col-sm-10 text-right">
											<button class="btn btn-primary form_btn">Submit</button>
											<button style="display: none;" type="submit" class="btn btn-primary">Submit</button>
										</div>
									</div>
								@else
									<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>
									<hr>
								@endif

							</form>

						@elseif($reg_type == 'oc_member' || $reg_type == 'non_member')
						{{-- if oc or nm --}}

							<form method="post" id="lines-form-1" action="{{ route('driving.reg') }}">
								@csrf
								<div class="row">
																		<div class="col-sm-4 form-group">
										<div class="">													
											<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="membership_no" value="{{$reg_member->membership_no}}" />

											<input type="hidden" name="member_id" value="{{$reg_member->id}}" />

											<input type="hidden" name="mobile" value="{{$reg_member->mobile_number}}" />
											<input type="hidden" name="datetime" value="{{$datetime}}" />

										</div>
									</div>
									<div class="col-sm-4">
										<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 class="col-sm-4">
										<div class="form-group">

											<label>Cell</label>
											<input type="text" name="mobile_number" value="{{($reg_member->mobile_number!="") ? $reg_member->mobile_number:""}}" class="form-control" readonly="">
										</div>
									</div>
								</div>

								@if($reg_member->status == 1 || $reg_member->activity_status == 'Active' || $reg_member->activity_status == 'Absentee')

									<div class="row">
																				<div class="">											
										</div>
										<div class="col-sm-4">

										</div>
										<div class="col-sm-4">
											<div class="form-group">

											</div>
										</div>
									</div>
									<div class="row">
										
										<div class="col-sm-3">
											<div class="form-group">
												<label>Payment Method</label>
												<select class="form-control" required="" id="myCombobox" name="payment_method_id">
													<option value="">Select Payment Method</option>
													@foreach($payment_methods as $method)
													<option value="{{$method->id}}">{{$method->name}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-sm-2">
											<div class="form-group">
												<label>Shfit</label>
												<select name="shift" class="form-control shift" >
													<option value="Day">Day</option>
													<option value="Night">Night</option>
												</select>
												<script type="text/javascript">
													$(document).ready(function() {
														$('.shift').focus();
													});
												</script>
											</div>
										</div>
									</div>
									
									<div class="service-container">
										<div class="row">
											<div class="col-sm-3">
												<div class="form-group">
													<label>Service</label>
													<select class="form-control select-service myDropDown" name="service[]">
														<option value="">Select Service</option>
														@foreach($products as $tee_category)
														<option value="{{$tee_category->service_id}}" >{{$tee_category->service_name}}</option>
														@endforeach
													</select>
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Coach</label>
													{{ Form::select('coach_id', $coache_list,(isset($coach_id)?$coach_id:''),['class'=>'form-control select-coach','disabled'=>true]) }}
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Qty(Unit)</label>
													<input type="number" name="qty[]" class="form-control qty" />
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Unit Price</label>
													<input type="text" name="unit_price[]" class="form-control unit_price" readonly="">
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Total Price</label>
													<input type="text" name="total_price[]" class="form-control total_price" readonly="" />
												</div>
											</div>
											<div class="col-sm-1" style="padding-top: 25px;">
												<button type="button" class="btn btn-success btn-more-service"><i class="fa fa-plus"></i></button>
												<button class="btn btn-danger btn-remove-service d-none" type="button"><i class="fa fa-remove"></i></button>
											</div>
										</div>
									</div>

									<div class="row">
										<div class="col-sm-2">
											<div class="span4 pull-right" name="gtotal" style="font-weight: bold">Grand total: <span  id="grandTotal"></span>
												<input type="hidden" name="grandTotal" id="txt_grandTotal">
											</div>
											
										</div>
										<div class="col-sm-10 text-right">
											<button class="btn btn-primary form_btn">Submit</button>
											<button style="display: none;" type="submit" class="btn btn-primary">Submit</button>
										</div>
									</div>
								@else
									<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>
									<hr>
								@endif

							</form>

						@else 
							<!-- Caddy -->
							<form method="post" id="lines-form-1" action="{{ route('driving.reg') }}">
								@csrf
								<div class="row">
																		<div class="col-sm-4 form-group">
										<div class="">													
											<label>Name</label>

											<input type="text" name="name" value="{{$reg_member->name}}" class="form-control" readonly="">
											{{ \Session::put('driving_range_name', $reg_member->name) }}
											<input type="hidden" name="player_type" value="caddy" />														

											<input type="hidden" name="membership_no" value="{{$reg_member->membership_no}}" />

											<input type="hidden" name="member_id" value="{{$reg_member->id}}" />

											<input type="hidden" name="mobile" value="{{$reg_member->mobile_number}}" />
											<input type="hidden" name="datetime" value="{{$datetime}}" />

										</div>
									</div>
									<div class="col-sm-4">
										<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 class="col-sm-4">
										<div class="form-group">

											<label>Cell</label>
											<input type="text" name="mobile_number" value="{{($reg_member->mobile_number!="") ? $reg_member->mobile_number:""}}" class="form-control" readonly="">
										</div>
									</div>
								</div>

								@if($reg_member->status == 1 || $reg_member->activity_status == 'Active' || $reg_member->activity_status == 'Absentee')

									<div class="row">
																				<div class="">											
										</div>
										<div class="col-sm-4">

										</div>
										<div class="col-sm-4">
											<div class="form-group">

											</div>
										</div>
									</div>
									<div class="row">
										
										<div class="col-sm-3">
											<div class="form-group">
												<label>Payment Method</label>
												<select class="form-control" required="" id="myCombobox" name="payment_method_id">
													<option value="">Select Payment Method</option>
													@foreach($payment_methods as $method)
													<option value="{{$method->id}}">{{$method->name}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-sm-2">
											<div class="form-group">
												<label>Shfit</label>
												<select name="shift" class="form-control shift" >
													<option value="Day">Day</option>
													<option value="Night">Night</option>
												</select>
												<script type="text/javascript">
													$(document).ready(function() {
														$('.shift').focus();
													});
												</script>
											</div>
										</div>
									</div>
									
									<div class="service-container">
										<div class="row">
											<div class="col-sm-3">
												<div class="form-group">
													<label>Service</label>
													<select class="form-control select-service myDropDown" name="service[]">
														<option value="">Select Service</option>
														@foreach($products as $tee_category)
														<option value="{{$tee_category->id}}" >{{$tee_category->service_name}}</option>
														@endforeach
													</select>
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Coach</label>
													{{ Form::select('coach_id', $coache_list,(isset($coach_id)?$coach_id:''),['class'=>'form-control select-coach','disabled'=>true]) }}
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Qty(Unit)</label>
													<input type="number" name="qty[]" class="form-control qty" />
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Unit Price</label>
													<input type="text" name="unit_price[]" class="form-control unit_price" >
												</div>
											</div>
											<div class="col-sm-2">
												<div class="form-group">
													<label>Total Price</label>
													<input type="text" name="total_price[]" class="form-control total_price"  />
												</div>
											</div>
											<div class="col-sm-1" style="padding-top: 25px;">
												<button type="button" class="btn btn-success btn-more-service_caddy"><i class="fa fa-plus"></i></button>
												<button class="btn btn-danger btn-remove-service d-none" type="button"><i class="fa fa-remove"></i></button>
											</div>
										</div>
									</div>

									<div class="row">
										<div class="col-sm-2">
											<div class="span4 pull-right" name="gtotal" style="font-weight: bold">Grand total: <span  id="grandTotal"></span>
												<input type="hidden" name="grandTotal" id="txt_grandTotal">
											</div>
											
										</div>
										<div class="col-sm-10 text-right">
											<button class="btn btn-primary form_btn">Submit</button>
											<button style="display: none;" type="submit" class="btn btn-primary">Submit</button>
										</div>
									</div>
								@else
									<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>
									<hr>
								@endif

							</form>
						@endif
						<hr>
					</div>	
					@endif

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

	</div>

</div>

@endsection

@section('modal_content')
<div class="modal fade custom-modal" id="new-non-member-modal" tabindex="-1" role="dialog" aria-labelledby="customModal" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<form action="{{route('golf-operation.driving.set-new-non-member')}}" method="post">
				@csrf
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">New Non Member</h5>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<input type="hidden" name="tee_type" class="hidden_tee_type" value="9" />
								<label class="control-label">Category <span class="text-danger">*</span></label>
								<select name="category_id" class="form-control enter-focus" required="">
									<option value="">Select Category</option>
									@foreach($non_member_categories as $category)
									<option value="{{$category->id}}">{{$category->name}}</option>
									@endforeach
								</select>
							</div>	            			
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Membership No <span class="text-danger">*</span></label>
								<input type="text" value="{{$non_member_now}}" name="membership_no" class="form-control" required="" />
							</div>	            			
						</div>
					</div>
					<div class="row">
						<div class="col-sm-8">
							<div class="form-group">
								<label class="control-label">Name <span class="text-danger">*</span></label>
								<input type="text" name="name" class="form-control enter-focus" required="" />
							</div>	            			
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<label class="control-label">Handicap</label>
								<input type="text" name="handicap" class="form-control" />
							</div>	            			
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Email</label>
								<input type="email" name="email" class="form-control" />
							</div>	            			
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Mobile</label>
								<input type="text" name="mobile" class="form-control" />
							</div>	            			
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Phone</label>
								<input type="text" name="phone" class="form-control" />
							</div>	            			
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Country</label>
								<select class="form-control select2" name="country_id">
									<option value="">Select Country</option>
									@foreach($countries as $country)
									<option value="{{$country->id}}">{{$country->en_short_name}}</option>
									@endforeach
								</select>
							</div>	            			
						</div>
					</div>	                 
				</div>
				<div class="modal-footer">  
					<button type="submit" class="btn btn-success enter-focus">Add</button>              
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
				</div>        		
			</form>
		</div>
	</div>
</div>
<div class="modal fade custom-modal" id="new-other-club-member-modal" tabindex="-1" role="dialog" aria-labelledby="customModal" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<form action="{{route('golf-operation.driving.set-new-other-club-member')}}" method="post">
				@csrf
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">New Other Club Member</h5>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<input type="hidden" name="tee_type" class="hidden_tee_type" value="9" />
								<label class="control-label">Category <span class="text-danger">*</span></label>
								<select name="category_id" class="form-control enter-focus" required="">
									<option value="">Select Category</option>
									@foreach($other_club_member_categories as $category)
									<option value="{{$category->id}}">{{$category->name}}</option>
									@endforeach
								</select>
							</div>	            			
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Membership No <span class="text-danger">*</span></label>
								<input type="text" value="" name="membership_no" class="form-control" required="" />
							</div>	            			
						</div>
					</div>
					<div class="row">
						<div class="col-sm-8">
							<div class="form-group">
								<label class="control-label">Name <span class="text-danger">*</span></label>
								<input type="text" name="name" class="form-control enter-focus" required="" />
							</div>
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<label class="control-label">Handicap</label>
								<input type="text" name="handicap" class="form-control" />
							</div>	            			
						</div>
					</div>

					<div class="row">
						<div class="col-sm-7">
							<div class="form-group">
								<label class="control-label">Other Club</label>
								<select name="other_club_id" class="form-control">
									<option value="">Select Club</option>
									@foreach($other_clubs as $club)
									<option value="{{$club->id}}">{{$club->name}}</option>
									@endforeach
								</select>
							</div>	            			
						</div>
						<div class="col-sm-5">
							<div class="form-group">
								<label class="control-label">Other Club Mem. No.</label>
								<input type="text" name="other_club_no" class="form-control" />
							</div>	            			
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6">	                		
							<div class="form-group">
								<label class="control-label">Email</label>
								<input type="email" name="email" class="form-control" />
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Mobile</label>
								<input type="text" name="mobile" class="form-control" />
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Phone</label>
								<input type="text" name="phone" class="form-control" />
							</div>			         		
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Country</label>
								<select class="form-control select2" name="country_id">
									<option value="">Select Country</option>
									@foreach($countries as $country)
									<option value="{{$country->id}}">{{$country->en_short_name}}</option>
									@endforeach
								</select>
							</div>
						</div>
					</div>			                

				</div>
				<div class="modal-footer">  
					<button type="submit" class="btn btn-success enter-focus">Add</button>              
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
				</div>        		
			</form>
		</div>
	</div>
</div>

<div id="service_add" style="display: none;">
	<div class="row ">
		<div class="col-sm-3">
			<div class="form-group">
				<label>Service</label>
				<select class="form-control select-service myDropDown" name="service[]">
					<option value="">Select Service</option>
					@if(isset($reg_member))
					@foreach($products as $tee_category)
					<option value="{{$tee_category->service_id}}" >{{$tee_category->service_name}}</option>
					@endforeach
					@endif
				</select>
			</div>
		</div>
		<div class="col-sm-2">
			<div class="form-group">
				<label>Coach</label>
				{{ Form::select('coach_id', $coache_list,(isset($coach_id)?$coach_id:''),['class'=>'form-control select-coach','disabled'=>true]) }}
			</div>
		</div>
		<div class="col-sm-2">
			<div class="form-group">
				<label>Qty(Unit/Box)</label>
				<input type="number" name="qty[]" class="form-control qty" />
			</div>
		</div>
		<div class="col-sm-2">
			<div class="form-group">
				<label>Unit Price</label>
				<input type="text" name="unit_price[]" class="form-control unit_price" readonly="">
			</div>
		</div>
		<div class="col-sm-2">
			<div class="form-group">
				<label>Total Price</label>
				<input type="text" name="total_price[]" class="form-control total_price" readonly="" />
			</div>
		</div>
		<div class="col-sm-1" style="padding-top: 25px; left: 24px;">
			<button type="button" class="btn btn-success btn-more-service"><i class="fa fa-plus"></i></button>
			<button class="btn btn-danger btn-remove-service d-none" type="button"><i class="fa fa-remove"></i></button>
		</div>
	</div>
</div>
<div id="service_add_caddy" style="display: none;">
	<div class="row ">
		<div class="col-sm-3">
			<div class="form-group">
				<label>Service</label>
				<select class="form-control select-service myDropDown" name="service[]">
					<option value="">Select Service</option>
					@if(isset($reg_member))
					@foreach($products as $tee_category)
					<option value="{{$tee_category->id}}" >{{$tee_category->service_name}}</option>
					@endforeach
					@endif
				</select>
			</div>
		</div>
		<div class="col-sm-2">
			<div class="form-group">
				<label>Coach</label>
				{{ Form::select('coach_id', $coache_list,(isset($coach_id)?$coach_id:''),['class'=>'form-control select-coach','disabled'=>true]) }}
			</div>
		</div>
		<div class="col-sm-2">
			<div class="form-group">
				<label>Qty(Unit)</label>
				<input type="number" name="qty[]" class="form-control qty" />
			</div>
		</div>
		<div class="col-sm-2">
			<div class="form-group">
				<label>Unit Price</label>
				<input type="text" name="unit_price[]" class="form-control unit_price">
			</div>
		</div>
		<div class="col-sm-2">
			<div class="form-group">
				<label>Total Price</label>
				<input type="text" name="total_price[]" class="form-control total_price" />
			</div>
		</div>
		<div class="col-sm-1" style="padding-top: 25px;">
			<button type="button" class="btn btn-success btn-more-service_caddy"><i class="fa fa-plus"></i></button>
			<button class="btn btn-danger btn-remove-service d-none" type="button"><i class="fa fa-remove"></i></button>
		</div>
	</div>
</div>
@endsection
@section('page_script')
<script type="text/javascript">
	$('#myCombobox').val(1)
	$(function(){

		$(document).on('click','.form_btn', function (e) {

			e.preventDefault();
			var coach_miss = false;
			$('.service-container .row').each(function(index, el) {
				var ss = $(el).find('.select-service').val();
				if(ss==5||ss==7||ss==8||ss==10)
				{
					var cv = $(el).closest('.row').find('.select-coach').val();
					if( ! cv ){
						coach_miss = true;
						$(el).closest('.row').find('.select-coach').focus();
					}
				}				
			});

			if(coach_miss){
				alert('Please select required coach!');
				return;
			}else{
				$('#lines-form-1').submit();
			}

		});

		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true
		});	

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

		@if(isset($reg_member) && !empty($reg_member))

		var category_data = {!! json_encode($products) !!};
		console.log("category_data", category_data);

		$(document).on('change', '.select-service', function(e){
			var parent_row = $(this).closest('.row');
			var category_id = $(this).val();
			var category_text = $(this).find('option:selected').text();
			console.log(category_text)
		// coach must if training/coach
		if((category_text.indexOf('Coach') != -1) || (category_text.indexOf('Course') != -1) || category_text =='Golf Set'){
			parent_row.find('.select-coach').removeAttr('disabled').focus();
			parent_row.find('.qty').prop('readonly', true);
			parent_row.find('.qty').val(0);
		}else{
			parent_row.find('.qty').prop('readonly', false);
			parent_row.find('.qty').val(1);
			parent_row.find('.select-coach').attr('disabled', true);  
		}
		// if(category_id==5||category_id==7||category_id==8||category_id==10)
		// {
		// 	parent_row.find('.select-coach').removeAttr('disabled').focus();
		// }else{
		// 	parent_row.find('.select-coach').attr('disabled', true);        			
		// }

		var cat_info = category_data.find(category => category.service_id == category_id);
		console.log(cat_info);
		if(parent_row.find('.qty').val() === undefined || parent_row.find('.qty').val() == ''){
			qty = 0;
		}else{
			qty = parent_row.find('.qty').val();
		}

		if($('.shift').val() == 'Day'){
			if((category_text.indexOf('Coach') != -1) || (category_text.indexOf('Course') != -1) || category_text =='Golf Set'){
				parent_row.find('.unit_price').val(cat_info.price_day);
				parent_row.find('.total_price').val(cat_info.price_day);
			}else{
				parent_row.find('.unit_price').val(cat_info.price_day);
				parent_row.find('.total_price').val(cat_info.price_day*parseFloat(qty));
			}

		}else{
			if((category_text.indexOf('Coach') != -1) || (category_text.indexOf('Course') != -1) || category_text =='Golf Set'){
				parent_row.find('.unit_price').val(cat_info.price_night);
				parent_row.find('.total_price').val(cat_info.price_night);
			}else{
				parent_row.find('.unit_price').val(cat_info.price_night);
				parent_row.find('.total_price').val(cat_info.price_night*parseFloat(qty));
			}
		}
		calculate_grandTotal();
	});
		$('.total_price').keyup(function(){
			calculate_grandTotal();
		});
		$(document).on('change', '.shift', function(e){
			var shift = $(this).val();
			$('.service-container .row').each(function(index, el) {

				var parent_row = $(el);
				//console.log("parent_row", parent_row);
				var category_id = parent_row.find('.select-service').text();
				// console.log("category_id", category_id);
				console.log(category_id);

    		// coach must if training/coach
			if(category_id==5||category_id==7||category_id==8||category_id==10)
			{
				parent_row.find('.select-coach').removeAttr('disabled').focus();
			}else{
				parent_row.find('.select-coach').attr('disabled', true);        			
			}

    		var cat_info = category_data.find(category => category.service_id == category_id);
    		console.log("cat_info", cat_info);

    		if(parent_row.find('.qty').val() === undefined || parent_row.find('.qty').val() == ''){
    			var qty = 0;
    		}else{
    			var qty = parent_row.find('.qty').val();
    		}

    		if(shift == 'Day'){
				console.log(price_day);
    			parent_row.find('.unit_price').val(cat_info.price_day);
    			console.log("cat_info.price_day1", cat_info.price_day);
    			parent_row.find('.total_price').val(cat_info.price_day*parseFloat(qty));
    		}else{
    			console.log("cat_info.price_day2", cat_info.price_night);
    			parent_row.find('.unit_price').val(cat_info.price_night);
    			parent_row.find('.total_price').val(cat_info.price_night*parseFloat(qty));
    		}
    	});
		});

		$(document).on('change', '.qty', function(e){
			var parent_row = $(this).closest('.row');
			if(parent_row.find('.qty').val() === undefined || parent_row.find('.qty').val() == ''){
				qty = 0;
			}else{
				qty = parent_row.find('.qty').val();
			}

			if(parent_row.find('.unit_price').val() === undefined || parent_row.find('.unit_price') == ''){
				var unit_price = 0;
			}else{
				var unit_price = parent_row.find('.unit_price').val();
			}

			parent_row.find('.total_price').val(unit_price*qty);

		// 			var total = 0;
		// $( ".total_price" ).each( function(){
		//   total += parseFloat( $( this ).val() ) || 0;
		// });
		//  $("#grandTotal").text(total.toFixed(2));
		//  $("#txt_grandTotal").val(total.toFixed(2));
			calculate_grandTotal();
		});
		$(document).on('change', '.unit_price', function(e){
			var parent_row = $(this).closest('.row');
			if(parent_row.find('.qty').val() === undefined || parent_row.find('.qty').val() == ''){
				qty = 0;
			}else{
				qty = parent_row.find('.qty').val();
			}

			if(parent_row.find('.unit_price').val() === undefined || parent_row.find('.unit_price') == ''){
				var unit_price = 0;
			}else{
				var unit_price = parent_row.find('.unit_price').val();
			}

			parent_row.find('.total_price').val(unit_price*qty);
			
			calculate_grandTotal();
		});
		$(document).on('keyup', '.total_price', function(e){
			var parent_row = $(this).closest('.row');
			calculate_grandTotal();
		});
		$(document).on('click', '.service-container .btn-more-service', function(e){
			console.log("data", 1);
			var data = $('#service_add').html();
			$(this).closest('.service-container').append(data);
		});

		$('.btn-remove-service').click(function () {
			$(this).parent().parent().remove();
			calculate_grandTotal();
		});

		@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;
			}
		});	
		$(document).on('click', '.service-container .btn-more-service_caddy', function(e){
			console.log("data", 1);
			var data = $('#service_add_caddy').html();
			$(this).closest('.service-container').append(data);
		});

	});
function calculate_grandTotal(){
	var total = 0;
	$( ".total_price" ).each( function(){
		total += parseFloat( $( this ).val() ) || 0;
	});
	$("#grandTotal").text(total.toFixed(2));
	$("#txt_grandTotal").val(total.toFixed(2));
}

$(function(){
	calculate_grandTotal();
});	

for_toDate($('.myDropDown').val());
$(".myDropDown").on("change",function () {
	for_toDate($(this).val());
		// alert("You have Selected  :: "+$(this).val());
	});

function for_toDate(myDropDown){
	if(myDropDown==8 || myDropDown==5){
		$("#to_dateDiv").show();
	}else{
		$("#to_dateDiv").hide();
	}
}
</script>
@endsection