@extends('layouts.main_without_top_button')
@section('title')
    RETURN LOADING ORDER SENT TO {{$client->name}}
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('client-return-loading-order-sent.index')}}">Clients Return Loading Orders</a> <span
                    class="divider">/</span></li>
        <li class="active">ORDER SENT TO {{$client->name}}</li>
    </ul>
@stop
@section('msghead_menu')
    <ul class="msghead_menu" style="z-index: 100000;">
        <li class="right btn-group">

            <input class="input-xlarge" style="margin-right: 10px;margin-top: -20px" id="return_loading_order_search">
            <a class="btn" style="margin-right: 20px" onclick="modelShow('add_batch_id_to_order')">
                <span class="iconsweets-create"></span> ADD INVOICE
            </a>
            <a class="btn" style="margin-right: 20px;color: blue"
               href="">
                <span class="iconsweets-excel"></span> EXPORT
            </a>
        </li>
    </ul>
@stop
@section('contentinner')
    <style>
        table {
            font-size: 10px;
            overflow: scroll;
        }

        .table1 {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
            margin-bottom: 4px;
            /*border-bottom: 2px solid #000000;*/
        }

        .table1 th, .table1 td {
            border-top: 1px solid #5D6975;
            border-bottom: 1px solid #5D6975;
        }

        .form-filter {
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            color: #0e4722;
            font-weight: normal;
            text-align: center;
            padding-bottom: 4px;
        }
    </style>

    <div class="row-fluid">
        <div class="span12">
            <div style="margin-bottom: 8px">
                <form target="_blank" class="form-inline form-filter" method="get"
                      action="{{route('permits.print')}}">
                    <label class="control-label" for="Category">Truck</label>
                    <select name="select" width="200px" id="returning_order_vehicle">
                        <option value="">All</option>
                        @foreach($vehicles as $vehicle)
                            <option value="{{$vehicle->id}}">{{$vehicle->registration_number}}</option>
                        @endforeach
                    </select>
                    <label class="control-label" for="Category">Driver Name</label>
                    <select name="select" width="200px" id="returning_order_driver">
                        <option value="">All</option>
                        @foreach($driver_names as $driver_name)
                            <option value="{{$driver_name->employee_id}}">{{$driver_name->full_name}}</option>
                        @endforeach
                    </select>
                    <a class="btn" style="margin-right: 20px" onclick="modelShow('add_batch_id_to_order')">
                        <span class="iconsweets-create"></span> ADD INVOICE
                    </a>
                    <a class="btn" style="margin-right: 20px;color: blue"
                       href="">
                        <span class="iconsweets-excel"></span> EXPORT
                    </a>
                    {{--<label class="control-label" for="Category">Date From</label>--}}
                    {{--<span class="input-append truck_movement_date" id="truck_movement_date_1">--}}
                    {{--<input type="text" name="date_from" id="starting_date"--}}
                    {{--class="form-control span10  starting_date" data-format="dd-MM-yyyy hh:mm:ss"--}}
                    {{--autocomplete="off">--}}
                    {{--<span class="add-on" style="height: 14px">--}}
                    {{--<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>--}}
                    {{--</span>--}}
                    {{--</span>--}}

                    {{--<label class="control-label" for="Category">Date to</label>--}}
                    {{--<span class="input-append truck_movement_date" id="truck_movement_date_2">--}}
                    {{--<input type="text" name="date_to" id="end_date" class="form-control span10 expire_date"--}}
                    {{--data-format="dd-MM-yyyy hh:mm:ss" autocomplete="off">--}}
                    {{--<span class="add-on" style="height: 14px">--}}
                    {{--<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>--}}
                    {{--</span>--}}
                    {{--</span>--}}
                    {{--<input class="btn" id="print_truck_movements" type="submit" value="PRINT">--}}
                </form>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="row-fluid">

        <div class="span12">
            <div class="full-view-mode" id="return_loading_order_sent">
                <table class="table table-bordered table-condensed" style="width: 100%">
                    <tbody id="body-sort">
                    {{--*/ $i=1 /*--}}
                    @foreach($orders as $index=>$order)
                        <tr>
                            <td>
                                <h6>
                                    @if($order['BATCH_NUMBER']==0)
                                        NOT INVOICED
                                    @else
                                        WITH INVOICE ID {{$order['BATCH_NUMBER']}}
                                    @endif
                                </h6>
                                <table class="table table-bordered table-condensed table1" style="width: 100%">
                                    <thead>
                                    <tr style="font-weight: bold;background: #a4abb9;color:#1000ff">
                                        <th class="head0" style="width: 20px">
                                            <input type="checkbox" class="checkall"/>
                                        </th>
                                        <th class="head1">S/N</th>
                                        <th class="head1">Date</th>
                                        <th class="head1">Driver</th>
                                        <th class="head1">Passport</th>
                                        <th class="head1">Horse</th>
                                        <th class="head1">Trailer</th>
                                        <th class="head1">Type</th>
                                        <th class="head1">Container No</th>
                                        <th class="head1">Border</th>
                                        <th class="head1">Tonnage</th>
                                        <th class="head1">Transporter</th>
                                        <th class="head1">Loading Point</th>
                                        <th class="head1">Tonnage</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {{--*/ $j=1 /*--}}
                                    @foreach($order['orders'] as $detail)
                                        <tr id="item-{{$i}}">
                                            <th class="head0" style="width: 20px">
                                                <input type="checkbox" class="order_id" value="{{$detail->id}}"/>
                                            </th>
                                            <th class="head0" style="width: 20px">{{$j}}</th>
                                            <th class="head1">{{$detail->loading_date}}</th>
                                            <th class="head1">{{$detail->passport_display_name}}</th>
                                            <th class="head1">{{$detail->passport_number}}</th>
                                            <th class="head1">{{$detail->truck}}</th>
                                            <th class="head1">{{$detail->trailer}}</th>
                                            <th class="head1">{{$detail->cargo_type}}</th>
                                            <th class="head1">{{$detail->containers}}</th>
                                            <th class="head1">{{$detail->loading_point_border}}</th>
                                            <th class="head1">{{$detail->tonnage}}</th>
                                            <th class="head1">OAT</th>
                                            <th class="head1">{{$detail->getLoadingPoint()}}</th>
                                            <th class="head1">{{$detail->actual_tonnage}}</th>
                                        </tr>
                                        {{--*/ $i++ /*--}}
                                        {{--*/ $j++ /*--}}
                                    @endforeach
                                    </tbody>
                                </table>
                                <br>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div><!--span12-->
    </div><!--row-fluid-->
    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in"
         id="add_batch_id_to_order">
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>ADD BATCH ID</h4>
        </div>
        {!! Form::open(array('class' => 'form-horizontal stdform','id'=>'butch_number_update_from')) !!}
        <div class="modal-body">
            <div class="maincontent">
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span12">
                        <label class="span4">invoice Number</label>

                                <span class="field">
                                    <select name="invoice_id">
                                        <option value=""></option>
                                        @foreach($invoices as $index=>$invoice)
                                            <option value="{{$invoice->id}}">{{$invoice->id}}</option>
                                        @endforeach
                                    </select>
                                    </select>
                                </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <p class="stdformbutton pull-right">
                        <button class="btn btn-primary" type="submit">ADD BATCH</button>
                        <button type="button" class="btn" data-dismiss="modal">CLOSE</button>
                    </p>
                </div>
            </div>
        </div>
        </form>
    </div>
    <script>
        jQuery('#returning_order_driver,#returning_order_vehicle').select2();
        filterLoadingOrders();


        jQuery('#butch_number_update_from').on('submit', function (e) {
            e.preventDefault();

            if ((jQuery('.order_id:checked').length < 1)) {
                jAlert("Please Check  Only Single Order to Continue", 'SELECTION DIALOG');
                return false;
            }
            var checkOrders = [];
            jQuery('.order_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    checkOrders.push(jQuery(this).val());
                }
            });

            jQuery.ajax({
                type: "GET",
                cache: false,
                url: "{{route('order-sent.butch-number.update')}}",
                data: {
                    ids: checkOrders,
                    batch_number: jQuery('#batch_number').val()
                },
                success: function (data) {
                    window.location.reload();
                },
                error: function (data) {

                }
            });
            return false;
        });


        jQuery('#return_loading_order_search').on('keyup', function () {
            jQuery.ajax({
                url: '{{route('return-loading-order-sent.show.search',array('clients'=>$client->id))}}',
                type: 'get',
                data: {
                    searchable_variable: jQuery('#return_loading_order_search').val(),
                    returning_order_driver: jQuery('#returning_order_driver').val()
                },
                success: function (html) {
                    jQuery('#return_loading_order_sent').empty().append(html);
                }
            });
        });

        jQuery('#returning_order_driver,#returning_order_vehicle').on('change', function (e) {
            e.preventDefault();
            filterLoadingOrders();
        });

        function filterLoadingOrders() {
            jQuery.ajax({
                url: '{{route('return-loading-order-sent.show.search',array('clients'=>$client->id))}}',
                type: 'get',
                data: {
                    searchable_variable: jQuery('#return_loading_order_search').val(),
                    returning_order_driver: jQuery('#returning_order_driver').val(),
                    returning_order_vehicle: jQuery('#returning_order_vehicle').val()
                },
                success: function (html) {
                    jQuery('#return_loading_order_sent').empty().append(html);
                }
            });
        }

        function checkedOrders() {
            if ((jQuery('.order_id:checked').length < 1)) {
                jAlert("Please Check  Only Single Order to Continue", 'SELECTION DIALOG');
                return false;
            }
            var checkOrders = [];
            jQuery('.orders_in_queue').each(function () {
                if (jQuery(this).is(':checked')) {
                    checkOrders.push(jQuery(this).val());
                }
            });
            return checkOrders;
        }
    </script>
@stop