@extends('admin.layout.master')

@section('page_title',ucfirst($type))

@section('title','Add '.ucfirst($type))

@section('container')




 @if(Session::has('message'))
    <div class="alert alert-success">
        {{ Session::get('message') }}
    </div>
@endif
				 
				 
				 
				 
				 @if (Session::has('errors'))
    <div class="alert alert-danger">
       @foreach ($errors->all() as $error)
            {{ $error }}<br/>
        @endforeach
    </div>
@endif
 
<br />
 <form id="order_create_form" action="{{url('/admin/'.$type)}}" method="post" enctype="multipart/form-data">
{{csrf_field()}}

  <div class="form-group">
    <label for="email">City:</label>


<select name="city_id" class="form-control" required>
	<option selected="selected" disabled="disabled" value="">Select City</option>
	@foreach($cities as $city)
	
		<option value="{{$city->city_id}}">{{$city->title}}</option>
	
	@endforeach

</select>

</div>




<div class="form-group">
						<div class="row">			
				
							
							<div class="form-group col-md-1"  style="padding:0px; padding-left:2%; padding-top:3px; margin:0px;"  >
							<div class="form-check">
								<label class="form-check-label">
									<input class="form-check-input" type="radio" name="name_title"  value="Mr"  checked="checked">
									Mr
								</label>
								<label class="form-check-label">
									<input class="form-check-input" type="radio" name="name_title"   value="Ms">
									Ms
								</label>
							</div>
						</div>
				 
				
							<div   class="form-group col-md-11">	 
							 
							<input class="form-control " type="text" name="name" placeholder="Your Name" value="{{old('name')}}" required >
							
 							
							 </div>
							 
							 <div   class="form-group col-md-12">	
							<input  class="form-control" type="text" name="flat_building" value="{{old('flat_building')}}" placeholder="Flat/Building/Street" />
							</div>
							
							<div   class="form-group col-md-12">	
							<input class="form-control" type="text" name="location_field" placeholder="Locality" value="{{old('location_field')}}" />
							</div>
							
							<div   class="form-group col-md-12">	
							<input type="text" class="form-control border p-4" name="phone" placeholder="Your phone number"  value="{{old('phone')}}" required>
							</div>
							
							
							
							<div   class="form-group col-md-12">	
							<input  class="form-control" type="text" name="order_comments" value="{{old('order_comments')}}" placeholder="Any Query/Quotation" />
							</div>
							
							
						 </div>
					 </div>









  <div class="form-group">
    <label for="email">Category:</label>

<select name="cid" class="form-control" required>
	<option selected="selected" disabled="disabled" value="">Select Category</option>
	@foreach($categories as $category)
	
		<option value="{{$category->cid}}">{{$category->title}}</option>
	
	@endforeach

</select>

</div>

<div class="form-group services_container">


</div>





<div class="form-group">
    <label for="email"> Select date of service:</label>
	 			 	<div   id="date_of_service"></div>

	<input type="hidden" style="width:200px;"   name="date_of_service" class="form-control" />
		
</div>












<div class="form-group">
				 <div class="col-md-6">
				 	  	  <h3 class="col-md-12"> Pay Using</h3>
						
 						  <div class="row pt-2 pb-2 border-bottom">	
						  
							<div class="col-md-12"><label><input type="radio" name="payment_method" value="pay_online_after_cash" /> Pay online after service</label></div>
 						    <div class="col-md-12"><label><input checked="checked" type="radio" name="payment_method" value="pay_with_cash" /> Pay with cash</label></div>

						  </div>
  						  
 						  
 						   
 						
				 </div>
				 
				 
				  <div class="col-md-6">
				 	    <h3 class="pt-2 pb-2  "> Payment Summary</h3>
						
						<table width="100%" border="0" class="table table-bordered">
						  <tr>
							<td>Service Total</td>
							<td class="final_st"></td>
						  </tr>
						  <tr>
							<td>Service Amount Payable</td>
							<td class="final_sap"></td>
						  </tr>
						  <tr>
							<td>Total Service Amount</td>
							<td class="final_tsa"></td>
						  </tr>
						  <tr>
							<td>Amount Payable</td>
							<td class="final_ap"></td>
						  </tr>
						</table>
						
						<br />
						
						
				 </div>
				 
			 </div>
			 
			 <div class="row pt-3 mt-3">
			 	<div class="col-md-12">
				<input type="submit" name="submit" value="Submit" class="btn btn-primary" style="width:100%;" />
 				</div>
			 </div>





 
</div>
 
<input type="hidden"   name="sub_total" class="sub_total form-control"    />
</form>



  <script src="{{asset('public/jquery_ui/jquery-ui.js')}}"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">



<script>
$(document).ready(function(){
	   $( "#date_of_service" ).datepicker({
		minDate:0,
		dateFormat: "yy-mm-dd",
		onSelect: function(dateText, inst) { 
		  var dateAsString = dateText; //the first parameter of this function
		  var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
		  //alert(dateAsString);
		  $('input[name=date_of_service]').val(dateAsString);
	   }
	});








$('select[name=cid]').on('change',function(){
		
		var cid=$(this).val();
		var form_data=$('#order_create_form').serialize();
		
		$.ajax({
			url:"{{url('/admin/ajax_get_services')}}",
			type:"GET",
			data:form_data,
			success:function(output){
					$('.services_container').html(output);
				
					}
		
		});
		
	
	});


$(document).on("change",'.services', function(event) { 

  		//alert('okkk');
		return  sub_total();
	
	});
	 







function sub_total(){
	$('.pricing_details_table').html('');
  	
	var sub_total=0;
	var sid=[];

 	
	$.each($('.services:checked'),function(){
		
		var sid =$(this).val();
		var cost =$(this).attr('data-cost');
		var title =$(this).attr('data-title');
		
		
		$('.pricing_details_table').append('<tr><td>'+title+'</td><td>Rs.'+cost+'</td></tr>');
		
		//sid.push=parseInt($(this).val());
		sub_total+=parseInt(cost);
		//alert(sub_total);
	});
	
	$('.sub_total').val(sub_total);

		$('.pricing_details_table').append('<tr><td><b>Sub Total</b></td><td><b>Rs.'+sub_total+'</b></td></tr>');
		
		$('.final_st,.final_sap,.final_tsa,.final_ap').html('<b>Rs.'+sub_total+'</b>');

 

}




});
</script>



@endsection