@extends('layout.master')
@section('content')
    @php
        
        $actual_link = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http') . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
        $actual_link = parse_url($actual_link)['path'];
        $url_components = explode('/', $actual_link);
        
        //dd($url_components,end($url_components),prev($url_components));
        
        $id = base64_decode(end($url_components));
        $checkedInsurance = prev($url_components);
        
        $randomIdAll = rand() . 'all0121' . date('Y-m-d H:m:s');
        $randomIdAir = rand() . 'air02123123' . date('Y-m-d H:m:s');
        $randomIdSurface = rand() . 'surface03123123' . date('Y-m-d H:m:s');
        $randomIdSelf = rand() . 'self04123213123' . date('Y-m-d H:m:s');
        $randomIdB2BOrB2C = rand() . 'b2borb2cs04123213123' . date('Y-m-d H:m:s');
        $role = Auth::user()->role;
        
    @endphp

    <section class="content pb-5">
        <div class="container-fluid">
            <meta name="csrf-token" content="{!! csrf_token() !!}">

            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Select Courier Partner</p>
                    </div>
                </div>

            </div>


            <div class="row mt-2">
                <div class="col-md-2 col-6">
                    <div class="form-group custom-form-group">

                        <label class="form-label" for="customer">Pickup From</label>
                        <input class="form-control" placeholder="{{ @$orders['from_address']['pincode'] }}" type="text"
                            value="" style="pointer-events: none;">

                    </div>
                </div>

                <div class="col-md-2 col-6">
                    <div class="form-group custom-form-group">

                        <label class="form-label" for="customer">Delivered to</label>
                        <input class="form-control" placeholder="{{ @$orders['to_address']['pincode'] }}" type="text"
                            value="" style="pointer-events: none">

                    </div>
                </div>

                <div class="col-md-2 col-6">
                    <div class="form-group custom-form-group">
                        <label class="form-label" for="customer">Order Value in Rs.</label>
                        <input class="form-control" placeholder="{{ @$orders['cod_amount'] }}" type="text" value=""
                            style="pointer-events: none;">
                    </div>
                </div>

                <div class="col-md-2 col-6">
                    @php
                        if (isset($orders['product_details'])) {
                            $weight =  number_format((float)@$orders['product_details']['weight'],3);
                        } else {
                            $weight = number_format((float)@$orders['product_weight'],3);
                        }
                    @endphp
                    <div class="form-group custom-form-group">
                        <label class="form-label" for="customer">Applied Weight in kg</label>
                        <input class="form-control" placeholder="{{ number_format((float)@$orders['product_weight'],3) }}" type="text" value=""
                            style="pointer-events: none;">
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="row justify-content-end">
                        <div class="col-md-6 float-right">
                            <div class="form-group custom-form-group">
                                <label class="form-label" for="customer">Sort by</label>
                                <select class="form-control" name="lsp_shorting" id="lsp_shorting">
                                    <option value="">Select</option>
                                    <option value="cheapest">Cheapest</option>
                                    <option value="fastest">Fastest</option>
                                    <option value="rating">Rating</option>
                                    <option value="recommended">Recommended</option>
                                </select>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <ul class="nav nav-tabs lsp-tabs" id="myTab" role="tablist">
                        <li class="nav-item lsp-item">
                            <a class="nav-link lsp-link active" id="pickup-tab" data-toggle="tab" href="#pickup"
                                role="tab" aria-controls="pickup" aria-selected="true">All</a>
                        </li>
                        <li class="nav-item lsp-item">
                            <a class="nav-link lsp-link" id="delivery-tab" data-toggle="tab" href="#delivery" role="tab"
                                aria-controls="delivery" aria-selected="true">Air</a>
                        </li>
                        <li class="nav-item lsp-item">
                            <a class="nav-link lsp-link" id="reverse-tab" data-toggle="tab" href="#reverse" role="tab"
                                aria-controls="reverse" aria-selected="false">Surface</a>
                        </li>
                        <li class="nav-item lsp-item">
                            <a class="nav-link lsp-link" id="self-tab" data-toggle="tab" href="#self" role="tab"
                                aria-controls="self" aria-selected="false">Self-Fulfilled</a>
                        </li>
                    </ul>

                    <div class="tab-content lsp-tab-content" id="myTabContent">

                        <div class="tab-pane fade active show" id="pickup" role="tabpanel" aria-labelledby="pickup-tab">

                            <!-- </div> -->

                            <div class="row">
                                @php
                                    $lspNameArray = [];
                                    $lspType = [];
                                    //dd($orders['lsp_ratings']);
                                    
                                @endphp
                                
                                @foreach ($orders['lsp_ratings'] as $ratingKeys => $ratingValues)
                                    @if (!in_array(@$ratingValues['lspData']['name'], $lspNameArray) && $ratingValues['lspData'] != '')

                                        <div class="col-md-12 p-0">

                                            <div class="courier-radio">

                                            @php
                                                $randomIdAll = @$ratingValues['suraface_type'] == 'air' ? $randomIdAll.'air' : $randomIdAll.'surface';
                                            @endphp

                                                <input class="with-gap fill-gap" name="lspSelectionData" type="radio"
                                                    id="{{ $randomIdAll . '' . $ratingValues['lspData']['id'] }}"
                                                    value="{{ $ratingValues['lspData']['id'] }}"
                                                    data-name="{{ $ratingValues['total'] }}"
                                                    data-buisiness-type="{{ @$ratingValues['service_type'] == 'B2B' ? 'B2B' : 'B2C'}}"
                                                    {{ strtoupper(@$ratingValues['lspData']['name']) == 'MPCL' ? 'checked' : '' }}>

                                                <label for="{{ $randomIdAll . '' . $ratingValues['lspData']['id'] }}"
                                                    class="w-100 pl-0">

                                                    <div class="courier-card">
                                                        <div class="row">
                                                            <div class="col-md-2">
                                                                <div class="row align-items-center">
                                                                    <div class="col-md-8 col-5">
                                                                         @if(strtoupper(@$ratingValues['lspData']['name']) == 'MPCL')
                                                                        <div class="courier-header">
                                                                            <p>Recommended</p>
                                                                        </div>
                                                                         @endif
                                                                    </div>
                                                                    <div class="col-md-4 col-4">
                                                                       @if(@$ratingValues['suraface_type'] == 'air')
                                                                        <img src="{{ asset('assets/images/plane2.png') }}"
                                                                            alt="">
                                                                        @else
                                                                        <img src="{{ asset('assets/images/truck.png') }}"
                                                                        alt="">
                                                                        @endif
                                                                    </div>
                                                                </div>

                                                                <div class="courier-left">
                                                                    <div class="dash-img">
                                                                        @if(!empty(@$ratingValues['company_logo']))
                                                                        <img src="{{ @$ratingValues['company_logo'] }}"
                                                                            alt="">
                                                                        @else
                                                                        <img src="{{ asset('assets/images/logo-design.png') }}"
                                                                            alt="">
                                                                        @endif
                                                                    </div>
                                                                    <h6 class="mt-3">
                                                                        {{ @$ratingValues['lspData']['name'] }}  {{ @$ratingValues['service_type'] == 'B2B' ? 'B2B' : ''}}</h6>
                                                                    <p class="mb-0"><strong>
                                                                            {{ number_format((float)@$orders['product_weight'],3) }} kg | </strong>
                                                                        Min Weight
                                                                        {{ number_format((float)@$ratingValues['lspData']['min_weight'],3) }}kg</p>
                                                                </div>

                                                            </div>

                                                            <div class="col-md-7 border-right">
                                                                <div class="courier-center">
                                                                    <div class="row">
                                                                        <div class="col-md-2 text-center">
                                                                            <div class="progress-circle progress-25">
                                                                                <div class="progress-txt">
                                                                                    {{ 
                                                                                        @$ratingValues['ratings']['segmentedPickupRating'] == 0 ?  @$ratingValues['lspData']['pickup_performance'] :  @$ratingValues['ratings']['segmentedPickupRating'] 
                                                                                    }}
                                                                                </div>
                                                                            </div>
                                                                            <p>Pickup Performance</p>
                                                                        </div>

                                                                        <div class="col-md-2 text-center">
                                                                            <div class="progress-circle progress-25">
                                                                                <div class="progress-txt">
                                                                                    {{ @$ratingValues['ratings']['segmentedDeliverRating'] == 0 ?  @$ratingValues['lspData']['delivery_performance'] :  @$ratingValues['ratings']['segmentedDeliverRating'] }}
                                                                                </div>
                                                                            </div>
                                                                            <p>Delivery Performance</p>
                                                                        </div>

                                                                        <div class="col-md-2 text-center">
                                                                            <div class="progress-circle progress-27">
                                                                                <div class="progress-txt">

                                                                                     {{@$ratingValues['ratings']['segmentedNdrRating'] == 0 ?  @$ratingValues['lspData']['ndr_performance'] :  @$ratingValues['ratings']['segmentedNdrRating'] }}

                                                                                </div>
                                                                            </div>
                                                                            <p>NDR Performance</p>
                                                                        </div>

                                                                        <div class="col-md-2 text-center">
                                                                            <div class="progress-circle progress-28">
                                                                                <div class="progress-txt">

                                                                                    {{@$ratingValues['ratings']['segmentedRtoRating'] == 0 ?  @$ratingValues['lspData']['rto_performance'] :  @$ratingValues['ratings']['segmentedRtoRating'] }}

                                                                                </div>
                                                                            </div>
                                                                            <p>RTO Performance</p>
                                                                        </div>

                                                                        <div class="col-md-2 text-center">
                                                                            <div class="progress-circle progress-28">
                                                                                <div class="progress-txt">

                                                                                     {{@$ratingValues['ratings']['segmentedWdRating'] == 0 ?  @$ratingValues['lspData']['weight_cases'] :  @$ratingValues['ratings']['segmentedWdRating'] }}

                                                                                </div>
                                                                            </div>
                                                                            <p>Weight <br> Cases</p>
                                                                        </div>

                                                                        <div class="col-md-2 text-center">
                                                                            <div class="progress-circle progress-25">
                                                                                <div class="progress-txt">

                                                                                    {{@$ratingValues['ratings']['overAllRating'] == 0 ?  @$ratingValues['lspData']['overall_rating'] :  @$ratingValues['ratings']['overAllRating'] }}

                                                                                </div>
                                                                            </div>
                                                                            <p>Overall <br> Rating</p>
                                                                        </div>

                                                                    </div>

                                                                    <div class="border-bottom courier-border"></div>

                                                                    <div class="courier-text mt-3">
                                                                        <div class="row">
                                                                            <div class="col-md-5 col-12">
                                                                                <p>Call before delivery: <strong> Available
                                                                                    </strong></p>
                                                                            </div>
                                                                            <div class="col-md-2 col-12">
                                                                                <p>POD: <strong> Instant</strong></p>
                                                                            </div>
                                                                            <div class="col-md-5">
                                                                                <p>Delivery Boy Number: <strong> Not
                                                                                        Available </strong></p>
                                                                            </div>
                                                                            <div class="col-md-8">
                                                                                <p class="pb-0">Tracking Service:
                                                                                    <strong> Real Time </strong>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                </div>

                                                            </div>

                                                            <div class="col-md-3  pl-1 ml-1 pl-sm-0 ml-sm-0">
                                                                <div class="courier-right">
                                                                    <h3>Rs
                                                                        {{ number_format((float) @$ratingValues['total'], 2) }}
                                                                    </h3>
                                                                    <p class="mb-0">Freight Charges Rs. {{ number_format((float) @$ratingValues['total'], 2) }}</p>
                                                                    <p>COD Charges Rs. {{ number_format((float) @$ratingValues['cod_charges'], 2) }}</p>

                                                                    <span class="pt-3">Expected Pickup
                                                                        @if (@$products->lsp_pickup_scheduled_date == date('Y-m-d'))
                                                                            Today
                                                                        @elseif(@$products->lsp_pickup_scheduled_date == date('Y-m-d', strtotime('+1 day')))
                                                                            Tomorrow
                                                                        @else
                                                                            {{ @$products->lsp_pickup_scheduled_date }}
                                                                        @endif

                                                                    </span>
                                                                    <!-- <p class="mb-0" hidden>Estimated Delivery: <br> Jul
                                                                        23, 2022</p> -->
                                                                    <p class="mb-0"> <br> </p>
                                                                    <p><br></p>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endif

                                    @php
                                        array_push($lspNameArray, strtoupper(@$ratingValues['lspData']['name']));
                                        array_push($lspType, @$ratingValues['suraface_type']);
                                    @endphp
                                @endforeach

                                <div class="col-md-12">
                                    <div class="courier-btn mt-4">
                                        <button type="button" class="btn btn-primary ship_now_submit_data modal-close"
                                            data-toggle="modal" data-target="#courier" id="all_ship_now_button"
                                            onClick="shipNowSubmit('{{$id}}','Road')">Proceed</button>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="tab-pane fade" id="delivery" role="tabpane2" aria-labelledby="delivery-tab">



                            <div class="row">
                                @foreach ($orders['lsp_ratings_air'] as $ratingKeys => $ratingValues)

                                @if (!in_array(@$ratingValues['lspData']['name'], $lspNameArray) && $ratingValues['lspData'] != '')
                                   
                                    <div class="col-md-12 p-0">

                                        <div class="courier-radio">

                                            <input class="with-gap fill-gap" name="lspSelectionData" type="radio"
                                                id="{{ $randomIdAir . '' . @$ratingValues['lspData']['id'] }}"
                                                value="{{ @$ratingValues['lspData']['id'] }}"
                                                data-buisiness-type="{{ @$ratingValues['service_type'] == 'B2B' ? 'B2B' : 'B2C'}}"
                                                data-name="{{ @$ratingValues['total'] }}">

                                            <label for="{{ $randomIdAir . '' . @$ratingValues['lspData']['id'] }}"
                                                class="w-100 pl-0">

                                                <div class="courier-card">
                                                    <div class="row">
                                                        <div class="col-md-2">
                                                            <div class="row align-items-center">
                                                                <div class="col-md-8 col-5">
                                                                    @if(strtoupper(@$ratingValues['lspData']['name']) == 'MPCL')
                                                                    <div class="courier-header">
                                                                        <p>Recommended</p>
                                                                    </div>
                                                                    @endif
                                                                </div>
                                                                <div class="col-md-4 col-4">
                                                                    <img src="{{ asset('assets/images/plane2.png') }}"
                                                                        alt="">
                                                                </div>
                                                            </div>

                                                            <div class="courier-left">
                                                                <div class="dash-img">
                                                                    @if(!empty(@$ratingValues['company_logo']))
                                                                    <img src="{{ @$ratingValues['company_logo'] }}"
                                                                    alt="">
                                                                    @else
                                                                    <img src="{{ asset('assets/images/logo-design.png') }}"
                                                                    alt="">
                                                                    @endif
                                                                </div>
                                                                <h6 class="mt-3">{{ @$ratingValues['lspData']['name'] }} {{ @$ratingValues['service_type'] == 'B2B' ? 'B2B' : ''}}
                                                                </h6>
                                                                <p class="mb-0"><strong> {{ number_format((float)@$orders['product_weight'],3) }} kg | </strong> Min Weight {{ number_format((float)@$ratingValues['lspData']['min_weight'],3) }}kg
                                                                </p>
                                                                <p>RTO Charges: Rs 0.0</p>
                                                            </div>

                                                        </div>

                                                        <div class="col-md-7 border-right">
                                                            <div class="courier-center">
                                                                <div class="row">
                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-25">
                                                                            <div class="progress-txt">
                                                                                 {{ 
                                                                                        @$ratingValues['ratings']['segmentedPickupRating'] == 0 ?  @$ratingValues['lspData']['pickup_performance'] :  @$ratingValues['ratings']['segmentedPickupRating'] 
                                                                                    }}
                                                                            </div>
                                                                        </div>
                                                                        <p>Pickup Performance</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-25">
                                                                            <div class="progress-txt">
                                                                                 {{
                                                                                    @$ratingValues['ratings']['segmentedDeliverRating'] == 0 ? @$ratingValues['lspData']['delivery_performance'] :  @$ratingValues['ratings']['segmentedDeliverRating'] 
                                                                                }}
                                                                            </div>
                                                                        </div>
                                                                        <p>Delivery Performance</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-27">
                                                                            <div class="progress-txt">
                                                                                 {{
                                                                                    @$ratingValues['ratings']['segmentedNdrRating'] == 0 ? @$ratingValues['lspData']['ndr_performance'] :  @$ratingValues['ratings']['segmentedNdrRating'] }}
                                                                            </div>
                                                                        </div>
                                                                        <p>NDR Performance</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-28">
                                                                            <div class="progress-txt">
                                                                                 {{
                                                                                    @$ratingValues['ratings']['segmentedRtoRating'] == 0 ?  @$ratingValues['lspData']['rto_performance'] :  @$ratingValues['ratings']['segmentedRtoRating'] }}
                                                                            </div>
                                                                        </div>
                                                                        <p>RTO Performance</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-28">
                                                                            <div class="progress-txt">
                                                                                 {{@$ratingValues['ratings']['segmentedWdRating'] == 0 ?  @$ratingValues['lspData']['weight_cases'] :  @$ratingValues['ratings']['segmentedWdRating'] }}
                                                                            </div>
                                                                        </div>
                                                                        <p>Weight <br> Cases</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-25">
                                                                            <div class="progress-txt">
                                                                               {{@$ratingValues['ratings']['overAllRating'] == 0 ?  @$ratingValues['lspData']['overall_rating'] :  @$ratingValues['ratings']['overAllRating'] }}
                                                                            </div>
                                                                        </div>
                                                                        <p>Overall <br> Rating</p>
                                                                    </div>

                                                                </div>

                                                                <div class="border-bottom courier-border"></div>

                                                                <div class="courier-text mt-3">
                                                                    <div class="row">
                                                                        <div class="col-md-5 col-12">
                                                                            <p>Call before delivery: <strong> Available
                                                                                </strong></p>
                                                                        </div>
                                                                        <div class="col-md-2 col-12">
                                                                            <p>POD: <strong> Instant</strong></p>
                                                                        </div>
                                                                        <div class="col-md-5">
                                                                            <p>Delivery Boy Number: <strong> Not Available
                                                                                </strong></p>
                                                                        </div>
                                                                        <div class="col-md-8">
                                                                            <p class="pb-0">Tracking Service: <strong>
                                                                                    Real Time </strong></p>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>

                                                        </div>

                                                        <div class="col-md-3  pl-1 ml-1 pl-sm-0 ml-sm-0">
                                                            <div class="courier-right">
                                                                <h3>Rs
                                                                    {{ number_format((float) @$ratingValues['total'], 2) }}
                                                                </h3>
                                                                <p class="mb-0">Freight Charges Rs. {{ number_format((float) @$ratingValues['total'], 2) }}</p>
                                                                <p>COD Charges Rs. {{number_format((float) @$ratingValues['cod_charges'], 2)}}</p>

                                                                <span class="pt-3">Expected Pickup
                                                                    @if (@$products->lsp_pickup_scheduled_date == date('Y-m-d'))
                                                                        Today
                                                                    @elseif(@$products->lsp_pickup_scheduled_date == date('Y-m-d', strtotime('+1 day')))
                                                                        Tomorrow
                                                                    @else
                                                                        {{ @$products->lsp_pickup_scheduled_date }}
                                                                    @endif

                                                                </span>
                                                               <!--  <p class="mb-0" hidden>Estimated Delivery: <br> Jul 23,
                                                                    2022</p> -->
                                                                <p class="mb-0"> <br> </p>
                                                                <p><br></p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                    @endif
                                @endforeach




                                <div class="col-md-12">
                                    <div class="courier-btn mt-4">
                                        <button type="button" class="btn btn-primary modal-close" data-toggle="modal"
                                            data-target="#courier" id="ship_now_air_button"
                                            onClick="shipNowSubmit(,'Air')">Proceed</button>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="tab-pane fade" id="reverse" role="tabpane3" aria-labelledby="reverse-tab">

                            <div class="row">
                                @foreach ($orders['lsp_ratings_surface'] as $ratingKeys => $ratingValues)

                                     @if (!in_array(@$ratingValues['lspData']['name'], $lspNameArray) && $ratingValues['lspData'] != '')
                                   
                                    <div class="col-md-12 p-0">

                                        <div class="courier-radio">

                                            <input class="with-gap fill-gap" name="lspSelectionData" type="radio"
                                                id="{{ $randomIdSurface . '' . @$ratingValues['lspData']['id'] }}"
                                                value="{{ @$ratingValues['lspData']['id'] }}"
                                                data-buisiness-type="{{ @$ratingValues['service_type'] == 'B2B' ? 'B2B' : 'B2C'}}"
                                                data-name="{{ @$ratingValues['total'] }}">

                                            <label for="{{ $randomIdSurface . '' . @$ratingValues['lspData']['id'] }}"
                                                class="w-100 pl-0">

                                                <div class="courier-card">
                                                    <div class="row">
                                                        <div class="col-md-2">
                                                            <div class="row align-items-center">
                                                                <div class="col-md-8 col-5">
                                                                    @if(strtoupper(@$ratingValues['lspData']['name']) == 'MPCL')
                                                                    <div class="courier-header">
                                                                        <p>Recommended</p>
                                                                    </div>
                                                                    @endif
                                                                </div>
                                                                <div class="col-md-4 col-4">
                                                                    <img src="{{ asset('assets/images/truck.png') }}"
                                                                        alt="">
                                                                </div>
                                                            </div>

                                                            <div class="courier-left">
                                                                <div class="dash-img">
                                                                    @if(!empty(@$ratingValues['company_logo']))
                                                                    <img src="{{ @$ratingValues['company_logo'] }}"
                                                                    alt="">
                                                                    @else
                                                                    <img src="{{ asset('assets/images/logo-design.png') }}"
                                                                    alt="">
                                                                    @endif
                                                                </div>
                                                                <h6 class="mt-3">{{ @$ratingValues['lspData']['name'] }} {{ @$ratingValues['service_type'] == 'B2B' ? 'B2B' : ''}}
                                                                </h6>
                                                                <p class="mb-0"><strong> {{ number_format((float)@$orders['product_weight'],2) }} kg | </strong> Min Weight {{ number_format((float)@$ratingValues['lspData']['min_weight']) }}kg
                                                                </p>
                                                            </div>

                                                        </div>

                                                        <div class="col-md-7 border-right">
                                                            <div class="courier-center">
                                                                <div class="row">
                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-25">
                                                                            <div class="progress-txt">
                                                                                {{ 
                                                                                        @$ratingValues['ratings']['segmentedPickupRating'] == 0 ? @$ratingValues['lspData']['pickup_performance'] :  @$ratingValues['ratings']['segmentedPickupRating'] 
                                                                                    }}
                                                                            </div>
                                                                        </div>
                                                                        <p>Pickup Performance</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-25">
                                                                            <div class="progress-txt">
                                                                                {{
                                                                                    @$ratingValues['ratings']['segmentedDeliverRating'] == 0 ?  @$ratingValues['lspData']['delivery_performance'] :  @$ratingValues['ratings']['segmentedDeliverRating'] 
                                                                                }}
                                                                            </div>
                                                                        </div>
                                                                        <p>Delivery Performance</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-27">
                                                                            <div class="progress-txt">
                                                                                 {{
                                                                                    @$ratingValues['ratings']['segmentedNdrRating'] == 0 ?  @$ratingValues['lspData']['ndr_performance'] :  @$ratingValues['ratings']['segmentedNdrRating'] }}
                                                                            </div>
                                                                        </div>
                                                                        <p>NDR Performance</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-28">
                                                                            <div class="progress-txt">
                                                                               {{
                                                                                    @$ratingValues['ratings']['segmentedRtoRating'] == 0 ?  @$ratingValues['lspData']['rto_performance'] :  @$ratingValues['ratings']['segmentedRtoRating'] }}
                                                                            </div>
                                                                        </div>
                                                                        <p>RTO Performance</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-28">
                                                                            <div class="progress-txt">
                                                                                {{@$ratingValues['ratings']['segmentedWdRating'] == 0 ?  @$ratingValues['lspData']['weight_cases'] :  @$ratingValues['ratings']['segmentedWdRating'] }}
                                                                            </div>
                                                                        </div>
                                                                        <p>Weight <br> Cases</p>
                                                                    </div>

                                                                    <div class="col-md-2 text-center">
                                                                        <div class="progress-circle progress-25">
                                                                            <div class="progress-txt">
                                                                                 {{@$ratingValues['ratings']['overAllRating'] == 0 ?  @$ratingValues['lspData']['overall_rating'] :  @$ratingValues['ratings']['overAllRating'] }}
                                                                            </div>
                                                                        </div>
                                                                        <p>Overall <br> Rating</p>
                                                                    </div>

                                                                </div>

                                                                <div class="border-bottom courier-border"></div>

                                                                <div class="courier-text mt-3">
                                                                    <div class="row">
                                                                        <div class="col-md-5 col-12">
                                                                            <p>Call before delivery: <strong> Available
                                                                                </strong></p>
                                                                        </div>
                                                                        <div class="col-md-2 col-12">
                                                                            <p>POD: <strong> Instant</strong></p>
                                                                        </div>
                                                                        <div class="col-md-5">
                                                                            <p>Delivery Boy Number: <strong> Not Available
                                                                                </strong></p>
                                                                        </div>
                                                                        <div class="col-md-8">
                                                                            <p class="pb-0">Tracking Service: <strong>
                                                                                    Real Time </strong></p>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>

                                                        </div>

                                                        <div class="col-md-3  pl-1 ml-1 pl-sm-0 ml-sm-0">
                                                            <div class="courier-right">
                                                                <h3>Rs
                                                                    {{ number_format((float) @$ratingValues['total'], 2) }}
                                                                </h3>
                                                                <p class="mb-0">Freight Charges Rs. {{ number_format((float) @$ratingValues['total'], 2) }}</p>
                                                                <p>COD Charges Rs. {{ number_format((float) @$ratingValues['cod_charges'], 2) }}</p>

                                                                <span class="pt-3">Expected Pickup
                                                                    @if (@$products->lsp_pickup_scheduled_date == date('Y-m-d'))
                                                                        Today
                                                                    @elseif(@$products->lsp_pickup_scheduled_date == date('Y-m-d', strtotime('+1 day')))
                                                                        Tomorrow
                                                                    @else
                                                                        {{ @$products->lsp_pickup_scheduled_date }}
                                                                    @endif

                                                                </span>
                                                                <!-- <p class="mb-0" hidden>Estimated Delivery: <br> Jul 23,
                                                                    2022</p> -->
                                                                <p class="mb-0"> <br> </p>
                                                                <p><br></p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                    @endif
                                @endforeach


                                <div class="col-md-12">
                                    <div class="courier-btn mt-4">
                                        <button type="button" class="btn btn-primary modal-close" data-toggle="modal"
                                            data-target="#courier" id="ship_now_suraface_button"
                                            onClick="shipNowSubmit(,'Road')">Proceed</button>
                                    </div>
                                </div>

                            </div>

                        </div>


                        <!-- ===================== -->

                        <div class="tab-pane fade" id="self" role="tabpane4" aria-labelledby="self-tab">
                            <form id="self-fullfilled" method="post" autocomplete="off">
                                @csrf
                                <input type="hidden" name="tab" value="self-fullfilled" />
                                <input type="hidden" name="product_id"
                                    value="{{ isset($orders['product_id']) ? $orders['product_id'] : null }}" />
                                <input type="hidden" name="order_id"
                                    value="{{ isset($orders['order_details']['id']) ? $orders['order_details']['id'] : null }}" />
                                <div class="title-section">
                                    <p>self-fullfilled Details</p>
                                    @php
                                        $buyerDetails = isset($orders['order_details']['buyers_json_data']) ? json_decode($orders['order_details']['buyers_json_data'])->buyers_details->users_details : '';
                                        $buyerAddress = isset($orders['order_details']['buyers_json_data']) ? json_decode($orders['order_details']['buyers_json_data'])->buyers_details->user_address : '';
                                        // $sellerAddress = isset($orders['order_details']['others_json_data']) ? json_decode($orders['order_details']['others_json_data'])->seller_details->seller_address : '';
                                    @endphp
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>From Address</label>
                                        <input class="form-control" name="from_address" type="text" id="from_address"
                                            value="{{ isset($orders['from_address']['address']) ? $orders['from_address']['address'] : '' }}"
                                            readonly>
                                        <span id="from_address_err" class="text-danger"></span>
                                    </div>
                                    <div class="col-md-4">
                                        <label>From Contact</label>
                                        <input class="form-control AllowNumeric" name="from_contact" type="text"
                                            id="from_contact" value="{{ $orders['order_details']['from_contact'] }}"
                                            readonly>
                                        <span id="from_contact_err" class="text-danger"></span>
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>To Address</label>
                                        <input class="form-control" name="to_address" type="text" id="to_address"
                                            value="{{ isset($buyerAddress->address) ? $buyerAddress->address : '' }}"
                                            readonly>
                                        <span id="to_address_err" class="text-danger"></span>
                                    </div>
                                    <div class="col-md-4">
                                        <label>To Contact</label>
                                        <input class="form-control AllowNumeric" name="to_contact" type="text"
                                            id="to_contact"
                                            value="{{ isset($buyerDetails->mobile_number) ? $buyerDetails->mobile_number : '' }}"
                                            readonly>
                                        <span id="to_contact_err" class="text-danger"></span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>Name</label>
                                        <input class="form-control" name="name" type="text" id="name"
                                            value="{{ old('name') }}">
                                        <span id="name_err" class="text-danger"></span>
                                    </div>
                                    <div class="col-md-4">
                                        <label>Mobile Number</label>
                                        <input class="form-control AllowNumeric" name="mobile_number" type="text"
                                            id="mobile_number" value="{{ old('mobile_number') }}">
                                        <span id="mobile_number_err" class="text-danger"></span>
                                    </div>
                                    <div class="col-md-4">
                                        <label>Vehicle Details</label>
                                        <input class="form-control" name="vehicle_details" type="text"
                                            id="vehicle_details" value="{{ old('vehicle_details') }}">
                                        <span id="vehicle_details_err" class="text-danger"></span>
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customer">&nbsp;</label> <br>
                                            <button type="submit" class="btn btn-danger btn-block">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="col-md-12 isInsuredDiv">
                            <div class="form-group custom-form-group mt-2">
                                <input class="filled-in fill-check" name="is_insure" type="checkbox" id="is_insured"
                                    value="{{ old('is_insured') }}">
                                <label class="order-label" for="is_insured">Is Insured</label>
                            </div>
                        </div>

                        <!-- ======================= -->

                    </div>

                    <!-- tab-content  -->


                </div>

            </div>

            <!-- </div> -->



            <div class="modal fade" id="courier" tabindex="-1" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <input type="hidden" id="ship_now_sku_id">
                <input type="hidden" id="transition_mode_ship_now">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">

                        <div class="modal-body courier-popup">
                            <div class="row">
                                <div class="col-md-8">
                                    <h3>Shipping Summary</h3>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <span> <strong></strong> </span>
                                        </div>
                                        <div class="col-md-6">
                                            <span><strong></strong> </span>
                                        </div>

                                        <div class="col-md-12 mt-3">
                                            <span> <strong> What next </strong> </span>
                                            <p>Important steps to follow ship your order</p>
                                        </div>
                                    </div>

                                </div>

                                <div class="col-md-4">
                                    <h3></h3>
                                    <p></p>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-3">
                                    <p>Pack your products property with the invoice inside.</p>

                                    <div class="text-center">
                                        <div class="step">
                                            <img src="{{ asset('assets/images/step-1.png') }}" alt="">
                                        </div>
                                        <h6>Step 1</h6>
                                    </div>

                                </div>

                                <div class="col-md-3">
                                    <p>Download shipping label and pass it on the package</p>

                                    <div class="text-center">
                                        <div class="step">
                                            <img src="{{ asset('assets/images/step-2.png') }}" alt="">
                                        </div>
                                        <h6>Step 2</h6>
                                    </div>

                                </div>

                                <div class="col-md-3">
                                    <p>Generate pickup and download manifest for your order</p>

                                    <div class="text-center">
                                        <div class="step">
                                            <img src="{{ asset('assets/images/step-3.png') }}" alt="">
                                        </div>
                                        <h6>Step 3</h6>
                                    </div>

                                </div>

                                <div class="col-md-3">
                                    <p>Wait for the pickup and handover your shipment for delivery</p>

                                    <div class="text-center">
                                        <div class="step">
                                            <img src="{{ asset('assets/images/step-4.png') }}" alt="">
                                        </div>
                                        <h6>Step 4</h6>
                                    </div>

                                </div>

                                <div class="col-md-12 mt-5 text-center">
                                    <button type="button" class="btn btn-primary" onClick="shipNowPickup('shipnow')">
                                        Ship Now</button>
                                    <button type="button" class="btn btn-primary modal-close" data-toggle="modal"
                                        data-target="#schedule-lator" onClick="shipNowPickup('shipLater')">Ship
                                        Later</button>
                                </div>

                            </div>

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


            <div class="modal fade" id="schedule-lator" tabindex="-1" role="dialog"
                aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Expected Pickup Date</h5>
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form>
                                <input type="hidden" id="awb_number_expected">
                                <input type="hidden" id="order_id" value="{{ @$orders['products'] }}">
                                <div class="form-group">
                                    <label for="expected_date" class="col-form-label">Expected Date</label>
                                    <input type="date" class="form-control" id="expected_date-name"
                                        onchange="dateEnable()" min="2025-12-16"
                                        onkeydown="return false">
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary dissable-button"
                                id="scheduleLatorSubmit">Schedule</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="payment_type" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Payment Type</h5>
                           <!--  <span><strong>Wallet Balance Rs: </strong>
                               
                            </span> -->
                            <span><strong>Credit Limit Rs :</strong>
                                <p>{{ Auth::user()->credit_limit }}</p>
                            </span>
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form>
                                <input type="hidden" id="awb_number_expected">
                                <div class="form-group">

                                    <input class="filled-in fill-check" name="default_wallet_check" type="checkbox" id="default_wallet_check"
                                    value="{{ old('default_wallet_check') }}">

                                    <label class="order-label" for="default_wallet_check"><strong>Want to make payment from wallet</strong></label>
                                </br> </br> </br>

                                <label class="order-label"><span><strong>Current Balance : </strong><span>Rs. {{ Auth::user()->wallet_amount }}</label>

                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" id="paymentMethodSubmit"
                                onclick="paymentMethod()">Proceed</button>
                        </div>
                    </div>
                </div>
            </div>



            <div class="modal fade" id="agent_declared_amount" tabindex="-1" role="dialog"
                aria-labelledby="agent_declared_amountModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="agent_declared_amountModalLabel">Declared Amount</h5>
                        </div>
                        <div class="modal-body">
                            <form>
                                <div class="form-group">
                                    <input type="number" class="form-control agent_declared_value"
                                        id="agent_declared_value" name="agent_declared_value" required>
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" id="agentDeclaredAmountSubmit"
                                onclick="agentDeclaredAmount()">Submit</button>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <style type="text/css">
        .dissable-button {
            pointer-events: none;
        }
    </style>

    <script>

        let declared_value = '';
        let skuOrderIds = '';
        let checkedInsurance = '';
        let ref_page = '';
        let isShipmentSecuired = ''
        let isSecuiredShipment = '';

        let userWalletAmount = "{{ Auth::user()->wallet_amount }} ";
        let creditLimitAmount = "{{ Auth::user()->credit_limit }} ";
        let isUserPostPaidEnabled = "{{ Auth::user()->is_postpaid == 'yes' ? 'yes' : 'no' }}";
        
        $(function () {
            if (checkedInsurance == 'yes') {
                $("#is_insured").prop('checked', true);
            } else {
                $("#is_insured").prop('checked', false);
            }
        })

        //alert(skuOrderIds);
        let skuIds = '';
        let lspDatas = '';
        let totalCharges = 0;
        let buisinessType = 'B2C';


        function agentDeclaredAmount() {

            let isInsured = $('#is_insured').val();
            let agentDeclaredAmount = $("input[name='agent_declared_value']").val();
            if (skuOrderIds) {
                jQuery.ajax({
                    url: "{{ route('agent-declared-value-save') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        skuOrderIds: skuOrderIds,
                        isInsured: isInsured,
                        agentDeclaredAmount: agentDeclaredAmount
                    },

                    success: function(data) {

                        if (data.success == false) {

                            swal({
                                icon: 'warning',
                                title: "Warning",
                                text: 'Declared value is not saved.',
                                type: "warning",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            });
                            return;
                        }

                        if (data.success == true) {


                            swal({
                                    icon: 'success',
                                    title: "Success",
                                    text: 'Declared value has been saved.',
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    $('#agent_declared_amount').modal('hide');
                                    window.location.href = '{{ url('agent/ship-now') }}/' + isInsured +
                                        '/' + btoa(skuOrderIds);
                                }
                            );

                            return;
                        }
                    }

                });

                return;

            }

        }

        function paymentMethod() {

            let skuIdsf = $('#ship_now_sku_id').val();
            let transitionModes = $('#transition_mode_ship_now').val();

            let skuId = skuIdsf;
            let lspDataId = $("input[type='radio'][name='lspSelectionData']:checked").val();

            totalCharges = $("input[type='radio'][name='lspSelectionData']:checked").data('name');
            buisinessType = $("input[type='radio'][name='lspSelectionData']:checked").data('buisiness-type');

            skuIds = skuIdsf;
            lspDatas = lspDataId;


            let lspData = lspDatas;
            let amount = totalCharges;
            let isInsured = $('#is_insured').val();
            let orderId = $('#order_id').val();
            let paymentTypeMode = $("input[type='radio'][name='payment_type_mode']:checked").val();
            let defaultWalletChecked = $('#default_wallet_check').is(':checked'); 

            //alert(paymentTypeMode);

            //alert(totalCharges);

            if (skuId) {
                jQuery.ajax({
                    url: "{{ route('lsp-charge-deduction') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        skuId: skuId,
                        lspDataId: lspData,
                        amount: amount,
                        isInsured: isInsured,
                        orderId: orderId,
                        paymentTypeMode: isUserPostPaidEnabled,
                        buisinessType: buisinessType,
                        defaultWalletChecked: defaultWalletChecked,
                    },

                    success: function(data) {

                        if (data.success == false && data.message == 'user_kyc_not_verified') {

                            swal({
                                    icon: 'warning',
                                    title: "KYC is not verified.",
                                    text: 'KYC is not verified.',
                                    type: "warning",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    let kyc = 'yes';
                                    window.location.href = '{{ url('/profile') }}?kyc=' + kyc;
                                }
                            );

                            return;

                        }

                         if (data.success == false && data.message == 'select_lsp') {

                            swal({
                                    icon: 'warning',
                                    title: "Please select lsp.",
                                    text: 'Please select lsp.',
                                    type: "warning",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                });

                            return;

                        }

                        if (data.success == false && data.message == 'recharge') {


                            swal({
                                    icon: 'warning',
                                    title: "Proceed with prepaid",
                                    text: 'Please recharge your wallet and proceed with prepaid.',
                                    type: "warning",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    let wallet = 'yes';
                                    window.location.href = '{{ url('/wallet') }}?wallet=' + wallet;
                                }
                            );

                            return;

                        }

                        if (data.success == false && data.message == 'prepaid') {


                            swal({
                                icon: 'warning',
                                title: "Prepaid",
                                text: 'Your credit Limit is low please select prepaid for booking.',
                                type: "warning",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            });

                            return;

                        }

                        if (data.success == false && data.message == 'recharge_wallet') {


                            swal({
                                    icon: 'warning',
                                    title: "Recharge wallet",
                                    text: 'Your wallet balance is low recharge your wallet.',
                                    type: "warning",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    let wallet = 'yes';
                                    window.location.href = '{{ url('/wallet') }}?wallet=' + wallet;
                                }
                            );

                            return;

                        }

                        if (data.success == true && data.message == 'postpaid_done') {
                            if (ref_page == 'agent') {

                                shipNowPickup('shipnow');

                            } else {

                                swal({
                                    icon: 'success',
                                    title: "Payment",
                                    text: 'Amount Deducted.',
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                }, function() {
                                    $('#payment_type').modal('hide');

                                    $('#courier').modal({
                                        backdrop: 'static',
                                        keyboard: false
                                    });

                                    

                                    // $('#courier').modal({
                                    //     backdrop: 'static',
                                    //     keyboard: false
                                    // });
                                });

                            }
                            return;

                        }
                        if (data.success == true && data.message == 'prepaid_done') {


                            if (ref_page == 'agent') {

                                shipNowPickup('shipnow');

                            } else {

                                swal({
                                    icon: 'success',
                                    title: "Payment",
                                    text: 'Amount Deducted.',
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                }, function() {
                                    $('#payment_type').modal('hide');
                                    $('#courier').modal({
                                        backdrop: 'static',
                                        keyboard: false
                                    });
                                });

                            }
                            return;
                        }
                    }

                });

                return;

            }

            return;

        }

        function dateEnable() {

            let dateVal = $('#expected_date-name').val();
            if (dateVal) {
                return $('#scheduleLatorSubmit').removeClass('dissable-button');
            } else {
                return $('#scheduleLatorSubmit').addClass('dissable-button');
            }

        }
        

        function shipNowPickup(buttonType) {

            let skuId = $('#ship_now_sku_id').val();
            let transitionMode = $('#transition_mode_ship_now').val();
            let lspDataId = $("input[type='radio'][name='lspSelectionData']:checked").val();
            let shipNow = buttonType;
            let amount = totalCharges;
            let isInsurance = $('#is_insured').is(":checked") ? 'yes' : 'no';

            buisinessType = $("input[type='radio'][name='lspSelectionData']:checked").data('buisiness-type');

            if (skuId) {
                jQuery.ajax({
                    url: "{{ route('ship-with-lsp') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        skuId: skuId,
                        lspDataId: lspDataId,
                        transitionMode: transitionMode,
                        shipNow: shipNow,
                        amount: amount,
                        isInsurance: isInsurance,
                        buisinessType:  buisinessType
                    },

                    success: function(data) {
                        
                        $('#custum-loader').addClass('hidden');
                        $('#courier').modal('hide');
                        if(typeof(data) != 'object'){
                            if(data.match("cURL")){
                                console.log("in curl error");
                                jQuery.ajax({
                                    url: "{{route('amount-refunded')}}",
                                    type: "POST",
                                    data: {
                                        _token: "{{ csrf_token() }}",
                                        skuId : skuId,
                                        amount : amount 
                                    },
                                    success: function(data) {
                                        swal({
                                        icon: 'warning',
                                        title: "Something went wrong! Docket not generated",
                                        text: 'Your Amount is refunded',
                                        type: "warning",

                                        closeOnConfirm: true,
                                        showLoaderOnConfirm: true,
                                    });

                                    }
                                })
                                
                                return;
                            }
                        }
                        
                        if (!data.success) {

                            if (data.data == 'kycNotVerified') {

                                swal({
                                        icon: 'warning',
                                        title: "KYC is not verified.",
                                        text: 'KYC is not verified.',
                                        type: "warning",

                                        closeOnConfirm: true,
                                        showLoaderOnConfirm: true,
                                    },
                                    function() {
                                        let kyc = 'yes';
                                        window.location.href = '{{ url('/profile') }}?kyc=' + kyc;
                                    }
                                );

                                return;
                            }



                            swal({
                                icon: 'warning',
                                title: "Docket number creation failed.",
                                text: 'Docket number creation failed.',
                                type: "warning",

                                closeOnConfirm: false,
                                showLoaderOnConfirm: false,
                            });

                            return;
                        }
                        if (data.success && data.docket_no) {
                            console.log("inside success");
                            $('#awb_number_expected').val(data.docket_no);
                            swal({
                                    icon: 'success',
                                    title: "Docket number created successfully.",
                                    text: 'Docket Number : ' + data.docket_no,
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {

                                    let manifest = 'on';
                                    if (buttonType == 'shipnow') {
                                        var role = '{{ $role }}';
                                        if (role == 'agent') {
                                            window.location.href = '{{ url('/agent/all-booking') }}';
                                        } else {
                                            window.location.href = '{{ url('/orders/all') }}?manifest=' +
                                                manifest;
                                        }

                                    } else {

                                        $('#courier').modal('hide');
                                        //$('#schedule-lator').modal('show');
                                        $('#schedule-lator').modal({
                                            backdrop: 'static',
                                            keyboard: false
                                        })

                                        return;

                                    }

                                }
                            );

                            return;
                        }
                    }

                });

                $('#courier').modal('hide');
                $('#custum-loader').addClass('hidden');

                return;

            }
        }

        //Ship Now Button Submit

        function shipNowSubmit(sku_id, transitionMode) {

            $('#ship_now_sku_id').val(sku_id);
            $('#transition_mode_ship_now').val(transitionMode);

            if(isUserPostPaidEnabled == 'yes' && userWalletAmount > 0){

                $('#payment_type').modal({
                    backdrop: 'static',
                    keyboard: false
                });

                return;

            }

          


            let skuId = sku_id;
            let lspDataId = $("input[type='radio'][name='lspSelectionData']:checked").val();

            totalCharges = $("input[type='radio'][name='lspSelectionData']:checked").data('name');
            buisinessType = $("input[type='radio'][name='lspSelectionData']:checked").data('buisiness-type');

            skuIds = skuId;
            lspDatas = lspDataId;


            let lspData = lspDatas;
            let amount = totalCharges;
            let isInsured = $('#is_insured').val();
            let orderId = $('#order_id').val();
            let paymentTypeMode = $("input[type='radio'][name='payment_type_mode']:checked").val();

            //alert(paymentTypeMode);

            //alert(totalCharges);

            if (skuId) {
                jQuery.ajax({
                    url: "{{ route('lsp-charge-deduction') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        skuId: skuId,
                        lspDataId: lspData,
                        amount: amount,
                        isInsured: isInsured,
                        orderId: orderId,
                        paymentTypeMode: isUserPostPaidEnabled,
                        buisinessType: buisinessType
                    },

                    success: function(data) {

                        if (data.success == false && data.message == 'user_kyc_not_verified') {

                            swal({
                                    icon: 'warning',
                                    title: "KYC is not verified.",
                                    text: 'KYC is not verified.',
                                    type: "warning",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    let kyc = 'yes';
                                    window.location.href = '{{ url('/profile') }}?kyc=' + kyc;
                                }
                            );

                            return;

                        }

                         if (data.success == false && data.message == 'select_lsp') {

                            swal({
                                    icon: 'warning',
                                    title: "Please select lsp.",
                                    text: 'Please select lsp.',
                                    type: "warning",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                });

                            return;

                        }

                        if (data.success == false && data.message == 'recharge') {


                            swal({
                                    icon: 'warning',
                                    title: "Proceed with prepaid",
                                    text: 'Please recharge your wallet and proceed with prepaid.',
                                    type: "warning",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    let wallet = 'yes';
                                    window.location.href = '{{ url('/wallet') }}?wallet=' + wallet;
                                }
                            );

                            return;

                        }

                        if (data.success == false && data.message == 'prepaid') {


                            swal({
                                icon: 'warning',
                                title: "Prepaid",
                                text: 'Your credit Limit is low please select prepaid for booking.',
                                type: "warning",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            });

                            return;

                        }

                        if (data.success == false && data.message == 'recharge_wallet') {


                            swal({
                                    icon: 'warning',
                                    title: "Recharge wallet",
                                    text: 'Your wallet balance is low recharge your wallet.',
                                    type: "warning",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    let wallet = 'yes';
                                    window.location.href = '{{ url('/wallet') }}?wallet=' + wallet;
                                }
                            );

                            return;

                        }

                        if (data.success == true && data.message == 'postpaid_done') {
                            if (ref_page == 'agent') {

                                shipNowPickup('shipnow');

                            } else {

                                swal({
                                    icon: 'success',
                                    title: "Payment",
                                    text: 'Amount Deducted.',
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                }, function() {
                                    $('#payment_type').modal('hide');

                                    $('#courier').modal({
                                        backdrop: 'static',
                                        keyboard: false
                                    });

                                    

                                    // $('#courier').modal({
                                    //     backdrop: 'static',
                                    //     keyboard: false
                                    // });
                                });

                            }
                            return;

                        }
                        if (data.success == true && data.message == 'prepaid_done') {


                            if (ref_page == 'agent') {

                                shipNowPickup('shipnow');

                            } else {

                                swal({
                                    icon: 'success',
                                    title: "Payment",
                                    text: 'Amount Deducted.',
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                }, function() {
                                    $('#payment_type').modal('hide');
                                    $('#courier').modal({
                                        backdrop: 'static',
                                        keyboard: false
                                    });
                                });

                            }
                            return;
                        }
                    }

                });

                return;

            }
            if (ref_page == 'agent') {
                paymentMethod();
            } else {
                $('#payment_type').modal({
                    backdrop: 'static',
                    keyboard: false
                });
            }



            return;
        }

        $(document).ready(function() {
            // removing localStorage variable
            const urlParams = new URLSearchParams(window.location.search);
            const queryString = urlParams.get('sortby');
            if(queryString === null){
                console.log("inside");
                localStorage.removeItem('sortby');
            }
            $("#is_insured").click(function(e) {

                $('#custum-loader').removeClass('hidden');
                var insuredChecked = $('#is_insured').is(":checked") ? 'yes' : 'no';
                $('#is_insured').val(insuredChecked);
                $('#custum-loader').addClass('hidden');

                if (ref_page == "agent") {

                    if (insuredChecked == "yes") {
                        $('#agent_declared_value').val(declared_value);
                        $('#agent_declared_amount').modal({
                            keyboard: true
                        });
                    } else {
                        window.location.href = '{{ url('agent/ship-now') }}/' + insuredChecked + '/' +
                            btoa(skuOrderIds);
                    }

                } else {
                    window.location.href = '{{ url('ship-now') }}/' + insuredChecked + '/' + btoa(
                        skuOrderIds);
                }

            });

            //$('#schedule-lator').modal({backdrop: 'static', keyboard: false})  

            $("#lsp_shorting").on("change", function(e) {

                let sortValue = $(this).val();
                var insuredChecked = $('#is_insured').is(":checked") ? 'yes' : 'no';
                $('#is_insured').val(insuredChecked);
                $('#custum-loader').removeClass('hidden');

                if (sortValue) {
                    localStorage.setItem("sortby", sortValue);
                    window.location.href = '{{ url('ship-now') }}/' + insuredChecked + '/' +btoa(skuOrderIds)+'?sortby=' + sortValue;

                }

            });

            let sortVal = localStorage.getItem("sortby");
            if(sortVal){
                console.log(sortVal);
                $("#lsp_shorting option[value='" + sortVal+ "']").prop("selected", true);
            }
            

            $("#scheduleLatorSubmit").on("click", function(e) {

                let docketNo = $('#awb_number_expected').val();
                let expectedPickupTime = $('#expected_date-name').val();

                $('#custum-loader').removeClass('hidden');

                if (docketNo) {
                    jQuery.ajax({
                        url: "{{ route('update-expected-pickup-date') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            docketNo: docketNo,
                            expectedPickupTime: expectedPickupTime
                        },

                        success: function(data) {
                            $('#custum-loader').addClass('hidden');
                            let readytoShip = 'on';
                            window.location.href = '{{ url('/orders/all') }}?ship=' +
                                readytoShip;

                            return;

                        }

                    });

                    $('#custum-loader').addClass('hidden');

                }

            });

            $('.modal-close').on('click', function(ev) {
                ev.stopPropagation();
            });

        });


        $("#self-fullfilled").on('submit', function(e) {
            e.preventDefault();
            var form = $(this);

            $.ajax({
                method: 'POST',
                url: "{{ url('order-self-fullfilled') }}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: form.serialize(),
                success: function(data) {
                    console.log(data);
                    if (data.success == true) {
                        swal({
                                icon: 'success',
                                title: "Success",
                                text: data.message,
                                type: "success",
                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            },
                            function() {
                                window.location.href = '{{ url('/orders/all') }}';
                            }
                        );
                    }
                },
                error: function(data) {
                    var errors = $.parseJSON(data.responseText);

                    $.each(errors, function(index, value) {
                        console.log(index);
                        if (value.from_address) {
                            $("#from_address_err").html(value.from_address.toString());
                        }
                        if (value.from_contact) {
                            $("#from_contact_err").html(value.from_contact.toString());
                        }
                        if (value.mobile_number) {
                            $("#mobile_number_err").html(value.mobile_number.toString());
                        }
                        if (value.name) {
                            $("#name_err").html(value.name.toString());
                        }
                        if (value.to_address) {
                            $("#to_address_err").html(value.to_address.toString());
                        }
                        if (value.to_contact) {
                            $("#to_contact_err").html(value.to_contact.toString());
                        }
                        if (value.vehicle_details) {
                            $("#vehicle_details_err").html(value.vehicle_details.toString());
                        }
                    });

                }
            });
        });

        $(".AllowNumeric").on("keypress keyup blur", function(event) {
            $(this).val($(this).val().replace(/[^\d].+/, ""));
            if ((event.which < 48 || event.which > 57)) {
                event.preventDefault();
            }
        });

        $('#self-tab').on('click', function() {
            $('.isInsuredDiv').hide();
        })
        $('#pickup-tab').on('click', function() {
            $('.isInsuredDiv').show();
        })
        $('#delivery-tab').on('click', function() {
            $('.isInsuredDiv').show();
        })
        $('#reverse-tab').on('click', function() {
            $('.isInsuredDiv').show();
        })

        if (isShipmentSecuired == 'yes' && isSecuiredShipment == 'accepted') {
            $("#is_insured").click();
        }else {
            $("#is_insured").prop('checked', false);
        }



    </script>
@endsection