@extends('layouts.app')

@section('custom-css')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css">
@endsection

@section('content')

<div class="page-body display" id="printableArea">
    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    <div class="card">
        <div class="card-header">
            <h5>Shiper Adviser Parcel</h5>
            <div class="text-right">
                <button id="btnExport" onclick="fnExcelReport();" class="btn btn-primary">Export to Excel</button>
            </div>
        </div>
        <div class="card-block table-border-style">
            <div class="table-responsive">
                <table class="table table-hover" id="example">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Customer Ref</th>
                            <th>Parcel Attempts</th>
                            <th>Amount</th>
                            <th>Order ID</th>
                            <th>Status</th>
                            <th>Customer Name</th>
                            <th>Customer Phone</th>
                            <th>Customer Address</th>
                            <th style="min-width: 100px;">IVR Remarks</th>
                            <th>Vendor Advise</th>
                            <th>AHL Reply</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody id="parcel-data">
                        <!-- parcel data prepand here through also ajax -->

                        @foreach($orders as $order)
                            <tr id="tr-{{$order->id}}">
                                <td> {{ $loop->iteration }} </td>
                                <td> {{ $order->order_reference }} </td>
                                @if(!empty($order->parcel_limit))
                                <td> {{ $order->parcel_attempts }} / {{ $order->parcel_limit }} </td>
                                @else
                                <td>0 / 0</td>
                                @endif
                                <td> {{ $order->consignment_cod_price }} </td>
                                <td> {{ $order->consignment_order_id }} </td>
                                <td> {{ $order->orderStatus->name }} </td>
                                <td> {{$order->consignee_first_name}} {{ $order->consignee_last_name }} </td>
                                <td> {{ $order->consignee_phone }} </td>
                                <td> {{ $order->consignee_address }} </td>
                                <td style="min-width: 100px;">
                                    @foreach($order->countOrderAssigned as $key => $orderAssigned)
                                        <br />
<b>Warning</b>:  Undefined variable $orderAssigned in <b>/home/ahlpk/public_html/admin/resources/views/vendor/shiper-adviser.blade.php</b> on line <b>64</b><br />
<br />
<b>Warning</b>:  Attempt to read property "ivr_value" on null in <b>/home/ahlpk/public_html/admin/resources/views/vendor/shiper-adviser.blade.php</b> on line <b>64</b><br />
<br />
<b>Warning</b>:  Undefined variable $orderAssigned in <b>/home/ahlpk/public_html/admin/resources/views/vendor/shiper-adviser.blade.php</b> on line <b>83</b><br />
<br />
<b>Warning</b>:  Attempt to read property "ivr_value" on null in <b>/home/ahlpk/public_html/admin/resources/views/vendor/shiper-adviser.blade.php</b> on line <b>83</b><br />
<br />
<b>Warning</b>:  Undefined variable $orderAssigned in <b>/home/ahlpk/public_html/admin/resources/views/vendor/shiper-adviser.blade.php</b> on line <b>104</b><br />
<br />
<b>Warning</b>:  Attempt to read property "call_input" on null in <b>/home/ahlpk/public_html/admin/resources/views/vendor/shiper-adviser.blade.php</b> on line <b>104</b><br />
                                        {{$call_input_value}}
                                        <hr>
                                    @endforeach
                                </td>
                                <td> {{ ($order->shiperAdviser) ? $order->shiperAdviser->advise : '' }} </td>
                                <td> {{ ($order->shiperAdviser) ? $order->shiperAdviser->ahl_reply : '' }} </td>
                                <td>
                                    <a target="_blank" href="{{route('parcelDetail', $order->id)}}"><button class="btn waves-effect waves-light btn-primary"><i class="fa fa-arrow-circle-o-right"></i>Detail</button></a>
                                    @if(!$order->shiperAdviser)
                                    <a target="_blank" href="{{route('vendorShiperParcelAdvice', $order->id)}}"><button class="btn waves-effect waves-light btn-primary"><i class="fa fa-save"></i>Adivse</button></a>
                                    @else
                                    <a target="_blank" href="{{route('vendorShiperParcelAdviceEdit', ['advise_id' => $order->shiperAdviser->id])}}"><button class="btn waves-effect waves-light btn-primary"><i class="fa fa-edit"></i>Edit Advise</button></a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                {{$orders->links()}}
            </div>
        </div>
    </div>
</div>
@endsection

@section('custom-js')
<script type="text/javascript" src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<SCRIPT language="javascript">
var table;
$(function () {
    // var table = $('#example').DataTable({
    //   "lengthMenu": [ 10, 25, 50, 75, 100, 500, 1000, 5000 ]
    // });
});
function fnExcelReport()
    {
        var tab_text="<table border='2px'><tr bgcolor='#87AFC6'>";
        var textRange; var j=0;
        tab = document.getElementById('example'); // id of table
    
        for(j = 0 ; j < tab.rows.length ; j++) 
        {     
            tab_text=tab_text+tab.rows[j].innerHTML+"</tr>";
            //tab_text=tab_text+"</tr>";
        }
    
        tab_text=tab_text+"</table>";
        tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
        tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table
        tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params
    
        var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE "); 
    
        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
        {
            txtArea1.document.open("txt/html","replace");
            txtArea1.document.write(tab_text);
            txtArea1.document.close();
            txtArea1.focus(); 
            sa=txtArea1.document.execCommand("SaveAs",true,"Say Thanks to Sumit.xls");
        }  
        else                 //other browser not tested on IE 11
            sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  
    
        return (sa);
    }
</SCRIPT>
@endsection