@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("Special Requests")}}</h1>
            <p>{{__("All Special Requests")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Special Requests")}}</a></li>
        </ul>
    </div>
@endsection
@section("content")
    @include("includes.dialog")
    <div class="col-12">
        @if(hasPermissions("view-filter-special-requests"))
            <a class="btn btn-primary" href="{{route("admin.special_request.delivery-export.excel", ["From"=>request()->From,"To"=> request()->To ,"id"=> request()->id,"name"=> request()->name ])}}"> {{__("Export")}} </a>
            @include("admin.special_request.parts.filter")
        @endif
    </div>
    <div class="row">
        <div class="col-12">
        </div>
        <div class="row col-lg-12">
            <div class="col-lg-6 p-3">
            </div>
        </div>

        <div class="col-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered" >
{{--                            id="sampleTable"--}}
                            <thead>
                            <tr>
                                <th>#{{__("ID")}}</th>
                                <th>#{{__("Shipment Number")}}</th>
                                <th>{{__("User Information")}}</th>
                                <th>{{__("Description")}}</th>
                                <th>{{__("Image")}}</th>
                                <th>{{__("Widget Price")}}</th>
                                <th>{{__("Delivery Price")}}</th>
{{--                                <th>{{__("VAT")}}</th>--}}
                                <th>{{__("Total Price")}}</th>
                                <th>{{__("Invoice")}}</th>
{{--                                <th>{{__("Warranty")}}</th>--}}
                                <th>{{__("Delivery Status")}}</th>
                                <th>{{__("Vendor Information")}}</th>
                                <th>{{__("Created At")}}</th>
                                <th>{{__("Pick-up Driver Name")}}</th>
                                <th>{{__("Pick-up Phone Number")}}</th>
                                <th>{{__("selected location Form")}}</th>
                                <th>{{__("Drop-off Driver Name")}}</th>
                                <th>{{__("Drop-off Driver Phone Number")}}</th>
                                <th>{{__("selected location To")}}</th>
                                @if(hasPermissions("admin-control"))
                                <th>{{__("Control")}}</th>
                                @endif
                            </tr>
                            </thead>
                            <tbody>


                                @foreach($orders as $order)
{{--                                    @php--}}
{{--                                        dd($order);--}}
{{--                                    @endphp--}}
                            @if($order->specialRequest->user_id != 240)
                                    <tr>
                                        <td>{{"# ".$order->special_requests_id ." - ".$order->id}}</td>

                                        <td>
                                            {{$order->shipment_num}}
                                            <a href="#" class="control-link edit" data-toggle="modal"
                                               data-target="#exampleModal{{$order->id}}"><i class="fas fa-edit"></i></a>

                                            <div class="modal fade" id="exampleModal{{$order->id}}" tabindex="-1"
                                                 aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        {{--                                                    route("delivery.special_request.update", $order->id)}}--}}
                                                        <form
                                                            action="{{route("admin.special_request.update_shipment",$order->id)}}"
                                                            method="POST">
                                                            @csrf
                                                            @method('put')
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <h6>New shipment</h6>
                                                                    <input type="text" class="form-control" name="shipment_num"
                                                                           value="{{$order->shipment_num}}">
                                                                </div>

                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary"
                                                                        data-dismiss="modal">Close
                                                                </button>
                                                                <button type="submit" class="btn btn-primary ">Save
                                                                    changes
                                                                </button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <!-- Button trigger modal -->
                                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#user{{$order->id}}">
                                                View
                                            </button>
                                            <!-- Modal -->
                                            <div class="modal fade" id="user{{$order->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">User Information</h5>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        @php
                                                            $providedSection =  \App\Models\ProvidedSection::where("user_id",$order->specialRequest->users->id)->first();
                                                    @endphp
                                                    <div class="modal-body">
                                                        <div class="row">
{{--                                                            <div class="col-6">{{__("Full Name")}}: {{$order->specialRequest->users->full_name}}</div>--}}
                                                            <div class="col-6">{{__("Name")}}: {{$providedSection->name ?? $order->specialRequest->users->full_name }}</div>
                                                            <div class="col-6">{{__("Phone Number")}}: {{$order->specialRequest->users->phone_number}}</div>
                                                            @php
                                                                $providedSectionSubArea = $providedSection->providedSectionSubArea ?? null;
                                                            @endphp
                                                            @if($providedSectionSubArea )
                                                                @php
                                                                $area =$providedSection->providedSectionSubArea->subArea;
                                                                $AreaFullName = $area->mainArea->area_name. " - ".$area->sub_area_name;
                                                                @endphp
                                                                <div class="col-6">{{__("Area")}}: {{$AreaFullName}}</div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{$order->description}}</td>
                                    <td>
                                        <button type="button" class="btn btn-primary view-attachemnts" data-toggle="modal" data-target="#image{{$order->id}}">
                                            View
                                        </button>
                                        <!-- Modal -->
                                        <div class="modal fade" id="image{{$order->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog modal-xl">
                                                <div class="modal-content" style="height: 800px;overflow-y: auto;">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">Attachments</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body mt-2 mb-2" >
                                                        <div class="row">
                                                            @if($order->getFirstMediaFile("specialRequestReplied_photo"))
                                                                @foreach($order->getMediaFiles("specialRequestReplied_photo") as $file)
                                                                    <div class="col-4">
                                                                        <img src="{{$file->url}}" width="100%">
                                                                    </div>
                                                                @endforeach
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{$order->widget_price . $price_code}}</td>
                                    <td>
                                        @if($order->specialRequestRepliedPrice)
                                            {{ number_format($order->specialRequestRepliedPrice->delivery_price,2) . $price_code}}
                                        @else
                                            @if($order->specialRequestRepliedDeliveryPriceForOrdersBeforeAccounting)
                                                {{number_format($order->specialRequestRepliedDeliveryPriceForOrdersBeforeAccounting->delivery_price,2) ?? null . $price_code}}
                                            @else
                                                {{"NOT FOUND Contact DIGISOL Support"}}
                                            @endif
                                        @endif
                                    </td>
{{--                                    <td>{{$order->deliveryPrice->price}}</td>--}}
{{--                                    <td>{{$tax}}</td>--}}
                                        <td>
                                            @if(isset($order->AccountingData["PurchaseOrderValue"]) || isset($order->AccountingData["PurchaseOrderValueCase0"]))

                                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#price{{$order->id}}">
                                                View
                                            </button>
                                            <!-- Modal -->
                                            <div class="modal fade" id="price{{$order->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">Order Prices</h5>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="row">
                                                                <div class="col-6">
                                                                    @if(isset($order->AccountingData["PurchaseOrderValue"]))
                                                                        {{--                                                                 <======================== Included Tax (App Taxable or not) ========================>--}}
                                                                        <h5>{{__("Tax Included")}} </h5>
                                                                        {{__("Purchase Order Value :")}} <span style="color: green"> {{$order->AccountingData["PurchaseOrderValue"]}}</span>
                                                                        {{__("Invoice Value To Customer :")}}  <span style="color: green">{{$order->AccountingData["InvoiceValueToCustomer"]}} </span>
                                                                </div>
                                                                <div class="col-6">
                                                                    @elseif(isset($order->AccountingData["PurchaseOrderValueCase0"]))
                                                                        {{--                                                                <======================== Case 0  ========================>--}}
                                                                        <h5>{{__("Invoice Without Tax")}} </h5>
                                                                        {{__("Purchase Order Value0 :")}}  <span style="color: green">{{$order->AccountingData["PurchaseOrderValueCase0"]}}</span>
                                                                        {{__("Invoice Value To Customer0")}} :<span style="color: green">  {{$order->AccountingData["InvoiceValueToCustomerCase0"]}}</span>
                                                                        <hr>
                                                                        {{--                                                                 <======================== Case 1  ========================>--}}
                                                                        <h5>{{__("Invoice With Tax")}} </h5>
                                                                        {{__("Purchase Order Value1 :")}}  <span style="color: green">{{$order->AccountingData["PurchaseOrderValueCase1"]}}</span>
                                                                        {{__("Invoice Value To Customer1 :")}} <span style="color: green"> {{$order->AccountingData["InvoiceValueToCustomerCase1"]}}</span>

                                                                    @elseif(isset($order->total_price))
                                                                        {{--                                                                 <======================== Old Prices  ========================>--}}
                                                                        <h5> {{__("Total Price is :")}} </h5>
                                                                        <span style="color: green">{{$order->total_price . $price_code}}</span>
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            @else
                                                <span style="color: green">{{$order->total_price . $price_code}}</span>
                                            @endif
                                        </td>
{{--                                    <td>{{$order->warranty . " days"}}</td>--}}
                                    <td>
                                        @if(isset($order->AccountingData["PurchaseOrderValue"]) || isset($order->AccountingData["PurchaseOrderValueCase0"]))
                                            <div>
                                                <a href="{{route("admin.special_request.viewInvoice",$order->id)}}" target="_blank" class="btn btn-success" >{{__("show invoice")}}</a>
                                            </div>
                                        @else
                                            {{"---"}}
                                        @endif
                                    </td>
                                    <td>
{{--                                        {{($order->order_status)}}--}}

                                        @switch ($order->order_status)
                                            @case ("0")
                                                <span style="color: red ; font-weight: bold "  >{{__("Waiting")}}</span>
                                                @break;
                                            @case ("1")
                                                <span style="color: blue ; font-weight: bold" >{{__("Delivery Process")}}</span>
                                                @break;
                                            @case ("2")
                                                <span style="color: #11a600 ; font-weight: bold"  >{{__("Completed")}}</span>


                                                @break;

                                        @endswitch
                                    </td>
                                    <td>
                                        <!-- Button trigger modal -->
                                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#vendor{{$order->id}}">
                                            View
                                        </button>
                                        <!-- Modal -->
                                        <div class="modal fade" id="vendor{{$order->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">Vendor Information</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>

                                                    <div class="modal-body">
                                                        <div class="row">
                                                            @php
                                                                if(!is_null($order->vendorSpecialRequestId)){
                                                                $providedSection = \App\Models\ProvidedSection::where("user_id",$order->vendorSpecialRequestId->vendor->id)->first();
                                                                }
                                                            @endphp
                                                            @if(!is_null($order->vendorSpecialRequestId))
                                                            <div class="col-6">{{__("Full Name")}}: {{$order->vendorSpecialRequestId->vendor->full_name}}</div>
                                                            <div class="col-6">{{__("Market Name")}}: {{ $providedSection->name ?? null }}</div>
                                                            <div class="col-6">{{__("Phone Number")}}: {{$order->vendorSpecialRequestId->vendor->phone_number}}</div>
                                                            @endif
                                                             @php
                                                                $providedSectionSubArea = $providedSection->providedSectionSubArea ?? null;
                                                            @endphp
                                                            @if($providedSectionSubArea)
                                                                @php
                                                                    $area =$providedSection->providedSectionSubArea->subArea;
                                                                    $AreaFullName = $area->mainArea->area_name. " - ".$area->sub_area_name;
                                                                @endphp
                                                                <div class="col-6">{{__("Area")}}: {{$AreaFullName}}</div>
                                                            @endif
                                                        </div>
{{--                                                        <div class="row">--}}
{{--                                                            @php--}}
{{--                                                            if(!is_null($order->vendorSpecialRequestId))--}}
{{--                                                            $providedSection = \App\Models\ProvidedSection::where("user_id",$order->vendorSpecialRequestId->vendor->id)->first();--}}
{{--                                                            @endphp--}}
{{--                                                            @if(isset($providedSection))--}}
{{--                                                            <div class="col-6">{{__("Full Name")}}: {{$order->vendorSpecialRequestId->vendor->full_name}}</div>--}}
{{--                                                            <div class="col-6">{{__("Market Name")}}: {{ $providedSection->name ?? null }}</div>--}}
{{--                                                            <div class="col-6">{{__("Phone Number")}}: {{$order->vendorSpecialRequestId->vendor->phone_number}}</div>--}}
{{--                                                            @php--}}
{{--                                                                $providedSectionSubArea = $providedSection->providedSectionSubArea ?? null;--}}
{{--                                                            @endphp--}}
{{--                                                            @if($providedSectionSubArea )--}}
{{--                                                                @php--}}
{{--                                                                    $area =$providedSection->providedSectionSubArea->subArea;--}}
{{--                                                                    $AreaFullName = $area->mainArea->area_name. " - ".$area->sub_area_name;--}}
{{--                                                                @endphp--}}
{{--                                                                <div class="col-6">{{__("Area")}}: {{$AreaFullName}}</div>--}}
{{--                                                            @endif--}}
{{--                                                            @endif--}}
{{--                                                        </div>--}}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
{{--                                    <td>{{$order->created_at}}</td>--}}
                                    <td>{{$order->confirmed_at}}</td>
{{--                                    <td>{{$order->updated_at->diffForHumans()}}</td>--}}
                                    <td>{{$order->driver_name}}</td>
                                    <td>
                                        {{$order->driver_phone_number}}
                                    </td>
                                    <td>

                                        @php
                                            if(!is_null($order->vendorSpecialRequestId))
                                                $providedSectionInfo = \App\Models\ProvidedSection::where('user_id',$order->vendorSpecialRequestId->vendor->id)->first();
                                        @endphp
                                        @if(!is_null($order->vendorSpecialRequestId))
                                        <iframe style="height:150px; width:150px"
                                                id="map"
                                                allowfullscreen
                                                src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAe8yqfostag72PY_RYUjz4wWsrha-8NAo&q={{$providedSectionInfo->lat}},{{$providedSectionInfo->lng}}">
                                        </iframe>
                                        @endif
                                        <div class="text-center">
                                            <input data-id="{{$order->id}}" @if($order->order_status == 1 || $order->order_status == 2) disabled  checked @elseif(!$order->driver_phone_number) disabled  @endif data-url="{{route("ajax.special-request-order.change")}}" class="checked" id="from{{$order->id}}" type="checkbox">
                                        </div>
                                    </td>
                                    <td>{{$order->second_driver_name}}</td>
                                    <td>
                                        {{$order->second_driver_phone_number}}
                                    </td>
                                    <td>
                                        <iframe style="height:150px; width:150px"
                                                id="map"
                                                allowfullscreen
                                                src="https://www.google.com/maps/embed/v1/place?key={{env("GOOGLE_API_KEY")}}&q={{$order->lat}},{{$order->lng}}">
                                        </iframe>
                                        <div class="text-center">
                                            <input type="checkbox" @if($order->order_status == 0) disabled @elseif($order->order_status == 2) checked disabled @endif data-url="{{route("ajax.special-request-order.change")}}" class="checked2" data-id="{{$order->id}}" id="to{{$order->id}}">
                                        </div>
                                    </td>
                                    @if(hasPermissions("admin-control"))
                                    <td>
                                    @if($order->order_status == 0)
                                        <!-- Button trigger modal -->
                                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Edit{{$order->id}}">
                                                Edit
                                            </button>

                                            <!-- Modal -->
                                            <div class="modal fade" id="Edit{{$order->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <form action="{{route("delivery.special_request.update", $order->id)}}" method="POST">
                                                            @csrf
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <h6>Pick-up Driver Name</h6>
                                                                    <input type="text" class="form-control" name="driver_name" value="{{$order->driver_name}}">
                                                                </div>
                                                                <div class="form-group">
                                                                    <h6>Pick-up Driver Phone Number</h6>
                                                                    <input type="text" class="form-control" name="phone_number" value="{{$order->driver_phone_number}}">
                                                                </div>
                                                                <hr>
                                                                <div class="form-group">
                                                                    <h6>Drop-off Driver Name</h6>
                                                                    <input type="text" class="form-control" name="second_driver_name" value="{{$order->second_driver_name}}">
                                                                </div>
                                                                <div class="form-group">
                                                                    <h6>Drop-off Driver Phone Number</h6>
                                                                    <input type="text" class="form-control" name="second_driver_phone_number" value="{{$order->second_driver_phone_number}}">
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                <button type="submit" class="btn btn-primary ">Save changes</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </td>
                                    @endif
                                </tr>
                            @endif
                            @endforeach
                            </tbody>
                        </table>
                        <div>
                            @if(!isset($search)) {{$orders->appends($_GET)->links("pagination::bootstrap-4")}} @endif

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

@endsection

@section("scripts")
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{asset("assets/js/plugins/jquery.dataTables.min.js")}}"></script>
    <script type="text/javascript" src="{{asset("assets/js/plugins/dataTables.bootstrap.min.js")}}"></script>
    <script type="text/javascript">$('#sampleTable').DataTable({
            "pageLength" : 100,
            "order": [[ 0, "desc" ]]
        });</script>
    <script>
        $("#FilterButton").on("click", function (){
            let  url = $(this).data("url"),
                activation = $("#Activation").val(),
                status = $("#Status").val()
            url = status ? `${url}/${status}` : url;
            url = activation ? `${url}?active=${activation}` : url;
            window.location = url
        });
    </script>
    <script type="text/javascript">
        $(".download-excel").click(function (e){
            e.preventDefault();

            let status = $("#status-filter option:selected").data("value");


            $(this).siblings("input[name='status']").val(status);


            $("#form-excel").submit();

        });
    </script>
    <script>
        $(".checked").on("click", function (){
            var id = $(this).data("id"),
                url = $(this).data("url");
            $("#from" + id).attr("disabled", "disabled");
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: "POST",
                url: url,
                data: {"id" : id, "status": 1},
                success: function( response ) {
                    // resolve (response);
                    // let data = JSON.parse(response);
                    let drop_off_status = response.data.drop_off_status;
                    if(drop_off_status){
                        $("#to" + id).removeAttr("disabled");
                    }

                },
                error : function (response) {
                    resolve(response);
                }
            });
        })

        $(".checked2").on("click", function (){
            var id = $(this).data("id"),
                url = $(this).data("url");
            $("#to" + id).attr("disabled", "disabled");
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: "POST",
                url: url,
                data: {"id" : id, "status": 2},
                success: function( response ) {
                    resolve (response);
                },
                error : function (response) {
                    resolve(response);
                }
            });
        })
    </script>


@endsection