@extends('layouts.app-agent')
@section('content')
<link rel="stylesheet" href="{{url('adminAssets/assets/libs/select2/select2.css')}}">
<style>
   .default-style .select2-container--default .select2-selection--single{
       border-radius: 4px;
    /* border: 0 solid rgba(24, 28, 33, 0.1); */
    /* border-bottom: 1px solid #e7e8e8; */
    padding-left: 8px;
   }
   select.form-control , input.form-control {
    border-radius: 4px !important;
    border: 1px solid #e7e8e8 !important;
    margin-bottom: 20px;
    padding-left: 8px;
}
input.form-control::placeholder{
    padding-left: 8px;
}

    .default-style .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left:0px;
    }ul.report {padding-left: 0;
    list-style: none;
}ul.report li {
    margin-right: 13px;
    display: inline-block;
}</style>
<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Accessories</h4>
    <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('agent.dashboard')}}"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item">Accessories</li>
            <li class="breadcrumb-item active">Manage Orders </li>
        </ol>
    </div>

       <div class="card">
        <h6 class="card-header bg-dark text-white">Manage Orders</h6>
        <form action="{{url('agent/accessories/sales')}}" method="get">
        <div class="row pt-4 p-4">
            <div class="col-lg-3">
                <label>Order Status</label>
                <select name="status" class="form-control " onchange="this.form.submit()">
                    <option value="">--Select--</option>      
                    <option value="Pending" @if(@$_REQUEST['status']=='Pending') selected @endif >Pending</option>
                    <option value="Shipped"  @if(@$_REQUEST['status']=='Shipped') selected @endif >Shipped</option>
                    <option value="Delivered" @if(@$_REQUEST['status']=='Delivered') selected @endif >Delivered</option>
                    <option value="CCA"  @if(@$_REQUEST['status']=='CCA') selected @endif  >Cash Collect By Agent</option>
                    <option value="PPA"  @if(@$_REQUEST['status']=='PPA') selected @endif >Part Payment Collected By Agent</option>               
             </select>
            </div>
            <div class="col-lg-3">
            <label>Payment Method</label>
                <select name="type" class="form-control " onchange="this.form.submit()">
                    <option value="">--Select--</option>
                    <option value="cod" @if(@$_REQUEST['type']=='cod') selected @endif>Cash on Delivery </option>   
                    <option value="bank" @if(@$_REQUEST['type']=='bank') selected @endif>Bank Transfer</option>                      
             </select>
            </div>
            <div class="col-lg-3">
            <label>Order Number</label>
                <input type="text" class="form-control " placeholder="Enter Order Number" name="number" value="{{@$_REQUEST['number']}}">               
            </div>
            <div class="col-lg-3"> &nbsp;</div>
            <div class="col-lg-3">
            <label>From Date</label>
                <input type="date" class="form-control " name="from" value="{{@$_REQUEST['from']}}">               
            </div>
            <div class="col-lg-3">
            <label>To Date</label>
                <input type="date" class="form-control " name="to" value="{{@$_REQUEST['to']}}">               
            </div>
            <div class="col-lg-3">
                <label>Select Area</label>
                <select name="area" class="form-control select2" onchange="this.form.submit()">
                    <option value="">--Select--</option>
                    @foreach($area as $arval)
                    <option value="{{$arval->id}}" @if(@$_REQUEST['area']==$arval->id) selected @endif>{{$arval->name}}</option>
                    @endforeach
             </select>
            </div>
            <div class="col-lg-3">
            <label>Shop Id</label>
                <input type="text" class="form-control " name="shop" placeholder="Enter Shop ID" value="{{@$_REQUEST['shop']}}">               
            </div>
            <div class="col-lg-12">
            <label>&nbsp;</label>
            <button type="submit" class="btn btn-info mt-2"><i class="fa fa-text"></i> Filter</button>
            <a href="{{url('agent/accessories/sales')}}"><button type="button" class="btn btn-primary mt-2"><i class="fa fa-text"></i> Clear</button></a>
          
            </div>
            
            </div>
</form>
      
        <div class="card-datatable table-responsive">
            <table class="datatables-demo table table-striped table-bordered">
                <thead>
                    <tr>
                    <th>#</th>
                    <th>Order Id</th>
                    <th>Date</th>
                        <th>Agent</th>
                        <th>Area</th>
                        <th>Shop Id</th>
                        <th>Shop</th>
                        <th>Amount</th>
                        <th>Vat Amount</th>
                        <th>Discount </th>
                        <th>Paid</th>
                        <th>Due Amount</th>
                     
                        <th>Type</th> 
                       <th>Status</th>
                        <th>By</th>
                        <th></th>
                        <th></th>
                        <th></th>
                      
                    </tr>
                </thead>
                <tbody>
                @foreach($order as $key=>$row)
                @if($row->by=='R')
                <tr class="odd gradeX" @if(@$row->RequestVat->status==1) style="background-color: #00bcd4;" @elseif($row->status=='Delivered') style="background-color: #e26c36;" @elseif($row->status=='Shipped') style="background-color: #718bff;" @endif>

                    <td>{{$key+1}}</td>
                        <td><b><i>{{$row->reference }}</i></b></td>
                         <td><b><i> @if(empty($row->created_at)) @else {{date('d M, Y h:i:s', strtotime($row->created_at))}} @endif</i></b></td>
                        <td><b><i>{{@$row->agentData->name}} </i></b></td>
                        <td><b><i>{{@$row->userData->areaData->name}} </i></b></td>
                        <td><b><i>{{@$row->userData->id}}</i></b></td>
                        <td><b><i>{{@$row->userData->name}}</i></b></td>
                        <td><b><i>£ {{$row->totalAmt-$row->taxAmt}}</i></b></td>
                        <td><b><i>£ {{$row->totalAmt}}</i></b></td>
                        <td><b><i>@if($row->discount) £ {{$row->discount}} @else N/A @endif</i></b></td>
                        <td><b><i>@if($row->paymentStatus=='cod') @if(TotalPartPayment($row->id,$row->totalAmt)==0) N/A @else £ {{TotalPartPayment($row->id,$row->totalAmt)}} @endif @else Paid @endif</i></b></td>
                        <td><b><i>@if($row->paymentStatus=='cod') £ {{(($row->totalAmt)-(TotalPartPayment($row->id,$row->totalAmt)+$row->discount))}} @else DONE @endif</i></b></td>

                        <td style="text-transform: uppercase;"><b><i>{{$row->paymentStatus}}</i></b></td>
                        <td><b><i>{{$row->status}}</i></b></td>
                        <td><b><i>{{$row->by}}</i></b></td>
                     
                       <td>
                           <a href="javascript:void(0);" class="btn btn-primary btn-xs OrderHistory" data-toggle="modal" data-target="#OrderHistory" id="{{$row->id}}"><i class="feather icon-eye"></i> </a> 
                           @if($row->paymentStatus=='cod')
                           <a href="javascript:void(0);" class="btn btn-primary btn-xs PartPayment" data-toggle="modal" data-target="#PartPayment" id="{{$row->id}}" total="{{$row->totalAmt}}" partpayment="{{PartPayment($row->id,$row->totalAmt)}}" class="btn btn-primary btn-xs"><i class="feather icon-plus"></i> </a> 
                           @endif
                                </td>
                                <td>
                          
                                <a href="{{url('agent/accessories/generate-pdf/'.$row->reference)}}" class="btn btn-primary btn-xs" title="Without VAT"><i class="feather icon-mail"></i> </a> 
                                @if(@$RequestVatInvoice->status==1)
                                <a href="{{url('agent/accessories/generate-pdf-2/'.$row->reference)}}" class="btn btn-success btn-xs"  title="With VAT"><i class="feather icon-mail"></i> </a> 
                                @endif

                           </td>
                         <td>
                         @if(empty(@$row->RequestVat->id))
                            <a href="{{url('agent/accessories/request/'.$row->id)}}" onclick="return confirm('Are you sure you want to Request Vat Invoice?');"><button type="button" class="btn btn-secondary mt-2" style="    margin-top: 0 !important;">Request Vat Invoice</button></a>
                            @elseif(@$row->RequestVat->status==0)
                            <button type="button" class="btn btn-warning mt-2" style="    margin-top: 0 !important;">Requested Vat Invoice</button>
                            @elseif(@$row->RequestVat->status==1)
                            <button type="button" class="btn btn-success mt-2" style="    margin-top: 0 !important;">Sent Vat Invoice</button>
                            @endif
                </td>
                          
                    </tr>
                    @else
                    <tr class="odd gradeX" @if(@$row->RequestVat->status==1) style="background-color: #00bcd4;" @elseif($row->status=='Delivered') style="background-color: #e26c36;" @elseif($row->status=='Shipped') style="background-color: #718bff;" @endif>
                    <td>{{$key+1}}</td>
                        <td>{{$row->reference }}</td>
                         <td> @if(empty($row->created_at)) @else {{date('d M, Y h:i:s', strtotime($row->created_at))}} @endif</td>
                        <td>{{@$row->agentData->name}} </td>
                        <td>{{@$row->userData->areaData->name}} </td>
                        <td>{{@$row->userData->id}}</td>
                        <td>{{@$row->userData->name}}</td>
                        <td>£ {{$row->totalAmt-$row->taxAmt}}</td>
                        <td>£ {{$row->totalAmt}}</td>
                        <td>@if($row->discount) £ {{$row->discount}} @else N/A @endif</td>
                        <td>@if($row->paymentStatus=='cod') @if(TotalPartPayment($row->id,$row->totalAmt)==0) N/A @else £ {{TotalPartPayment($row->id,$row->totalAmt)}} @endif @else Paid @endif</td>
                        <td>@if($row->paymentStatus=='cod') £ {{(($row->totalAmt)-(TotalPartPayment($row->id,$row->totalAmt)+$row->discount))}} @else DONE @endif</td>

                        <td style="text-transform: uppercase;">{{$row->paymentStatus}}</td>
                        <td>{{$row->status}}</td>
                        <td>{{$row->by}}</td>
                     
                       <td>
                       <a href="javascript:void(0);" class="btn btn-primary btn-xs OrderHistory" data-toggle="modal" data-target="#OrderHistory" id="{{$row->id}}"><i class="feather icon-eye"></i> </a> 
                       @if($row->paymentStatus=='cod')
                       <a href="javascript:void(0);" class="btn btn-primary btn-xs PartPayment" data-toggle="modal" data-target="#PartPayment" id="{{$row->id}}" total="{{$row->totalAmt}}" partpayment="{{PartPayment($row->id,$row->totalAmt)}}" class="btn btn-primary btn-xs"><i class="feather icon-plus"></i> </a> 
                       @endif
                                </td>
                                <td>
                          
                           <a href="{{url('agent/accessories/generate-pdf/'.$row->reference)}}" class="btn btn-primary btn-xs" title="Without VAT"><i class="feather icon-mail"></i> </a> 
                           @if(@$RequestVatInvoice->status==1)
                                <a href="{{url('agent/accessories/generate-pdf-2/'.$row->reference)}}" class="btn btn-success btn-xs"  title="With VAT"><i class="feather icon-mail"></i> </a> 
                                @endif

                                </td>
                                <td>
                         @if(empty(@$row->RequestVat->id))
                            <a href="{{url('agent/accessories/request/'.$row->id)}}" onclick="return confirm('Are you sure you want to Request Vat Invoice?');"><button type="button" class="btn btn-secondary mt-2" style="    margin-top: 0 !important;">Request Vat Invoice</button></a>
                            @elseif(@$row->RequestVat->status==0)
                            <button type="button" class="btn btn-warning mt-2" style="    margin-top: 0 !important;">Requested Vat Invoice</button>
                            @elseif(@$row->RequestVat->status==1)
                            <button type="button" class="btn btn-success mt-2" style="    margin-top: 0 !important;">Sent Vat Invoice</button>
                            @endif
                </td>
                            
                    </tr>
                    @endif
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

</div>
<!-- [ content ] End -->


<div class="modal fade" id="PartPayment">
                                    <div class="modal-dialog modal-lg" style="   max-width: 55rem;">
                                        <div class="modal-content">
                                            @csrf
                                            <div class="modal-header" style="border-bottom: 1px solid #eee;padding-bottom: 15px;">
                                                <h5 class="modal-title">Part Payment Collect</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                                                
                                            </div>
                                           
                                            <div class="modal-body p-4 ">
                                            <form action="{{url('agent/part_payment')}}" method="post">
                                                            <input type="hidden" name="OrderPaymentId" id="OrderId"  />
                                                            @csrf
                                                            <div class="row">
                                                            <div class="col-md-12">
                                                            <label>Due Total Amount </label> <span id="partTotalAmount"></span>
                                                           </div>
                                                             <div class="col-md-4">
                                                            <label>Amount </label><br/>
                                                            <input type="number"class="form-control" name="amount"  style=" display: inline-block; width: 100%;">
                                                          
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                    <label>&nbsp;</label><br/>
                                                                <button type="submit" class="btn btn-info" style=" display: inline-block; width:100%;">Add Amount</button>
                                                                </div> </div>   
                                                            </form>


                                                                <div class="PartPaymentData"></div>
                                         
                                                   
                                            </div>
                                           
                                        </div>
                                    </div>
                                </div>
                                 <!-- end PartPayment Modal template -->

 <div class="modal fade" id="OrderHistory">
                                    <div class="modal-dialog modal-lg" style="   max-width: 75rem;">
                                        <div class="modal-content">
                                            @csrf
                                            <div class="modal-header" style="border-bottom: 1px solid #eee;padding-bottom: 15px;">
                                                <h5 class="modal-title">Order History</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                                                
                                            </div>
                                           
                                            <div class="modal-body p-4 ">
                                           
                                             <form action="{{url('agent/order_statuschanged')}}" method="post"> 
                                                            <input type="hidden" name="OrderId" id="OrderId_Status"  />
                                                            @csrf
                                                            <div class="row">
                                                             <div class="col-md-4">
                                                            <label>Order Status</label><br/>
                                                            <select class="form-control" name="orderStatus" id="orderStatus" onchange="this.form.submit()"  style=" display: inline-block; width: 100%;">
                                                            <option value="" >Select</option>
                                                            <option value="Pending" >Pending</option>
                                                                <option value="Shipped"  >Shipped</option>
                                                                <option value="Delivered" >Delivered</option>
                                                                <option value="CCA"   >Cash Collect By Agent</option>
                                                                <option value="PPA"  >Part Payment Collected By Agent</option>
                                                               

                                                                </select>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                    <label>&nbsp;</label><br/>
                                                                <button type="submit" class="btn btn-info" style=" display: inline-block; width:30%;">Update</button>
                                                                </div> </div>   
                                                          </form>


                                                                <div class="OrderHistoryData"></div>
                                         
                                                   
                                            </div>
                                           
                                        </div>
                                    </div>
                                </div>
                                 <!-- end OrderHistory Modal template -->
<!-- [ content ] End -->

@endsection
@section('script')
<script src="{{asset('adminAssets/assets/libs/bootstrap-select/bootstrap-select.js')}}"></script>
    <script src="{{asset('adminAssets/assets/libs/bootstrap-multiselect/bootstrap-multiselect.js')}}"></script>
    <script src="{{asset('adminAssets/assets/libs/select2/select2.js')}}"></script>
    <script type="text/javascript">

function discount(id){
      var discount=$('#DiscountOrder').val();
      var orderAmount=$('#DiscountOrder').attr('orderAmount');
      if(parseInt(orderAmount) <= parseInt(discount)){
          $('#success-msg').html('');  
        alert('Maximum Discount '+orderAmount);
        
      }else{
          var Amount=orderAmount-discount;  
          $("#orderAmount").html('<strong>£ '+Amount+'</strong>');
          $.ajax({
              url : "{{url('agent/sale/discount/')}}/"+id+"/"+discount,
              method : "get",
              dataType : "json",
              data : {"_token" : "{{csrf_token()}}","id" : id },
              success : function(res){
                  /* Delivery Address */    
                  $("#orderAmount").html('<strong>£ '+Amount+'</strong>');
                  $('#success-msg').html(res.msg);    
              },
              error : function(e){
                  console.log(e);
              }

      });
  }
  }
</script>
    <script>   
 $(".select2").select2();
 $('.OrderHistory').click(function(){
    var orderId = $(this).attr('id');
    var orderId = this.id;
    $('.OrderHistoryData').html('');  
    $('#OrderId_Status').val(orderId); 
    $.ajax({
       url : "{{url('agent/accessories/order-history/')}}/"+orderId,
       method : "get",
       dataType : "json",
       data : {"_token" : "{{csrf_token()}}","orderid" : orderId },
       success : function(res){
          /* Delivery Address */    
          $('#orderStatus').html(res.status);      
          $('.OrderHistoryData').html(res.order);
       },
       error : function(e){
          console.log(e);
       }

    });
 });

 $('.PartPayment').click(function(){
    var orderId = $(this).attr('id');
    var amount = $(this).attr('total');
    var partpayment = $(this).attr('partpayment');
    var orderId = this.id;   
    $('#OrderId').val(orderId);   
    $('#partTotalAmount').html(' <strong>£'+partpayment+'</strong>');   
        $.ajax({
        url : "{{url('agent/sale/partment-history/')}}/"+orderId,
        method : "get",
        dataType : "json",
        data : {"_token" : "{{csrf_token()}}","orderid" : orderId },
        success : function(res){            
            $('.PartPaymentData').html(res.order);
        },
        error : function(e){
            console.log(e);
        }

        });
 });


 function removeitem(id,order){
    $('.OrderHistoryData').html('<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>'); 
    $.ajax({
        url : "{{url('agent/sale/RemoveItem/')}}/"+id+"/"+order,
        method : "get",
        dataType : "json",
        data : {"_token" : "{{csrf_token()}}","id" : id ,"orderid" : order},
        success : function(res){            
            $('.OrderHistoryData').html(res.order);
            $('#qty'+id).parent().parent().remove();
            setTimeout(function() {                        
                     location.reload();
           }, 5000);  
        },
        error : function(e){
            console.log(e);
        }

        });
  }

  function quantityadd(id){
    var qty=$('#qty'+id).val();
    $('.OrderHistoryData').html('<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>'); 
    $.ajax({
        url : "{{url('agent/sale/QuantityChanged/')}}/"+id,
        method : "get",
        dataType : "json",
        data : {"_token" : "{{csrf_token()}}","id" : id,'qty':qty },
        success : function(res){            
            $('.OrderHistoryData').html(res.order);           
            setTimeout(function() {                        
                     location.reload();
           }, 5000);  
        },
        error : function(e){
            console.log(e);
        }

        });
  }

  function ItemAdd(product,order){    
    $('.OrderHistoryData').html('<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>'); 
    $.ajax({
        url : "{{url('agent/sale/ProductAdd/')}}/",
        method : "get",
        dataType : "json",
        data : {"_token" : "{{csrf_token()}}","product" : product,'order':order },
        success : function(res){            
            $('.OrderHistoryData').html(res.order);           
            setTimeout(function() {                        
                     location.reload();
           }, 5000);  
        },
        error : function(e){
            console.log(e);
        }

        });
  }
  function ajaxSearch(order) {
			var input_data = $('#product').val();    
			if (input_data.length < 2)
			{
				$('#search_data').show();
				$('#autoSuggestionsList').addClass('auto_list');
				$('#autoSuggestionsList').html('<div class="typed-search-box"><div class="search-preloader"><div class="loader"><div></div><div></div><div></div></div>  </div></div>');
			}
			else
			{
				$.ajax({
					type: "POST",
					url : "{{url('agent/search_data')}}",
                    data:{'_token':"{{csrf_token()}}",'search':input_data,'order':order},
					success: function (data) {
						// return success
						if (data.length > 0) {                  
							$('#search_data').show();
							$('#autoSuggestionsList').addClass('auto_list');
							$('#autoSuggestionsList').html(data);
						}
					}
				});

			}
		}

		$(document).ready(function(){
		$(document).click(function(){
		$('#search_data').hide();
		});
		});
 
 </script>
@endsection