@extends('WarehouseDashboard.header.header')
@section('content')

    <div class="header bg-primary pb-6  pt-5">
        <div class="container-fluid">
            <div class="header-body">
                <div class="row align-items-center py-4">
                    <div class="col-lg-6 col-7">
                        <h6 class="h2 text-white d-inline-block mb-0">{{__('Create Consignment')}}</h6>
                        <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                            <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                                <li class="breadcrumb-item"><a href="#"><i class="fas fa-home"></i></a></li>
                                <li class="breadcrumb-item"><a href="/">{{__('Dashboard')}}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">{{__('All Consignments Table')}}</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col">
            <div class="card">
                <!-- Card header -->
                <div>
                    <h3 class="mb-0 ml-4 mt-4">{{__('All Consignments')}}</h3><br>
                </div>
                <br>
            <!-- Light table -->
                <div class="table-responsive">
                    <table class="table align-items-center table-flush" id="sampleTable">
                        <thead class="thead-light">
                        <tr >
                            <th scope="col" class="sort" data-sort="budget">{{__('ID')}}</th>
                            <th scope="col" class="sort" data-sort="budget">{{__('Warehouse')}}</th>
                            <th scope="col" class="sort" data-sort="budget">{{__('Total Orders')}}</th>
                            <th scope="col" class="sort" data-sort="budget">{{__('Driver')}}</th>
                            <th scope="col" class="sort" data-sort="budget">{{__('Status')}}</th>
                            <th scope="col" class="sort" data-sort="budget">{{__('Created at')}}</th>
                            <th scope="col" class="sort" data-sort="completion">{{__('Show')}}</th>
                            <th scope="col"></th>
                        </tr>
                        </thead>
                        <tbody class="list" id="myTable">
                        @foreach($consignments as $consignment)
                            <tr id="orderRow{{$consignment->id}}">
                                <td>{{$consignment->id}}</td>
                                <td>{{$consignment->warehouse->{"name_".\Illuminate\Support\Facades\App::getLocale()} }}</td>
                                <td>{{count($consignment->consignmentOrders)}}</td>
                                <td>
                                    @if($consignment->driver_id != null)
                                        {{$consignment->driver ? $consignment->driver->name : null  }}
                                    @else
                                        <label class="control-label">{{__("Select Driver")}}</label>
                                        <select class="form-control"  id="Stat" onchange="selectDriver(this,{{$consignment->id}})" data-url="{{route("consignment.ajax.update-driver")}}">
        {{--                                                <select class="form-control"  id="Stat" onchange="setDriver(this)">--}}
                                            <option value="">{{__('select driver')}}</option>
                                            @foreach($drivers as $driver)
                                                <option value="{{$driver->driver_id}}">{{$driver->user->name}}</option>
                                            @endforeach
                                        </select>
                                    @endif

                                </td>
                                @php
                                    $consignmentOrders = $consignment->consignmentOrders->pluck("order_shipment_id");
                                    $count = count($consignmentOrders);
                                    $ordersShipmentAll  =  \App\Models\OrderShipment::whereIn("id", $consignmentOrders);
                                    $ordersShipment = $ordersShipmentAll->get();
                                    $pluckStatuses = $ordersShipmentAll->pluck("status");

                                    //dd(array_search(3,[1,2,3,3,3,4],true));
                                    $values = array_count_values($pluckStatuses->toArray());
                                    $isComplete = $values[5] ?? 0;
                                    //if ($isComplete > 0 && $isComplete < $count )
                                    $status = "In Progress";
                                    if ($isComplete > 0 && $isComplete == $count)
                                        $status = "Complete";
                                @endphp
                                <td>{{$status}}</td>
                                <td>{{$consignment->created_at}}</td>
                                <td id="ignorStyle">
                                    <button type="button" class="btn btn-outline-default" data-toggle="modal" data-target="#Orders{{$consignment->id}}">
                                        <i class="fas fa-eye fa-lg"></i>
                                    </button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="Orders{{$consignment->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" >
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content" style="width: 1000px;height: 600px">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body" id="contentDownload{{$consignment->id}}" >
                                                    <div class="card">
                                                        <div class="card-body">
                                                            <blockquote class="blockquote mb-0">

                                                                <div class="table-responsive">
                                                                    <table class="table align-items-center table-flush" id="sampleTable">
                                                                        <thead class="thead-light">
                                                                        <tr >
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('ID')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Order Rate')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Order Tax')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('user Name')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Phone Number')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Type')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Weight')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Within')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Status')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Payment Method')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Total Amount')}}</th>
                                                                            <th scope="col" class="sort" data-sort="budget">{{__('Created at')}}</th>
{{--                                                                            <th scope="col" class="sort" data-sort="completion">{{__('Locations')}}</th>--}}
                                                                            <th scope="col"></th>
                                                                        </tr>
                                                                        </thead>
                                                                        <tbody class="list" id="myTable">

                                                                        @foreach($ordersShipment as $order)
                                                                            <tr id="orderRow{{$order->id}}">
                                                                                <td>{{$order->id}}</td>
                                                                                <td>{{$order->rate}}</td>
                                                                                <td>{{$order->tax}}</td>
                                                                                <td>{{$order->user ? $order->user->name : null }}</td>
                                                                                <td>{{$order->phone_number ?? null}}</td>
                                                                                <td>{{$order->type}}</td>
                                                                                <td>{{$order->weight}}</td>
                                                                                <td>{{$order->within}}</td>
                                                                                <td>{{$order->getStatusText()}}</td>
                                                                                <td>{{$order->paymentMethod}}</td>
                                                                                <td>{{$order->total}}</td>
                                                                                <td>{{$order->created_at}}</td>
{{--                                                                                <td id="ignorStyle">--}}
{{--                                                                                    <button type="button" class="btn btn-outline-default" data-toggle="modal" data-target="#Orders1{{$order->id}}">--}}
{{--                                                                                        <i class="fas fa-eye fa-lg"></i>--}}
{{--                                                                                    </button>--}}
{{--                                                                                    <!-- Modal -->--}}
{{--                                                                                    <div class="modal fade" id="Orders1{{$order->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">--}}
{{--                                                                                        <div class="modal-dialog modal-lg">--}}
{{--                                                                                            <div class="modal-content">--}}
{{--                                                                                                <div class="modal-header">--}}
{{--                                                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">--}}
{{--                                                                                                        <span aria-hidden="true">&times;</span>--}}
{{--                                                                                                    </button>--}}
{{--                                                                                                </div>--}}
{{--                                                                                                <div class="modal-body" id="contentDownload{{$order->id}}">--}}
{{--                                                                                                    <div class="card">--}}
{{--                                                                                                        <div class="card-body">--}}
{{--                                                                                                            <blockquote class="blockquote mb-0">--}}
{{--                                                                                                                <div class="row">--}}
{{--                                                                                                                    <div class="col-12">--}}
{{--                                                                                                                        <div class="card">--}}
{{--                                                                                                                            <div class="card-body">--}}
{{--                                                                                                                                <footer class="blockquote-footer">{{__('Pick Up Address')}}</footer><br>--}}
{{--                                                                                                                                <iframe--}}
{{--                                                                                                                                    id="map"--}}
{{--                                                                                                                                    allowfullscreen--}}
{{--                                                                                                                                    src="https://www.google.com/maps/embed/v1/place?key={{env("GOOGLE_API_KEY")}}&q={{$order->lat_pick_up}},{{$order->long_pick_up}}">--}}
{{--                                                                                                                                </iframe>--}}
{{--                                                                                                                            </div>--}}
{{--                                                                                                                        </div>--}}
{{--                                                                                                                    </div>--}}
{{--                                                                                                                </div>--}}
{{--                                                                                                                <div class="row">--}}
{{--                                                                                                                    <div class="col-12">--}}
{{--                                                                                                                        <div class="card">--}}
{{--                                                                                                                            <div class="card-body">--}}
{{--                                                                                                                                <footer class="blockquote-footer">{{__('Drop Off Address')}}</footer><br>--}}
{{--                                                                                                                                <iframe--}}
{{--                                                                                                                                    id="map"--}}
{{--                                                                                                                                    allowfullscreen--}}
{{--                                                                                                                                    src="https://www.google.com/maps/embed/v1/place?key={{env("GOOGLE_API_KEY")}}&q={{$order->lat_drop_off}},{{$order->long_drop_off}}">--}}
{{--                                                                                                                                </iframe>--}}
{{--                                                                                                                            </div>--}}
{{--                                                                                                                        </div>--}}
{{--                                                                                                                    </div>--}}
{{--                                                                                                                </div>--}}
{{--                                                                                                            </blockquote>--}}
{{--                                                                                                        </div>--}}
{{--                                                                                                    </div>--}}
{{--                                                                                                </div>--}}
{{--                                                                                                <div class="modal-footer">--}}
{{--                                                                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('Close')}}</button>--}}
{{--                                                                                                </div>--}}
{{--                                                                                            </div>--}}
{{--                                                                                        </div>--}}
{{--                                                                                    </div>--}}
{{--                                                                                </td>--}}
                                                                            </tr>
                                                                        @endforeach
                                                                        </tbody>
                                                                    </table>
                                                                </div>



                                                            </blockquote>
                                                        </div>
                                                    </div>
                                                </div>
                                                    <div class="modal-footer">
                                                        @if(!$consignment->driver_id)
                                                            <a class="btn btn-danger" href="{{route("consignment.edit",["id"=>$consignment->id])}}" style="color: white">{{__('Edit Consignment')}}</a>
                                                        @endif
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('Close')}}</button>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    {{ $consignments->links() }}
                </div>
            </div>
        </div>
    </div>
    <!-- Dark table -->
@endsection
@section('js-scripts')
    <script>
        import {App} from "../../../../public/js/app";
        $("#FilterButton").on("click", function (){
            let  url = $(this).data("url"),
                Stat = $("#Stat").val(),
                startDate =$('#start-date').val(),
                endDate = $('#end-date').val()

            url = ((Stat && startDate && endDate) ? `${url}/${Stat}/${startDate}/${endDate}` : ((startDate && endDate) ? `${url}/all/${startDate}/${endDate}` : ((Stat && endDate) ? `${url}/${Stat}/none/${endDate}`: (Stat ? `${url}/${Stat}` : (startDate ? `${url}/all/${startDate}` : (startDate && Stat ? `${url}/${Stat}/${startDate}` : url) ) ))));
            window.location = url
        });
        export default {
            components: {App}
        }
    </script>
    <script>
        function selectDriver(select,consignmentId){
            console.log(consignmentId + " Driver VAL " +  $(select).val())
            let driverId = $(select).val(),url =$(select).data("url");
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type:"POST",
                url:url,
                data:{"consignmentId":consignmentId,"driverId":driverId},
                success: function (response){
                    if(response.success === 1){
                        location.reload();
                    }else {
                        alert("ERROR ... ")
                    }
                },
                error:function (){
                    alert("Error ... ")
                }
            })
        }
    </script>
@endsection