@extends('app')
@section('content')
    <title>Manage Services</title>
    <style type="text/css">
        .orderdetail {
            line-height: 16px;
            font-size: 12px;
            padding: 5px 0px;
        }

        .filter_wrapper {
            color: #000;
            font-size: 14px;
            margin-top: 1%;
            xpadding-right: 2%;
            text-align: center;
        }

        .checkbox label {
            padding-left: 0px;
        }

        .margin {
            margin-bottom: -4%;
        }

        .searchby {
            margin-top: 8px !important;
        }

        .modal {
            z-index: 1000 !important;
        }

        .statusbar {
            width: 12px !important;
            height: 55px;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 10px;
            padding: 0px;
        }

        .status_label {
            font-size: 12px;
        }

        .update_status {}

        .set_width {
            /*width: 94%;*/
            padding: 2px;
        }

        .substation_left {
            float: left !important;
        }

        .width {
            width: 70%;
        }

        .margin {
            margin: 0px;
        }

        .transfer_substation {
            cursor: pointer;
            text-align: left;
        }

        .status_Order_Received .statusbar,
        .status_New .statusbar {
            background-color: #31b0d5;
        }

        .status_Order_Assigned_Cancel .statusbar,
        .status_Order_assigned_Pickup_cancel .statusbar,
        .status_Cancelled .statusbar {
            background-color: #8B008B;
        }

        .status_Awaiting_Spares .statusbar {
            background-color: #449d44;
        }

        .status_Work_Pending .statusbar {
            background-color: #ec971f;
        }

        .status_At_substation_rtn .statusbar,
        .status_At_Substation_rtn_Reattempt1 .statusbar,
        .status_Closed .statusbar,
        .status_At_Substation_rtn_Reattempt2 .statusbar,
        .status_Closed .statusbar {
            background-color: #A52A2A;
        }

        .status_In_Transit .statusbar,
        .status_Order_picked_in_transit .statusbar,
        .status_Order_picked_weight_changed .statusbar,
        .status_In_transit .statusbar,
        .status_In_transit_address_changed .statusbar,
        .status_In_transit_Business_or_house_closed .statusbar,
        .status_In_transit_COD_amount_not_ready .statusbar,
        .status_In_transit_Customer_Refused_or_Rejected .statusbar,
        .status_In_transit_undelivered .statusbar,
        .status_In_transit_Reattempt1 .statusbar,
        .status_In_transit_Reattempt2 .statusbar,
        .status_In_transit_delay_out_of_our_control .statusbar,
        .status_In_Transit_Out_for_Delivery .statusbar,
        .status_In_Transit_Out_for_Delivery1 .statusbar,
        .status_In_Transit_Out_for_Delivery2 .statusbar,
        .status_In_transit_Shipment_Lost .statusbar,
        .status_Client_Side .statusbar {
            background-color: #FF00BF;
        }

        .status_Delivered .statusbar,
        .status_Delivered_Cash_collected .statusbar,
        .status_Delivered_card_on_delivery .statusbar,
        .status_Delivered_Open_box .statusbar,
        .status_RTN_Delivered .statusbar,
        .status_Completed .statusbar {
            background-color: #FA5882;
        }

        .status_Returned .statusbar,
        .status_RTN_Order_picked_in_transit .statusbar,
        .status_RTN_Order_picked_weight_changed .statusbar,
        .status_RTN_In_transit .statusbar,
        .status_RTN_In_transit_address_changed .statusbar,
        .status_RTN_In_transit_Business_or_house_closed .statusbar,
        .status_RTN_In_transit_COD_amount_not_ready .statusbar,
        .status_RTN_In_transit_Customer_Refused_or_Rejected .statusbar,
        .status_RTN_In_transit_undelivered .statusbar,
        .status_RTN_In_transit_Reattempt1 .statusbar,
        .status_RTN_In_transit_Reattempt2 .statusbar,
        .status_RTN_In_transit_delay_out_of_our_control .statusbar,
        .status_RTN_In_Transit_Out_for_Delivery .statusbar,
        .status_RTN_In_Transit_Out_for_Delivery1 .statusbar,
        .status_RTN_In_Transit_Out_for_Delivery2 .statusbar,
        .status_RTN_In_transit_Shipment_Lost .statusbar,
        .status_In_Progress .statusbar {
            background-color: #ff0000;
        }

        .labels {
            color: red;
            background-color: white;
            font-size: 10px;
            text-align: center;
            width: 50px;
            height: 30px;
            border: 1px solid black;
        }

        .gm-style .gm-style-iw {
            font-weight: 300;
            font-size: 12px;
        }

        .checkbox-inline {
            font-weight: bold;
            font-size: 14px;

        }

        /* .checkbox_inline {
                            margin-top: 10px;
                            display: block;
                            border: 1px solid;
                            padding: 10px;
                            border-radius: 5px;
                            text-align: center;
                            transition: all 0.3s ease;
                            cursor: pointer;
                        } */
        .checkbox_inline {
            display: inline-block;
            border: 1px solid #31b0d5;
            padding: 10px 15px;
            border-radius: 5px;
            text-align: center;
            transition: all 0.3s ease;
            cursor: pointer;
            margin: 1px;
            /* Adds space between boxes */
            margin-top: 10px;
        }

        .check {
            margin-top: 0px !important;
        }

        .checkbox_inline:hover {
            background-color: #e0f7ff;
            border-color: #269abc;
            box-shadow: 0 0 5px rgba(49, 176, 213, 0.5);
        }


        .leftpenel {
            display: inline-block;
            border: 1px solid;
            padding: 4px 10px;
            border-radius: 5px;

        }

        .leftpenel1 {
            display: inline-block;
            border: 1px solid;
            padding: 4px 10px;
            border-radius: 5px;

        }
        @media (max-width: 992px) {
    .leftpenel,
    .leftpenel1,
    .checkbox_inline,
    .checkbox-inline {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 10px;
        text-align: center;
    }

    .filter_wrapper {
        text-align: center;
        font-size: 13px;
        padding: 5px 0;
    }

    .statusbar {
        height: 100px;
        margin: 5px auto;
        display: block;
    }

    .labels {
        width: 100%;
        height: auto;
        font-size: 11px;
        padding: 5px;
    }

    .orderdetail {
        font-size: 11px;
        line-height: 14px;
        text-align: left;
    }

    
    .width {
        width: 100% !important;
        padding: 5px;
    }

    .margin {
        margin: 0px !important;
    }

    .substation_left {
        float: none !important;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .leftpenel,
    .leftpenel1 {
        font-size: 13px;
        padding: 6px;
    }

    .checkbox_inline,
    .checkbox-inline {
        font-size: 13px;
        padding: 8px;
    }

    .status_label {
        font-size: 11px;
        text-align: center;
    }

    .filter_wrapper {
        font-size: 12px;
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    .report_leftpanel {
        padding: 10px;
        font-size: 14px;
        text-align: center;
    }
}

/* Small screens and phones */
@media (max-width: 576px) {
    .report_leftpanel {
        padding: 8px;
        font-size: 13px;
        margin-bottom: 10px;
        text-align: center;
    }
}


@media (max-width: 768px) {
    .col-custom-2 {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media (max-width: 767.98px) {
    .margincustom {
        margin-left: 50px !important;
    }
}

@media (max-width: 767.98px) {
    .clearsearchui {
        padding-bottom: 10px;
        padding-top: 22px;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap !important;
        width: 100%;
    }

    .clearsearchli {
        flex: 1;
        display: flex !important;
        justify-content: flex-start;
    }

    .clearsearchli:last-child {
        justify-content: flex-end;
        margin-left: 1px;
    }

    .clearsearchli a,
    .clearsearchli button {
        white-space: nowrap;
        width: auto;
    }

    .btn-group-custom {
    display: flex;
    justify-content: flex-start; /* Align buttons to the left */
    gap: 10px; /* Optional: spacing between buttons */
    flex-wrap: wrap; /* Allow wrapping on small screens */
}

.download-btn-wrapper {
        display: flex;
        justify-content: flex-end;
        padding-right: 15px; /* optional spacing from edge */
    }
}

@media (max-width: 767.98px) {
    /* Apply padding to the entire detail block */
    .orderdetail {
        padding: 10px 10px;
    }

    /* Ensure each text section has space below it */
    .orderdetail p {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
        line-height: 1.5;
    }

    /* Strong tag inside name/title to be block for better stacking if needed */
    .orderdetail .awb_no strong {
        display: block;
        font-size: 16px;
        margin-bottom: 5px;
    }

    /* Spacing for the last service info group */
    .orderdetail p:last-of-type {
        margin-bottom: 10px;
    }

    /* Optional: adjust icon size if needed */
    .orderdetail i.fa {
        font-size: 20px;
    }

    /* Optional: box spacing for overall cards */
    .order.status_New {
        margin-bottom: 20px;
        border-radius: 5px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
    }

    /* Optional: fix alignment inside right icon column */
    .col-xs-1 .deli_type,
    .col-xs-1 .deli_type1 {
        text-align: center;
    }

    
}

@media (max-width: 576px) {
    /* Card container fix */
    .set_width {
        width: 100% !important;
        padding: 5px;
    }

    /* Outer service box */
    .order {
        height: auto !important;
        margin-bottom: 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    /* Blue left status bar */
    .order .statusbar {
        width: 5px !important;
        height: auto !important;
        margin: 0;
        background-color: #00aaff;
        float: none !important;
    }

    /* Main content area fix */
    .orderdetail {
        width: 100%;
        padding: 10px;
        font-size: 13px !important;
        line-height: 1.4;
        overflow-wrap: break-word;
    }

    /* Info icon and map icon wrapper */
    .order > div:last-child {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 5px;
    }

    /* Icons (map/info) spacing fix */
    .deli_type,
    .deli_type1 {
        padding-top: 10px !important;
        text-align: center !important;
    }

    /* Reduce font/icon size if needed */
    .fa-info-circle,
    .fa-map-marker {
        font-size: 20px !important;
    }

    /* Text paddings */
    .orderdetail p {
        margin: 4px 0;
    }
}


    </style>
    <div class="content-wrapper">
        <div class="container">
            <div class="row">
                <h1 class="page-head-line">Manage Services</h1>
                @if (Session::has('flash_message'))
                    <div class="alert alert-success">
                        {{ Session::get('flash_message') }}
                    </div>
                @endif
                <!-- <h2 style="font-size:20px;">MANAGE SERVICES</h2>-->

                <div class="col-lg-12 col-md-12  col-xs-12 col-sm-12 report_leftpanel">
                    {{-- <div class="col-lg-11 col-md-11 col-xs-12 col-sm-12"> --}}

                                        <div id="new_service_div" class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                        <label class="checkbox-inline checkbox_inline" style="color:#31b0d5;">
                            <!-- <input type="checkbox" class="check" id="Order_Received" value="New" onclick="gs_filter()"   checked>-->New
                            ( {{ $new_service }} )
                            <input type="hidden" name="filter_for_new_service" value="New" id="filter_for_new_service">
                        </label>
                    </div>
                    <div id="progress_service_div" class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                        <label class="checkbox-inline checkbox_inline" style="color:#ff0000;">
                            <!--  <input type="checkbox" class="check" id="In_Progress" value="In Progress" onclick="gs_filter()"    checked>-->In
                            Progress ( {{ $progress_service }} )
                            <input type="hidden" name="filter_for_progress_service" value="In Progress"
                                id="filter_for_progress_service">
                        </label>
                    </div>
                    <div id="awaiting_service_div" class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                        <label class="checkbox-inline checkbox_inline" style="color:#449d44;">
                            <!-- <input type="checkbox" class="check" id="Awaiting_Spares" value="Awaiting Spares" onclick="gs_filter()"    checked>-->Awaiting
                            Spares ( {{ $awaiting_service }} )

                            <input type="hidden" name="filter_for_awaiting_service" value="Awaiting Spares"
                                id="filter_for_awaiting_service">
                        </label>
                    </div>
                    <div id="work_pending_div" class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                        <label class="checkbox-inline checkbox_inline" style="color:#ec971f;">
                            <!-- <input type="checkbox" class="check" id="Work_Pending" value="Work Pending" onclick="gs_filter()"   checked> -->Work
                            Pending ( {{ $work_pending }} )
                            <input type="hidden" name="filter_for_work_pending" value="Work Pending"
                                id="filter_for_work_pending">
                        </label>
                    </div>
                    <div id="client_side_div" class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                        <label class="checkbox-inline checkbox_inline" style="color:#FF00BF;">
                            <!-- <input type="checkbox" class="check" id="Client_Side" value="Client_side" onclick="gs_filter()"    checked>-->Client
                            Side ( {{ $client_side }} )
                            <input type="hidden" name="filter_for_client_side" value="Client Side"
                                id="filter_for_client_side">
                        </label>
                    </div>
                    <div id="completed_div" class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                        <label class="checkbox-inline checkbox_inline" style="color:#FA5882;">
                            <!-- <input type="checkbox" class="check" id="Completed" value="Completed" onclick="gs_filter()"    checked>-->Completed
                            <!-- <span id="delivered_count"></span> --> ( {{ $completed }} )
                            <input type="hidden" name="filter_for_completed" value="Completed" id="filter_for_completed">
                        </label>
                    </div>
                    <div id="closed_div" class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                        <label class="checkbox-inline checkbox_inline" style="color:#A52A2A;">
                            <!-- <input type="checkbox" class="check" id="Closed" value="Closed" onclick="gs_filter()"    checked>-->Closed<!--  <span id="closed_count"></span> -->
                            ( {{ $closed }} )
                            <input type="hidden" name="filter_for_closed" value="Closed" id="filter_for_closed">
                        </label>
                    </div>
                    <div id="cancelled_div" class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                        <label class="checkbox-inline checkbox_inline" style="color:#8B008B;">
                            <!-- <input type="checkbox" class="check" id="Order_Cancelled" value="Cancelled" onclick="gs_filter()"   checked> -->Cancelled
                            <!-- <span id="cancel_count"></span> --> ( {{ $cancelled }} )
                            <input type="hidden" name="filter_for_cancelled" value="Cancelled"
                                id="filter_for_cancelled">
                        </label>
                    </div>



                    

                    <!--<label class="checkbox-inline checkbox_inline" style="color:#FA5882;"><input type="checkbox" class="check" id="Returned_In_Transit" onclick="apply_filter()"   checked>Returned In Transit <span id="returned_in_transit_count"></span></label>-->
                    <!-- <label class="checkbox-inline" style="color:#BDBDBD;font-weight: bold;font-size: 13px;"><input type="checkbox" class="check" id="Other" onclick="apply_filter()" style="margin-top: 0px;"  checked>Other <span id="other_count"></span></label> -->


                    <div class="col-md-2 col-lg-1 col-xs-12 col-sm-12 download-btn-wrapper">
                        <a href="?report=1" data-toggle="tooltip" title="" class="btn btn-primary"
                            data-original-title="Download Excel" style="width: 63px;margin-top: 8px;"><i
                                class="fa fa-download"></i></a>
                    </div>
                </div>
            </div>

            {{-- </div> --}}



            <div class="row">

                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}" />
                <div class="col-md-2 margincustom" style="margin: 0px">

                    <div class="">
                        <!-- <label class="radio-inline" style="margin-left: 37%;"><input type="radio" name="optradio" class="searchby" value="1" checked="checked">By Date</label>
                                                <label class="radio-inline"><input type="radio" name="optradio" class="searchby" value="2">By Biker</label> -->

                        <form method="GET" action="{{ route('managedelivery.index') }}">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                            <input type="hidden" name="substation_id" value="">
                            <div class="row leftpenel" id="date_search" style="margin-top:4%">
                                <label class="col-md-12 control-label" style="margin-top: 1%;">Start Date</label>
                                <div class="col-md-12">
                                    <div class="input-group date">
                                        <input type="text" id="start_date" name="start_date" data-format="DD-MM-YYYY"
                                            value="" class="form-control">
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default"><i
                                                    class="fa fa-calendar"></i></button>
                                        </span>
                                    </div>
                                </div>
                                <label class="col-md-12 control-label" style="margin-top: 1%;">End Date</label>
                                <div class="col-md-12">
                                    <div class="input-group date">
                                        <input type="text" id="end_date" name="end_date" data-format="DD-MM-YYYY"
                                            value="" class="form-control">
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default"><i
                                                    class="fa fa-calendar"></i></button>
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="row leftpenel" id="type_search" style="margin-top:4%">
                                <label class="col-md-12 control-label" style="margin-top:1%;">By Type</label>
                                <div class="col-md-12">
                                    <div class="input-group date">
                                                                                @foreach ($service_type as $type)
                                            <label class="checkbox-inline"
                                                style="margin-left: 5px; padding-right: 40px;"><input type="checkbox"
                                                    name="service_type[]" value=""
                                                    style="margin-top: 0%;"
                                                    ></label>
                                        @endforeach
                                    </div>
                                </div><!--
                                      <div class="col-md-12" style="margin-top:4%">
                                                        <div class="input-group date">
                                                                             <label class="radio-inline"><input type="radio" name="service_type" value="Complain">Complaint</label>
                                                                                               
                                                          </div>
                                                      </div> -->
                            </div>
                            <div class="row leftpenel" id="biker_search" style="margin-top:4%">
                                <div class="col-md-12">
                                    <label style="margin-top: 8%;">By Technician</label>
                                </div>
                                <div class="col-md-12">
                                                                        <select class="form-control" name="biker_id">
                                        <option value="">Please Select</option>
                                        @foreach ($bikers as $biker)
                                            <option value=""  selected="selected">                                             </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="row leftpenel" id="" style="margin-top:4%">

                                <div class="col-md-12">
                                    
                                    <label class="checkbox-inline" style="margin-left: 0px;">
                                        <input type="checkbox" name="no_technician" value="test"
                                            style="margin-top: 0%;" >No Technician Assign
                                    </label>

                                </div>
                            </div>

                            <div class="row leftpenel" id="biker_search" style="margin-top:4%">
                                <div class="col-md-12">
                                    <label style="margin-top: 8%;">By Client</label>
                                </div>
                                <div class="col-md-12">
                                                                        <select class="form-control" name="vendor_id">
                                        <option value="">Please Select</option>
                                        @foreach ($vendors as $vendor)
                                            <option value=""  selected="selected">                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <!-- code added by ami for multiple location Start -->
                                @if (!empty($settings['location']) && $settings['location'] == 1)
                                                                        <div class="col-md-12">
                                        <label style="margin-top: 8%;">By location</label>
                                    </div>
                                    <div class="col-md-12">
                                        <select class="form-control" name="vendor_location" id="locationDropdown">
                                            <option value="">Please Select Location</option>
                                        </select>
                                    </div>
                                    <script>
                                        $(document).ready(function() {
                                            var vendorId_old = $('select[name="vendor_id"]').val();
                                            const urlParams = new URLSearchParams(window.location.search);
                                            const selectedLocationId_old  = urlParams.get('vendor_location') || '';


                                            if (vendorId_old) {
                                                console.log("Ami Mehta");
                                                $.ajax({
                                                    url: "{{ url('/admin/vendor/locations') }}/" + vendorId_old,
                                                    type: "GET",
                                                    dataType: "json",
                                                    success: function(data) {
                                                        console.log(selectedLocationId_old);

                                                        $('#locationDropdown').empty().append(
                                                            '<option value="">Please Select Location</option>');
                                                        $.each(data.locations, function(key, value) {
                                                            // let selected = (value.id == selectedLocationId_old) ? 'selected' : '';
                                                           $('#locationDropdown').append(
                                                                '<option value="' + value.id + '"' + 
                                                                (value.id == selectedLocationId_old ? ' selected' : '') + 
                                                                '>' + value.address_line1 + ', ' + value.city + '</option>'
                                                            );

                                                        });
                                                            // Optional: use the vendor_address_status somewhere (e.g., show a message)
                                                        // if(data.vendor_address_status == 0)
                                                        // {
                                                        //     $locationWrapper.css('display', 'none');
                                                        // }else{
                                                        //     $locationWrapper.css('display', 'block');
                                                        // }
                                                    }
                                                });
                                            } else {
                                                $('#locationDropdown').empty().append(
                                                    '<option value="">Please Select Location</option>');
                                            }

                                            $('select[name="vendor_id"]').on('change', function() {
                                                var vendorId = $(this).val();
                                                const $locationWrapper = $('#locationDropdowndiv');

                                                let selectedLocationId = "{{ old('vendor_location', $service->vendor_location ?? '') }}";
                                                if (vendorId) {
                                                    $.ajax({
                                                        url: "{{ url('/admin/vendor/locations') }}/" + vendorId,
                                                        type: "GET",
                                                        dataType: "json",
                                                        success: function(data) {
                                                            console.log(data);

                                                            $('#locationDropdown').empty().append(
                                                                '<option value="">Please Select Location</option>');
                                                            $.each(data.locations, function(key, value) {
                                                                let selected = (value.id == selectedLocationId) ? 'selected' : '';
                                                                $('#locationDropdown').append(
                                                                    '<option value="' + value.id + '">' + value
                                                                    .address_line1 + ', ' + value.city + '</option>'
                                                                );
                                                            });
                                                            console.log("On 1");

                                                                // Optional: use the vendor_address_status somewhere (e.g., show a message)
                                                            if(data.vendor_address_status == 0)
                                                            {
                                                                $locationWrapper.css('display', 'none');
                                                            }else{
                                                                $locationWrapper.css('display', 'block');
                                                            }
                                                        }
                                                    });
                                                } else {
                                                    $('#locationDropdown').empty().append(
                                                        '<option value="">Please Select Location</option>');
                                                }
                                            });
                                        });
                                    </script>
                                @endif
                                <!-- code added by ami for multiple location End -->

                            </div>

                            <div class="row leftpenel" style="margin-top:4%">
                                                                <div class="col-md-12">
                                    <label style="margin-top: 8%;">Service No.</label>
                                </div>
                                <div class="col-md-12">
                                    <input type="text" class="form-control" name="filter_shipment"
                                        value="">
                                </div>
                            </div>

                            <!-- Added by gaurav on 6-4-20 to make client ticket number -->
                            <div class="row leftpenel" style="margin-top:4%">
                                                                <div class="col-md-12">
                                    <label style="margin-top: 8%;">Client Ticket No.</label>
                                </div>
                                <div class="col-md-12">
                                    <input type="text" class="form-control" name="clientticketno"
                                        value="">
                                </div>
                            </div>

                            <div class="row leftpenel" style="margin-top:4%">
                                <div class="col-md-12">
                                    <label>By Status</label>
                                </div>
                                <div class="col-md-12">
                                    @foreach ($status_filters as $status_filter)
                                        <div class="col-md-12 checkbox" style="margin:0">
                                            <label class="checkbox-inline"><input type="checkbox" style="margin-top:1px"
                                                    name="filter_status[]" value=""
                                                     /></label>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="row">
                               <br>
                                <div class="form-group">
    <div class="col-md-12 col-sm-12 col-xs-12 btn-group-custom">
        <button type="submit" class="btn btn-success" style="margin-top:2%; margin-right: 10px;">Search</button>
        <button type="button" class="btn btn-success" style="margin-top:2%; cursor: pointer;"
            onclick="window.location.href='managedelivery?type=today';">Clear</button>
    </div>
</div>

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


                </div>

                <div class="col-md-10">
                    <div class="col-md-12 clearsearchdiv" style="padding-right: 0px;padding-left: 0px;">
                        <ul class="nav nav-tabs clearsearchui">
                                                        <li class="active"><a data-toggle="tab" href=".todayorder"
                                    onclick="setpagecount1();return false;">Todays Services</a></li>

                                                        <li><a data-toggle="tab" href="#pastorders" onclick="setpagecount2();return false;">Past
                                    Services</a></li>
                                                    </ul>
                    </div>

                    <div class="tab-content">
                                                        <div class="col-md-12 tab-pane fade in active todayorder" id="todayorder"
                                    style="padding-right: 0px;padding-left: 0px;    border-left-style: solid;
              border-color: #ddd; border-width: 1px;ight;height:auto;min-height:400px;border-bottom-style:solid;">
                                    
                                    @if (count($deliveries) == 0)
                                        <p style="cursor: pointer; padding:5%;">
                                            <strong>Sorry No Data Available.</strong>
                                        </p>
                                    @else
                                        @foreach ($deliveries as $delivery)
                                            @if ($delivery->awb_no)
                                                                                                <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12 set_width">
                                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 order status_"
                                                        id="ticket"
                                                        style="border: 1px solid #d5d5d5;height: 150px;">
                                                        <div class="col-md-1 col-lg-1 col-sm-1 col-xs-1 statusbar"
                                                            style="height:138px;">
                                                        </div>

                                                        <div class="orderdetail col-md-9 col-lg-9 col-sm-9 col-xs-9"
                                                            style="font-size: 15px;">
                                                                                                                                                                                    
                                                            <p class="assigned_biker margin"
                                                                style="cursor:pointer;clear:both;padding-top:1%;margin-top:0px;">
                                                                                                                                <b>Name: </b>
                                                                                                                                <span>No Technician Assign</span>
                                                                                                                            </p>

                                                            <!-- @if(!empty($settings['location']) && $settings['location'] == 1) 
                                                            <p class="margin"
                                                                style="clear:both;padding-top:1%;margin-top:0px;">
                                                                <b>Location:</b>
                                                                @if ($delivery->address_line1)
                                                                    {{ ucfirst($delivery->address_line1) }}
                                                                @else
                                                                    <span>No location</span>
                                                                @endif
                                                            </p>
                                                            @endif -->


                                                            <input class="selected_status" type="hidden"
                                                                value="">
                                                            <input type="hidden" name="assined_biker_id"
                                                                class="assined_biker_id"
                                                                value="{{ $delivery->biker_id }}">

                                                            <select class="biker_id width" id="">
                                                                <option value="0">Please Select</option>
                                                                @foreach ($bikers as $biker)
                                                                    <option value=""
                                                                         selected="selected"> </option>
                                                                @endforeach
                                                            </select>

                                                            <span class="biker_loader"><img
                                                                    src="/assets/website_assets/images/loader.gif"
                                                                    style="width: 8%;"></span>
                                                            </p>
                                                                                                                        

                                                            <p class="status margin" style="padding-top:1%;">
                                                                                                                                                                                        <span class="delivery_status"
                                                                style="cursor:pointer;"><b>Service Status :</b>
                                                                {{ $delivery->delivery_status }}</span>
                                                            <span class="dropdown_status">
                                                                <label>Select Status : </label>
                                                                <select class="update_status" id=""
                                                                    name="" style="width: 50%;">