@extends('layouts.app-admin')
@section('content')
<link rel="stylesheet" href="{{url('adminAssets/assets/libs/select2/select2.css')}}">
<style>
    div#example_filter,div#example_paginate{
        display: inline-block;
    float: right;
    padding-right: 15px;
    }
    .dt-buttons,div#example_info {
    display: inline-block;
    padding-left: 15px;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    border: none;
    border-bottom: 1px solid rgb(24 28 33 / 8%);
}
a.paginate_button.current {
  
    border-color: #ff4a00 !important;
    background-color: #ff4a00 !important;
    color: #fff !important;
    padding: .295rem .5rem;
    min-width: calc(1.5rem + 46px);
    font-size: .75rem;
    line-height: 1;
}

a.paginate_button {
    margin: 0 7px;   
    color: #111 !important;
    padding: .295rem .5rem;
    min-width: calc(1.5rem + 46px);
    font-size: .75rem;
    line-height: 1;
}
a.paginate_button.previous,a.paginate_button.next {
    margin: 0;   
    padding: 0;
}
a.disabled {
    color: #cacaca !important;
}
button.dt-button.buttons-excel.buttons-html5 {
    font-weight: 500;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: #eceff7;
    border: 0 solid transparent;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    line-height: 1.47;
}
   .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">Manage Orders</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 id="formName" action="{{url('admin/order/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">  <label>Agent</label>
                <select name="agent" class="form-control " onchange="this.form.submit()">
                    <option value="">--Select--</option>
                    @foreach($agent as $val)
                    <option value="{{$val->id}}" @if(@$_REQUEST['agent']==$val->id) selected @endif>{{$val->name}}</option>  
                    @endforeach 
                                       
             </select></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>
                <input type="checkbox" class="form-control1 " name="sentVat"  value="1" onchange="document.getElementById('formName').submit()" @if(@$_REQUEST['sentVat']==1) checked @endif> Sent Vat Invoice Customer              
            </div>
            <div class="col-lg-3">
            <label>&nbsp;</label>
            <button type="submit" class="btn btn-info mt-2"><i class="fa fa-text"></i> Filter</button>
            <a href="{{url('admin/order/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 id="example" class="datatables-demo table table-striped table-bordered"  data-show-export="true">
                <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>Transaction Id</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->sentVat=='1') style="background-color:#6ec00f;" @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><b><i>@if($row->transaction_id) #{{$row->transaction_id}} @endif</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('admin/generate-pdf/'.$row->reference)}}" class="btn btn-primary btn-xs"  title="Without VAT"><i class="feather icon-mail"></i> </a> 
                           <a href="{{url('admin/generate-pdf-2/'.$row->reference)}}" class="btn btn-success btn-xs"  title="With VAT"><i class="feather icon-mail"></i> </a> 
                           </td>
                           <td>
                           <a href="{{url('admin/order/invoice/'.$row->reference)}}" class="btn btn-primary btn-xs"  title="Send Invoice Without VAT"><i class="fa fa-paper-plane"></i> </a> 
                           <a href="{{url('admin/order/invoice-vat/'.$row->reference)}}" class="btn btn-success btn-xs"  title="Send Invoice  With VAT"><i class="fa fa-paper-plane"></i> </a> 
                       

                                </td>
                    </tr>
                    @else
                    <tr class="odd gradeX" @if($row->sentVat=='1') style="background-color:#6ec00f;" @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>@if($row->transaction_id) #{{$row->transaction_id}} @endif</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('admin/generate-pdf/'.$row->reference)}}" class="btn btn-primary btn-xs" title="Without VAT"><i class="feather icon-mail"></i> </a> 
                           <a href="{{url('admin/generate-pdf-2/'.$row->reference)}}" class="btn btn-success btn-xs"  title="With VAT"><i class="feather icon-mail"></i> </a> 

                                </td>
                                <td>
                           <a href="{{url('admin/order/invoice/'.$row->reference)}}" class="btn btn-primary btn-xs"  title="Send Invoice Without VAT"><i class="fa fa-paper-plane"></i> </a> 
                           <a href="{{url('admin/order/invoice-vat/'.$row->reference)}}" class="btn btn-success btn-xs"  title="Send Invoice  With VAT"><i class="fa fa-paper-plane"></i> </a> 
                       

                                </td>
                    </tr>
                    @endif
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div>

</div>


<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('admin/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('admin/order_status_changed')}}" 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" onchange1="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>
                                                                <option value="Paid"  >Paid</option>
                                                                <option value="Cancelled"  >Cancelled</option>
                                                               

                                                                </select>
                                                               
                                                                    </div>
                                                                    <div class="col-md-3 trackid" style="display:none">
                                                                    <label>Transaction Id</label><br/>
                                                                    <input type="text" name="trackid" class="form-control" placeholder="Transaction Id" />
                                                                     </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="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>

  <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
  <!-- <script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.flash.min.js"></script> -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.html5.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.print.min.js"></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">

  $(document).ready(function() {  
    $('#example').DataTable({

      dom: 'Bfrtip',
      "buttons": [
        'excel'
      ]
    });

    $("#orderStatus").change(function(){
   var status=$(this).find(":selected").val();
   if(status=='Cart Payment'){
    $('.trackid').show();
   }else{ $('.trackid').hide(); }
  });

  });
  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('admin/order/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('admin/order/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('admin/order/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('admin/order/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('admin/order/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('admin/order/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('admin/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