@extends('layout.master2')

  @section('page_title','Bill Now')
 
 
@section('head')
 <link rel="stylesheet" media="all" href="{{url('/public/css/partner.css')}}" />
 
@endsection
 
 

@section('container')
 <div class="leads container-fluid pt-3 mt-3 mb-5  "  >	
	
	  	  
	  
	  
   		
		<div class="container">
 		
		<div class="row justify-content-center">
		<div class="col-md-6">
					<h1 class="page_heading text-left "><a href="{{url('/partner/lead/'.$lead->tl_id)}}"><i class="fas fa-long-arrow-alt-left"></i></a> &nbsp;&nbsp; {{$user->name}}</h1>

				 @if($count_OrderCompleted>0)
				 	<h4>Already Completed !</h4>
				
				 @else	
						
				 
				 <div class="p-2 mb-2 bg-light">CASE PICTURES</div>
				 
				 <form id="bill_customer_form" action="{{url('/partner/ajax/order_bill_now_submit')}}" method="post">
				 {{csrf_field()}}
				 
				 <div class="col-12 p-2 pb-3">
					  
					 <div class="value">
					  
					  <label><input type="radio" name="case_image_type" value="case_image"  checked="checked"/> Case Picture </label><br />
					  <label><input type="radio" name="case_image_type" value="hard_copy_invoice" /> Hard copy invoice</label><br />
					  <input id="image-file1" type="file" name="file" accept="image/*" data-min-file-count="1"  >
 					  <br />
						
					 
					 </div>	
				 </div>
				 
				 
				 
				 
				 <div class="p-2 mb-2 bg-light">CASE COMMENTS</div>
				  <div class="col-12 p-2 pb-3">
					 
					 <input type="text" name="comment" class="form-control" placeholder="Comment.." /> 
					 
				 </div>
				 
				 
				 
				  <div class="p-2 mb-2 bg-light">BILLING</div>
				  <div class="col-12 p-2 pb-3">
					 
					 
	<table width="100%" border="0" class="table">

  
	 

	 <tr>
	 	<td><b>Inspection/Visiting Charges</b></td>
		<td style="text-align:right"><b>Rs.  {{$order->min_amount_for_user}}</b></td>
	 </tr>
	 


	 <tr>
	 	<td><b>Total</b></td>
		<td style="text-align:right"><b>Rs. <span class="total_display">{{$order->grand_total}}</span></b></td>
	 </tr>
	 
	 
		 


</table>
					 
				 </div>
				 
				
				
				  
 				  <div class="col-12 p-3 pb-3">
 					<label><a href="#" class="add_more_billing_item btn-sm btn btn-outline-primary"> <i class="fas fa-plus"></i> Add more billing items </a></label>
					 
					 
					 
					 <div class="row more_billing_item_container">
 						 
 					</div>


				 </div>
				  
				 
				  
 				  <div class="col-12 p-3 pb-3">
 					<label><input type="checkbox" name="is_warrenty" class="is_warrenty" value="1" /> Is Warrenty ?</label>
					
 					 <input style="display:none" type="text" name="warrenty_msg" class="warrenty_msg form-control" placeholder="Warrenty details"  /> 
					 
				 </div>
				 
				 
				 
				 <div class="col-12 p-3 pb-3">
 					
					  <div class="title"> Select Payment mode </div>
					 <div class="value">
					  <label><input type="radio" name="payment_method" value="online" /> Online </label><br />
					   <label><input type="radio" name="payment_method" value="cash" checked="checked" /> Cash </label><br />
					  
					 </div>	
					 
				 </div>
	 
 				
				 
				
				 
				 
				 
				  
				 <div class="col-12 p-2 pb-3">
				 	<input type="hidden" name="tl_id" value="{{$lead->tl_id}}" />
					<input type="hidden" name="oid" value="{{$order->oid}}" />
					<input type="hidden" name="grand_total" value="{{$order->grand_total}}" />
					
					<input type="hidden" name="net_grand_total" value="{{$order->grand_total}}" />
					
					 <button id="order_complete" class="col-12 btn-lg btn-success"  name="submit">BILL CUSTOMER <span class="btn_loader"></span> </button>

				 </div>	
				 
				 </form>
				 
		      <div class="alert msg_order text-center p-2"></div>

 				
				
				
				<div class="data_billing_item" style="display:none">
					 
							<div class="col-8"><input type="text" class="form-control" name="order_items[]" placeholder="Item name"  /></div>
							<div class="col-4" style="text-align:right"><div class="input-group mb-2">
							<div class="input-group-prepend">
							  <div class="input-group-text">Rs.</div>
							</div>
							<input type="text" class="order_items_amount form-control"  name="order_items_amount[]" placeholder="Amount" style="width:70px;">
						  </div>
						  
						  </div> 
						   
	  
	  
						 
					 </div> 
				 
				  	
				 @endif
				 
				
				
				
				
 
	
	</div>
	
	</div>
	
	
	
	
	
	
	
	
	
	 
	
	
</div>
 
	 
	 
</div>	
	
	
	
 	
 <style type="text/css">
   .title{
 font-size:14px;
 padding-bottom:2%;
 }
  .value{
 font-size:16px;
 font-weight:bold;
 }
 
 </style>
	
	
	
	
	
	
	
	
	
	<link href="{{url('/public/bootstrap-fileinput/4.4.7/css/fileinput.css')}}" media="all" rel="stylesheet" type="text/css"/>
     <script src="{{url('/public/bootstrap-fileinput/4.4.7/js/fileinput.js')}}" type="text/javascript"></script>
    <script src="{{url('/public/bootstrap-fileinput/4.4.7/themes/fa/theme.js')}}" type="text/javascript"></script>
     <script type="text/javascript">
	 
	 $(document).ready(function(){
	 
	 
	 
	 var tid=$('input[name=tid]').val();
 	 
 	 
        $("#image-file1").fileinput({
            theme: 'fa',
 			showRemove:false,
			showCaption:false,
			showCancel:false,
			showBrowse:true,
			dropZoneEnabled:false,
 			 
            uploadUrl: "{{url('/partner/ajax/upload_order_case_picture')}}",
            uploadExtraData: function() {
                return {
                    _token: "{{ csrf_token() }}",
 					oid:{{$order->oid}},
					tl_id:{{$lead->tl_id}},
					case_image_type:$('input[name=case_image_type]:checked').val(),
                };
            },
            allowedFileExtensions: ['jpg', 'png', 'gif','jpeg'],
            overwriteInitial: false,
            maxFileSize:2048,
            maxFilesNum: 1
        });
		
		
		
		
		
		  
		
		
	});
		
    </script>
			
	 

 

	
	
	
	
	
	
	
	
  
<script>

	$(document).on("blur", '.more_billing_item_container .order_items_amount', function(event) { 
		var grand_total=parseInt($('input[name=grand_total]').val());
		
		
  		var s=$('.more_billing_item_container .order_items_amount');
		var t=0;
		var final_total=0;
		
		$.each(s,function(){
			 if($(this).val()){
				t=t+parseInt($(this).val());
			}
		
		});
		
 		
 		 // alert(t);
		
		  final_total=grand_total+t;
 		 $('input[name=net_grand_total]').val(final_total);
		
		$('.total_display').html(final_total);
		
		return false;
 	
	});
	 
	 
	 
	 
	 
	 
$(document).ready(function(){
	
		var loader='<img src="'+url+'/public/images/ajax-loader-2.gif">'; 

	
	
	$('.is_warrenty').on('click',function(){
 		$('.warrenty_msg').fadeToggle();
 		
 	
	});
	
	
	
	
	$('.add_more_billing_item').on('click',function(){
 		var data=$('.data_billing_item').html();
 		$('.more_billing_item_container').append(data);
		
		return false;
 	
	});
	
	
	

	
	
	
	
	$('#order_complete').on('click',function(){
	
	 $('.btn_loader').html(loader);
	
	
		$('#order_complete').attr('disabled','disabled');
		
		var formdata=$('#bill_customer_form').serialize();
		var action=$('#bill_customer_form').prop('action');
		 
 		
		$.ajax({
			url:action,
			type:"POST",
			data:formdata,
			success:function(output){
						
						var status=output.status;
						var msg=output.msg;
						
						if(status==1){
							$('.msg_order').html("Successfully Completed !").removeClass('alert-danger').addClass('alert-success');
							setTimeout(function(){
							
								$('#bill_customer_form').fadeOut();
								
								window.location.href = '{{url('/partner/lead/'.$lead->tl_id)}}';

							},1500);
							
						}else{
							$('.btn_loader').html('');
							$('.msg_order').html(msg).removeClass('alert-success').addClass('alert-danger');
							$('#order_complete').removeAttr('disabled');
 						}
					}
		
		});
	
		return false;
		
	});
	
	


});
</script>	
 
	
 
	 

@endsection