@extends('layouts.app')
@section('content')
<div class="panel">
    <div class="panel-heading bord-btm clearfix pad-all h-100">
        <h3 class="panel-title pull-left pad-no">Reverse Logistics</h3>
        <div class="pull-right clearfix">
            
                <div class="box-inline pad-rgt pull-left" style="margin-right: -8px;">
                    <form class="" id="sort_report" action="" method="GET">
                    <div class="" style="min-width: 200px;">
                        <input type="text" class="form-control" id="search" name="search"@isset($sort_search) value="{{ $sort_search }}" @endisset placeholder="Type Order ID & AWB hit enter">
                    </div>
                    </form>
                </div>
            
            <div class="box-inline pad-rgt pull-left" style="margin-right: 103px;">
                <div class="" style="min-width: 200px;">
                    <form class=""  action="{{ route('reverse.logistics.export') }}" method="GET">
                        <input type="text" class="form-control" name="daterange" placeholder="Select Date">
                         <h3 class="" style="position: absolute; margin-left: 195px; margin-top: -33px;"><button type="submit" class="btn"><i class="fa fa-download" aria-hidden="true"></i>{{ translate('Export report') }}</button></h3>
                     </form>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-body">
        <table class="table table-striped res-table mar-no" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Order ID</th>
                    <th>AWB Number</th>
                    <th>Package Number</th>
                    <th>Status</th>  
                    <th>Created at</th>            
                    <th width="10%">Options</th>
                </tr>
            </thead>
            <tbody>
                @foreach($package as $key=>$value)
                <tr>
                    <td>{{ (count($packageCount)-$key) + ($package->currentPage() - 1)*$package->perPage() }}</td>
                    <td>
                        @php
                            $order = \App\Order::find($value->order_id);
                        @endphp
                        {{$order->code}}
                    </td>
                    <td><a  style="word-break: break-all; color: #33a2c3" href="javascript:void(0);" onclick="show_package_details({{ $value->id }})">{{$value->awb_number}}</a></td>
                    <td>{{$value->package_number}}</td>
                    <td>
                      
                        @if(@$value->rev_manifest_awb_response == "True")
                            @if(@$value->is_cancelled == "Yes")
                             <span class="tabs tab-warning">
                                Cancelled
                            </span>
                            @else
                             <span class="tabs tab-success">
                                @php 
                                    
                                    $xmlRead = simplexml_load_string(@$value->package_details); 
                                    $xmlencode = json_encode(@$xmlRead); 
                                    $xmldecode = json_decode(@$xmlencode, true); 
                                   
                                @endphp
                                    
                                @if(!empty(@$xmldecode["object"]["field"]))
                                    {{ ucfirst(str_replace('_', ' ', @$xmldecode["object"]["field"]["11"])) }}
                                @else
                                    Dispatched        
                                @endif
                                                            
                              </span> 
                            @endif
                        @else
                            <span class="tabs tab-info">
                                Dispatch pending
                            </span>
                        @endif

                    </td>
                    <td>
                        {{date('d-m-Y h:i:s', strtotime($value->created_at))}}
                    </td>
                    <td>
                        <div class="btn-group dropdown">
                        <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                Actions <i class="dropdown-caret"></i>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a  style="word-break: break-all;" href="javascript:void(0);" onclick="show_package_details({{ $value->id }})">View</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        <div class="clearfix">
            <div class="pull-right">
                {{ @$package->appends(request()->input())->links() }}
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="package_details" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-zoom product-modal" id="modal-size" role="document">
            <div class="modal-content position-relative">
                <div class="c-preloader">
                    <i class="fa fa-spin fa-spinner"></i>
                </div>
                <div id="package-details-modal-body">

                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script type="text/javascript">
    function sort_orders(el){
        $('#sort_report').submit();
    }
    $(function() {
      $('input[name="daterange"]').daterangepicker({
          autoUpdateInput: false,
          maxDate: new Date(),
          locale: {
              cancelLabel: 'Clear'
          }
      });

      $('input[name="daterange"]').on('apply.daterangepicker', function(ev, picker) {
          $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
      });

      $('input[name="daterange"]').on('cancel.daterangepicker', function(ev, picker) {
          $(this).val('');
      });

    });

    function show_package_details(id)
    {
        $('#package-details-modal-body').html(null);

        if(!$('#modal-size').hasClass('modal-lg')){
            $('#modal-size').addClass('modal-lg');
        }

        $.post('{{ route('reverse.logistics.details') }}', { _token : '{{ @csrf_token() }}', id : id}, function(data){
            $('#package-details-modal-body').html(data);
            $('#package_details').modal();
            $('.c-preloader').hide();
        });
    }
</script>
@endsection