@extends('layout.master')

@section('content')

@php

    $actual_link = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

    $url_components = explode('/',$actual_link);

    //dd($actual_link);

    $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');
    
  
@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['total_amount']}}" 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">Applied Weight in kg</label>
                    <input class="form-control" placeholder="{{$orders['product_weight']}}" 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="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))
                            <div class="col-md-12 p-0">

                                <div class="courier-radio">

                                    <input class="with-gap fill-gap"  name="lspSelectionData" type="radio" id="{{$randomIdAll.''.$ratingValues['lspData']['id']}}" value="{{$ratingValues['lspData']['id']}}" data-name="{{$ratingValues['total']}}" {{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">
                                                            <div class="courier-header">
                                                                <p>Recommended</p>
                                                            </div>
                                                        </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">
                                                            <img src="{{asset('assets/images/ecom.svg')}}" alt="">
                                                        </div>
                                                        <h6 class="mt-3">{{ $ratingValues['lspData']['name'] }}</h6>
                                                        <p class="mb-0"><strong> {{$orders['product_weight']}} kg | </strong> Min Weight {{ $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['lspData']['pickup_performance'] }}</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['lspData']['delivery_performance'] }}</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['lspData']['ndr_performance'] }}</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['lspData']['rto_performance'] }}</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['lspData']['weight_cases'] }}</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['lspData']['overall_rating'] }}</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((double)$ratingValues['total'],2)}}</h3>
                                                        <p class="mb-0">Freight Charges Rs. 0</p>
                                                        <p>COD Charges Rs. {{$orders['total_amount']}}</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="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 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(,'Train')">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)
                            <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-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">
                                                            <div class="courier-header">
                                                                <p>Recommended</p>
                                                            </div>
                                                        </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">
                                                            <img src="{{asset('assets/images/ecom.svg')}}" alt="">
                                                        </div>
                                                        <h6 class="mt-3">{{ $ratingValues['lspData']['name'] }}</h6>
                                                        <p class="mb-0"><strong> 2 kg | </strong> Min Weight 2kg</p>
                                                        <p>RTO Charges: Rs 880.2</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['lspData']['pickup_performance'] }}</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['lspData']['delivery_performance'] }}</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['lspData']['ndr_performance'] }}</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['lspData']['rto_performance'] }}</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['lspData']['weight_cases'] }}</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['lspData']['overall_rating'] }}</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 {{$ratingValues['total']}}</h3>
                                                        <p class="mb-0">Freight Charges Rs. 700.50</p>
                                                        <p>COD Charges Rs. 150.00</p>

                                                        <span class="pt-3">Expected Pickup Tomorrow</span>
                                                        <p class="mb-0">Estimated Delivery: <br> Jul 23, 2022</p>
                                                    </div>
                                                </div>

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

                            @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)
                            <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-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">
                                                            <div class="courier-header">
                                                                <p>Recommended</p>
                                                            </div>
                                                        </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">
                                                            <img src="{{asset('assets/images/ecom.svg')}}" alt="">
                                                        </div>
                                                        <h6 class="mt-3">{{ $ratingValues['lspData']['name'] }}</h6>
                                                        <p class="mb-0"><strong> 2 kg | </strong> Min Weight 2kg</p>
                                                        <p>RTO Charges: Rs 880.2</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['lspData']['pickup_performance'] }}</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['lspData']['delivery_performance'] }}</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['lspData']['ndr_performance'] }}</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['lspData']['rto_performance'] }}</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['lspData']['weight_cases'] }}</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['lspData']['overall_rating'] }}</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 850.50</h3>
                                                        <p class="mb-0">Freight Charges Rs. 700.50</p>
                                                        <p>COD Charges Rs. 150.00</p>

                                                        <span class="pt-3">Expected Pickup Tomorrow</span>
                                                        <p class="mb-0">Estimated Delivery: <br> Jul 23, 2022</p>
                                                    </div>
                                                </div>

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

                            @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">

                            
                          
                     </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>
                       <!--  <button type="button" class="close" data-dismiss="modal" aria-label="Close"> -->
                            <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()">
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <!-- <button type="button" class="btn btn-secondary dissable-button" data-dismiss="modal">Close</button> -->
                        <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><p>{{Auth::user()->wallet_amount}}</p></span>
                        <span><strong>Credit Limit Rs :</strong><p>{{Auth::user()->credit_limit}}</p></span>
                        <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"> -->
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <input type="hidden" id="awb_number_expected">
                            <div class="form-group">
                               <!--  <label for="expected_date" class="col-form-label">Expected Date</label>
                                <input type="radio" class="form-control" id="expected_date" onclick="paymentMethod()"> -->

                            <input class="with-gap" name="payment_type_mode" type="radio" id="prepaid" value="prepaid" {{ (Auth::user()->is_prepaid == 'yes') && (Auth::user()->is_postpaid == 'no')  ? 'checked' : ''}}>

                            <label for="prepaid" class="label-about-you">Prepaid</label> <br>
                            <input class="with-gap" name="payment_type_mode" type="radio" id="Postpaid" value="Postpaid" {{  (Auth::user()->is_postpaid == 'yes')  ? 'checked' : ''}}>

                            <label for="Postpaid" class="label-about-you">Postpaid</label><br>

                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <!-- <button type="button" class="btn btn-secondary dissable-button" data-dismiss="modal">Close</button> -->
                        <button type="button" class="btn btn-primary" id="paymentMethodSubmit" onclick="paymentMethod()">Proceed</button>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>

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

<script>

    let skuOrderIds = '';
    let checkedInsurance = '';
    if (checkedInsurance == 'yes') {
        $("#is_insured").prop('checked', true);
    }else {
         $("#is_insured").prop('checked', false);
    }
    //alert(skuOrderIds);
    let skuIds = '';
    let lspDatas = '';
    let totalCharges = 0;

    function paymentMethod() {

        let skuId =  skuIds;
        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:paymentTypeMode
                },

                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 == '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') {


                        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;

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


                        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;

                    }

                    //alert('aya');
                  /*  $('#custum-loader').addClass('hidden');
                    $('#courier').modal('hide');
                    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;
                    }
                      
                        $('#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') {
                            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;

    }

    }

    function dateEnable() {

        //alert('aya');

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

    }

    function shipNowPickup(buttonType) {
        /*alert(buttonType);
        return;*/
        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';

         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},

                success:function(data)
                {
                    $('#custum-loader').addClass('hidden');
                    $('#courier').modal('hide');
                    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;
                    }
                      
                        $('#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') {
                            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) {

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

        //$('#courier').modal('show');

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




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

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

        skuIds = skuId;
        lspDatas = lspDataId;

        return;



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

        /*if (skuId && lspDataId) {

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

                success:function(data)
                {
                    $('#custum-loader').addClass('hidden');
                    $('#courier').modal('hide');
                    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;
                    }

                    console.log('++++++++++LpsData++++++++++data+++++++++++',data);

                    swal({
                        icon: 'success',
                        title: "Docket number created successfully.",
                        text: 'Docket Number : '+data.docket_no,
                        type: "success",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: false,
                    },
                    function(){
                        let readytoShip = 'on';
                        window.location.href='{{url("/orders/all")}}?ship='+readytoShip;
                    });

                    return;

                }
*/
            //});

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

        //}

        return;*/
    }

    $(document).ready(function(){

        $("#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');

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

        });

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

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

            let lspValue =  $(this).val();

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

            if(lspValue)
            {
                jQuery.ajax({
                    url : "{{route('lsp-listing-filters')}}",
                    type : "POST",
                    data: {  _token: "{{csrf_token()}}",lsp: lspValue },

                    success:function(data)
                    {
                        $('#custum-loader').addClass('hidden');

                        return;

                    }

                });

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

            }

        });

        $("#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();
        });


    $(function(){
        var dtToday = new Date();

        var month = dtToday.getMonth() + 1;
        var day = dtToday.getDate();
        var year = dtToday.getFullYear();
        if(month < 10)
        month = '0' + month.toString();
        if(day < 10)
        day = '0' + day.toString();

        var maxDate = year + '-' + month + '-' + day;
        //alert(maxDate);
        $('#expected_date-name').attr('min', maxDate);
    });



    });

</script>

@endsection