@extends('admin.template.master')

@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}

    <style>
        /*Select2 style*/
        .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
            border: 1px solid #d2d6de;
            border-radius: 0;
            padding: 6px 12px;
            height: 34px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-right: 10px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
            padding-right: 0;
            height: auto;
            margin-top: -4px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 28px;
            right: 3px;
        }

        /*Select2 style*/
        .status_link:hover {
            color: blue;
            text-decoration: underline;
        }

        .show_hide_link {
            text-decoration: underline;
        }

        .show_hide_link:hover {
            color: blue;
            text-decoration: underline;
        }

        .report-statistic-list {
            font-size: 12px;
            padding-left: 11px;
            /*margin: 0;*/
        }

        .report-statistic-list li {
            /*list-style: none;*/
        }

        .row.display-flex {
            display: flex;
            flex-wrap: wrap;
        }

        .row.display-flex > [class*='col-'] {
            display: flex;
            flex-direction: column;
        }

        .sp_radio_label{
            margin-left: 5px;
            margin-right: 20px;
        }

    </style>
@endsection

@section('title')
    <section class="content-header">
        <h1>
            Order delivery Report
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Order delivery report</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content">
        @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{Session('message')}}
                    </div>
                </div>
            </div>
        @endif

        <div class="row" id="main_div_inner">
            <div class="col-xs-12">
                <div class="box box-warning order-filter-wrapper">
                    <div class="box-header with-border">
                        <h6 class="box-title">Order Delivery Filter</h6>

                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                        </div>
                    </div>

                    <div class="box-body">
                        <div class="row">
                            <div class="form-group col-md-3">
                                {!! Form::label('from_date', 'From Order Date') !!}
                                {!! Form::date('from_date', \Carbon\Carbon::now()->startOfYear(), ['class' => 'form-control date', 'id' => 'from_date']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('to_date', 'To Order Date') !!}
                                {!! Form::date('to_date', \Carbon\Carbon::now(), ['class' => 'form-control date', 'id' => 'to_date']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <input type="checkbox" class="chk" id="search_by_date" checked>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                {!! Form::label('from_order', 'From Order') !!}
                                {!! Form::number('from_order', null, ['class' => 'form-control text', 'id' => 'from_order']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('to_order', 'To Order') !!}
                                {!! Form::number('to_order', null, ['class' => 'form-control text', 'id' => 'to_order']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <input type="checkbox" class="chk" id="search_by_order">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                {!! Form::label('Step') !!}
                                {!! Form::select('search_filter_step', $step_done_filters, null, ['class' => 'form-control select-data', 'placeholder' => 'Select Step', 'id' => 'search_filter_step']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('ID') !!}
                                {!! Form::text('customer_contact', null, ['class' => 'form-control text', 'placeholder' => 'Enter Customer ID', 'id' => 'customer_contact']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                <input type="checkbox" class="chk" id="multiple_id">
                                {!! Form::label('Multiple') !!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>
                                    <input type="radio" class="fsp_rd" name="fsp_rd" id="fsp_all" value="" checked><span class="sp_radio_label">All</span>
                                    <input type="radio" class="fsp_rd" name="fsp_rd" id="fsp_only" value="fsp_only"><span class="sp_radio_label">Only FSP</span>
                                    <input type="radio" class="fsp_rd" name="fsp_rd" id="fsp_no" value="fsp_no"><span class="sp_radio_label">No Fsp</span>
                                </label>
                                <span id="sp_fsp_id" style="display: none;">
                                    {!! Form::select('fsp_id', $fsps, null, ['class' => 'form-control select-data', 'placeholder' => 'Select FSP (All FSP if Not Selected)', 'id' => 'fsp_id']) !!}
                                </span>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <a class="show_hide_link" style="cursor: pointer;" id="show_advanced_search">Advanced_search</a>
                                <a class="show_hide_link" style="cursor: pointer; display: none;"
                                   id="hide_advanced_search">Hide Advanced_search</a>
                                <input type="hidden" id="hd_advanced_search" value="off">
                            </div>
                        </div>

                        <div class="row div_advanced_search" style="display: none; margin-top: 10px;">
                            <div class="form-group col-md-6">
                                {!! Form::button('Clear',['class' => 'btn btn-danger btn-order-delivery-advanced-reset', 'id' => 'btn-order-delivery-advanced-reset']) !!}
                            </div>
                        </div>

                        <div class="row div_advanced_search" style="display: none;">
                            <div class="col-md-4 form-group">
                                {!! Form::label('entry_date_from', 'Entry Date (From)') !!}
                                {!! Form::date('entry_date_from', \Carbon\Carbon::now(), ['class' => 'form-control advanced_date', 'id' => 'entry_date_from']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('entry_date_to', '(To)') !!}
                                {!! Form::date('entry_date_to', \Carbon\Carbon::now(), ['class' => 'form-control advanced_date', 'id' => 'entry_date_to']) !!}
                            </div>

                            <div class="form-group col-md-4">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <input type="checkbox" class="advanced_chk" id="entry_date_chk">
                                </div>
                            </div>
                        </div>

                        <hr class="div_advanced_search" style="display: none; width: 100%">

                        <div class="row div_advanced_search" style="display: none;">
                            <div class="col-md-4 form-group">
                                {!! Form::label('1.Customer Area') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="customer_area_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('customer_area', $customerArea, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select customer area', 'id' => 'customer_area']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('2.Customer Zone') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="customer_zone_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('customer_zone', $zones, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select customer zone', 'id' => 'customer_zone']) !!}
                            </div>

                            {{-- <div class="col-md-4 form-group">
                                {!! Form::label('3.Available') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="available_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('available', $availableOptions, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select available', 'id' => 'available']) !!}
                            </div> --}}

                            <div class="col-md-4 form-group">
                                {!! Form::label('3.Available Locations') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="available_locations_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('available_locations', $availableLocations, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select available location', 'id' => 'available_locations']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('4.Order Confirmation') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="pre_confirmation_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('pre_confirmation', $customerConfirmationOptions, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select Order Confirmation', 'id' => 'pre_confirmation']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('5.Payment Method') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="customer_confirmation_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('customer_confirmation', $confirmationOptions, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select Payment Confirmation', 'id' => 'customer_confirmation']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('6.Payment Confirmation') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="qc_passed_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('qc_passed', $qcPassed, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select Payment Confirmation', 'id' => 'qc_passed']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('7.Interchange Locations') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="inter_change_locations_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('inter_change_locations', $availableLocations, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select Interchange location', 'id' => 'inter_change_locations']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('8.Interchange No') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="inter_change_no_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::text('inter_change_no', null, ['class' => 'form-control advanced_text', 'placeholder' => 'Enter inter change no', 'id' => 'inter_change_no']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('9.Serial No') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="serial_no_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::text('serial_no', null, ['class' => 'form-control advanced_text', 'placeholder' => 'Enter serial no', 'id' => 'serial_no']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('10.INV Bill No') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="inv_bill_no_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::text('inv_bill_no', null, ['class' => 'form-control advanced_text', 'placeholder' => 'Enter INV bill no', 'id' => 'inv_bill_no']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('11.Interchange Received') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="inter_received_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('inter_received', $interchangeReceived, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select interchange received', 'id' => 'inter_received']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('12.Packed By') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="packed_by_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('packed_by', $packedBy, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select packed by', 'id' => 'packed_by']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('13.Vehicle') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="vehicle_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('vehicle', $vehicles, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select vehicle', 'id' => 'vehicle']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('14.Delivery Complete') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="delivery_complete_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('delivery_complete', $interchangeReceived, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select Delivery Complete', 'id' => 'delivery_complete']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('15.Undelivery') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="undelivery_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('undelivery', $unDeliveryOptions, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select Undelivery', 'id' => 'undelivery']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('16.Re Delivery Complete') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="re_delivery_complete_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('re_delivery_complete', $interchangeReceived, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select Re Delivery Complete', 'id' => 're_delivery_complete']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('17.Bill Void') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="bill_void_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::select('bill_void', $interchangeReceived, null, ['class' => 'form-control select-data advanced-select-data', 'placeholder' => 'Select Bill Void', 'id' => 'bill_void']) !!}
                            </div>
                        </div>

                        <div class="row div_advanced_search" style="display: none;">
                            <div class="col-md-4 form-group">
                                {!! Form::label('14.delivery_date_from', 'Shipping Date (From)') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="delivery_date_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::date('delivery_date_from', \Carbon\Carbon::now(), ['class' => 'form-control advanced_date', 'id' => 'delivery_date_from']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('delivery_date_to', '(To)') !!}
                                {!! Form::date('delivery_date_to', \Carbon\Carbon::now(), ['class' => 'form-control advanced_date', 'id' => 'delivery_date_to']) !!}
                            </div>

                            <div class="form-group col-md-4">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <input type="checkbox" class="advanced_chk" id="delivery_date_chk">
                                </div>
                            </div>
                        </div>

                        <div class="row div_advanced_search" style="display: none;">
                            <div class="col-md-4 form-group">
                                {!! Form::label('18.re_delivery_schedule_from', 'Re Delivery Schedule (From)') !!}
                                <label class="check-box-on-label">
                                    <input type="checkbox" id="re_delivery_schedule_all_chk" class="all_chk" style="margin-left: 5px;">
                                    All
                                </label>
                                {!! Form::date('re_delivery_schedule_from', \Carbon\Carbon::now(), ['class' => 'form-control advanced_date', 'id' => 're_delivery_schedule_from']) !!}
                            </div>

                            <div class="col-md-4 form-group">
                                {!! Form::label('re_delivery_schedule_to', '(To)') !!}
                                {!! Form::date('re_delivery_schedule_to', \Carbon\Carbon::now(), ['class' => 'form-control advanced_date', 'id' => 're_delivery_schedule_to']) !!}
                            </div>

                            <div class="form-group col-md-4">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <input type="checkbox" class="advanced_chk" id="re_delivery_schedule_chk">
                                </div>
                            </div>
                        </div>

                        <hr class="div_advanced_search" style="display: none; width: 100%">

                        <div class="row div_advanced_search" style="display: none;">
                            <div class="col-md-1">
                                {!! Form::label('Hidden Fields : ') !!}
                            </div>
                            <div class="col-md-11">
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="checkbox" id="hidden_chk_all" checked>&nbsp;<span style="color: red;">All</span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.available_locations,Sourcing" checked>&nbsp;Available(Sourcing)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.available_locations,Unavailable" checked>&nbsp;Available(Unavailable)
                                    </div>
                                    {{-- <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.pre_confirmation,2">&nbsp;Customer-Confirmation(No Response)
                                    </div> --}}
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.pre_confirmation,0" checked>&nbsp;Customer-Confirmation(Cancel By Customer)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.pre_confirmation,3" checked>&nbsp;Customer-Confirmation(Cancel No Response)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.pre_confirmation,4" checked>&nbsp;Customer-Confirmation(Cancel Duplicate Order)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.pre_confirmation,5" checked>&nbsp;Customer-Confirmation(Cancel)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.customer_confirmation,Cancel" checked>&nbsp;Payment-Confirmation(Cancel)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders.order_status,Canceled by customer" checked>&nbsp;Canceled by customer
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.inter_received,0" checked>&nbsp;Interchange Received(No)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.qc_passed,Not Passed" checked>&nbsp;QC(Not Passed)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.deal_status,0" checked>&nbsp;Locked Order
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.delivery_complete,1" checked>&nbsp;Delivery Complete(Yes)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.undelivery,Cancel" checked>&nbsp;Undelivery(Cancel)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.re_delivery_complete,1" checked>&nbsp;Re Delivery Complete(Yes)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.bill_void,1" checked>&nbsp;Bill Void(Yes)
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="margin-top: 30px;">
                            <div class="form-group col-md-6">
                                {!! Form::button('Search',['class' => 'btn btn-primary btn-order-delivery-search', 'id' => 'btn-order-delivery-search']) !!}
                                {!! Form::button('Clear',['class' => 'btn btn-danger btn-order-delivery-reset', 'id' => 'btn-order-delivery-reset']) !!}
                                {!! Form::button('Excel',['class' => 'btn btn-info btn-order-delivery-excel', 'id' => 'btn-order-delivery-excel']) !!}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="box">
                    <div class="box-header with-border">
                        <h6 class="box-title">Order Delivery List</h6>
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="box-body table-responsive" id="order-delivery-list"></div>
                </div>

                <div class="box">
                    <div class="box-header with-border">
                        <h6 class="box-title">Step Data Summary (<span id="sp_blank_data_total">0</span>)</h6>
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                        class="fa fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="box-body" id="order-delivery-blank-summary"></div>
                </div>

                {{-- <div id="order-delivery-status-box" class="box collapsed-box">
                    <div class="box-header with-border">
                        <h6 class="box-title">Report Statistics</h6>
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i id="order-delivery-status-plus-minus" class="fa fa-plus"></i></button>
                        </div>
                    </div>
                    <div class="box-body" id="order-delivery-status" style="display: none;"></div>
                </div> --}}
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}

    <script type="text/javascript">
        var from_date_initial = '';
        var to_date_initial = '';

        $(document).ready(function () {
            $(".select-data").select2();

            from_date_initial = $.trim($("#from_date").val());
            to_date_initial = $.trim($("#to_date").val());

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $("#btn-order-delivery-search").click(function () {
                getOrderDeliveryData('search_data', '');
            });

            $("#btn-order-delivery-excel").click(function () {
                if ($(".status_link").length > 0) {
                    getOrderDeliveryData('excel_data', '');
                } else {
                    alert("Sorry! No Data found.");
                }
            });

            $(".fsp_rd").change(function(){
                var val = $(this).val();
                if(val=='' || val=='fsp_no'){
                    $('#fsp_id').val('').trigger('change');
                    $('#sp_fsp_id').hide();
                    $("#hidden_chk_all").prop('checked', true);
                    $(".hidden_chk").prop('checked', true);
                } else {
                    $('#sp_fsp_id').show();
                    $("#hidden_chk_all").prop('checked', false);
                    $(".hidden_chk").prop('checked', false);
                }
            });

            $("#hidden_chk_all").change(function(){
                $(".hidden_chk").prop("checked", $(this).is(":checked"));
            });

            // reset order delivery filter
            $("#btn-order-delivery-reset").click(function () {
                $(".text").val('');
                // $(".date").val(from_date_initial);
                // $(".chk").prop('checked', false);
                $("#fsp_all").prop("checked", true);
                $('#sp_fsp_id').hide();
                $('.select-data').val('').trigger('change');
                $("#hide_advanced_search").click();
                $("#btn-order-delivery-advanced-reset").click();
            });

            $("#btn-order-delivery-advanced-reset").click(function () {
                $(".advanced_text").val('');
                $(".advanced_date").val(from_date_initial);
                $(".advanced_chk").prop('checked', false);
                $(".all_chk").prop('checked', false);
                $("#hidden_chk_all").prop('checked', true);
                $(".hidden_chk").prop('checked', true);
                $('.advanced-select-data').val('').trigger('change');
            });

            $("#show_advanced_search").click(function () {
                $(".div_advanced_search").show();
                $("#show_advanced_search").hide();
                $("#hide_advanced_search").show();
                $("#hd_advanced_search").val('on');
            });

            $("#hide_advanced_search").click(function () {
                $(".div_advanced_search").hide();
                $("#hide_advanced_search").hide();
                $("#show_advanced_search").show();
                $("#hd_advanced_search").val('off');
            });
        });

        function getOrderDeliveryData(data_type, status_query) {

            // Generate Query Data
            var search_by_date = 'off';
            if ($("#search_by_date").is(":checked")) {
                search_by_date = 'on';
            }
            var from_date = $.trim($('#from_date').val());
            var to_date = $.trim($('#to_date').val());

            var search_by_order = 'off';
            if ($("#search_by_order").is(":checked")) {
                search_by_order = 'on';
            }
            var from_order = $.trim($('#from_order').val());
            var to_order = $.trim($('#to_order').val());

            var search_filter_step = $("#search_filter_step").val();

            if (search_by_order == 'on') {
                if (from_order == '' || to_order == '' || isNaN(from_order) || isNaN(to_order)) {
                    alert("From Order and To Order Fields are not valid");
                    return;
                }
            }

            var customer_contact = $.trim($("#customer_contact").val());

            var multiple_id = 'off';
            if ($("#multiple_id").is(":checked")) {
                multiple_id = 'on';
            }

            var hidden_fields = '';
            $(".hidden_chk").each(function(){
                if($(this).is(":checked")){
                    hidden_fields += $(this).val() + 'hf_separator';
                }
            });

            var fsp_rd = '';
            var fsp_id = '';
            if($("#fsp_only").is(":checked")){
                fsp_rd = 'fsp_only';
                fsp_id = $("#fsp_id").val();
            } else if($("#fsp_no").is(":checked")){
                fsp_rd = 'fsp_no';
            }

            var data = "search_by_date=" + search_by_date + "&from_date=" + from_date + "&to_date=" + to_date + "&search_by_order=" + search_by_order + "&from_order=" + from_order + "&to_order=" + to_order + "&search_filter_step=" + search_filter_step + "&customer_contact=" + customer_contact + "&multiple_id=" + multiple_id + "&fsp_rd=" + fsp_rd + "&fsp_id=" + fsp_id + "&status_query=" + status_query + "&hidden_fields=" + hidden_fields;

            var advanced_params = '';
            var advanced_param_values = '';
            var advanced_search = $("#hd_advanced_search").val();

            if (advanced_search == "on") {
                if ($("#entry_date_chk").is(":checked")) {
                    data += '&entry_date_from=' + $.trim($("#entry_date_from").val()) + '&entry_date_to=' + $.trim($("#entry_date_to").val());

                    var all_chk_fields = '';
                    $(".all_chk").each(function(){
                        if($(this).is(":checked")){
                            all_chk_fields += $(this).attr("id") + ",";
                        }
                    });
                    if(all_chk_fields != '') {
                        data += "&all_chk_fields=" + all_chk_fields;
                    }
                }

                var customer_area = $("#customer_area").val();
                if (customer_area != '') {
                    advanced_params += 'param_separator' + 'customer_area';
                    advanced_param_values += 'value_separator' + customer_area;
                }

                var customer_zone = $("#customer_zone").val();
                if (customer_zone != '') {
                    advanced_params += 'param_separator' + 'customer_zone';
                    advanced_param_values += 'value_separator' + customer_zone;
                }

                // var available = $("#available").val();
                // if (available != '') {
                //     advanced_params += 'param_separator' + 'available';
                //     advanced_param_values += 'value_separator' + available;
                // }

                var available_locations = $("#available_locations").val();
                if (available_locations != '') {
                    advanced_params += 'param_separator' + 'available_locations';
                    advanced_param_values += 'value_separator' + available_locations;
                }

                var pre_confirmation = $("#pre_confirmation").val();
                if (pre_confirmation != '') {
                    advanced_params += 'param_separator' + 'pre_confirmation';
                    advanced_param_values += 'value_separator' + pre_confirmation;
                }

                var customer_confirmation = $("#customer_confirmation").val();
                if (customer_confirmation != '') {
                    advanced_params += 'param_separator' + 'customer_confirmation';
                    advanced_param_values += 'value_separator' + customer_confirmation;
                }

                var inter_change_no = $.trim($("#inter_change_no").val());
                if (inter_change_no != '') {
                    advanced_params += 'param_separator' + 'inter_change_no';
                    advanced_param_values += 'value_separator' + inter_change_no;
                }

                var inter_change_locations = $("#inter_change_locations").val();
                if (inter_change_locations != '') {
                    advanced_params += 'param_separator' + 'inter_change_locations';
                    advanced_param_values += 'value_separator' + inter_change_locations;
                }

                var serial_no = $.trim($("#serial_no").val());
                if (serial_no != '') {
                    advanced_params += 'param_separator' + 'serial_no';
                    advanced_param_values += 'value_separator' + serial_no;
                }

                var inv_bill_no = $.trim($("#inv_bill_no").val());
                if (inv_bill_no != '') {
                    advanced_params += 'param_separator' + 'inv_bill_no';
                    advanced_param_values += 'value_separator' + inv_bill_no;
                }

                var inter_received = $("#inter_received").val();
                if (inter_received != '') {
                    advanced_params += 'param_separator' + 'inter_received';
                    advanced_param_values += 'value_separator' + inter_received;
                }

                var qc_passed = $("#qc_passed").val();
                if (qc_passed != '') {
                    advanced_params += 'param_separator' + 'qc_passed';
                    advanced_param_values += 'value_separator' + qc_passed;
                }

                var packed_by = $("#packed_by").val();
                if (packed_by != '') {
                    advanced_params += 'param_separator' + 'packed_by';
                    advanced_param_values += 'value_separator' + packed_by;
                }

                var vehicle = $("#vehicle").val();
                if (vehicle != '') {
                    advanced_params += 'param_separator' + 'vehicle';
                    advanced_param_values += 'value_separator' + vehicle;
                }

                var delivery_complete = $("#delivery_complete").val();
                if (delivery_complete != '') {
                    advanced_params += 'param_separator' + 'delivery_complete';
                    advanced_param_values += 'value_separator' + delivery_complete;
                }

                var undelivery = $("#undelivery").val();
                if (undelivery != '') {
                    advanced_params += 'param_separator' + 'undelivery';
                    advanced_param_values += 'value_separator' + undelivery;
                }

                var re_delivery_complete = $("#re_delivery_complete").val();
                if (re_delivery_complete != '') {
                    advanced_params += 'param_separator' + 're_delivery_complete';
                    advanced_param_values += 'value_separator' + re_delivery_complete;
                }

                var bill_void = $("#bill_void").val();
                if (bill_void != '') {
                    advanced_params += 'param_separator' + 'bill_void';
                    advanced_param_values += 'value_separator' + bill_void;
                }

                if ($("#delivery_date_chk").is(":checked")) {
                    advanced_params += 'param_separator' + 'delivery_date';
                    advanced_param_values += 'value_separator' + $("#delivery_date_from").val() + 'date_separator' + $("#delivery_date_to").val();
                }

                if ($("#re_delivery_schedule_chk").is(":checked")) {
                    advanced_params += 'param_separator' + 're_delivery_schedule';
                    advanced_param_values += 'value_separator' + $("#re_delivery_schedule_from").val() + 'date_separator' + $("#re_delivery_schedule_to").val();
                }
            }

            data += "&advanced_params=" + advanced_params + "&advanced_param_values=" + advanced_param_values;
            // End Generate

            if (data_type == 'excel_data') {
                var url = '{{ route("orderDeliveryExcel", ":data") }}';
                url = url.replace(':data', data);
                window.open(url);
            } else if (data_type == 'search_data') {
                // Collapse Statistics Bar
                $("#order-delivery-status").hide();
                $("#order-delivery-status-box").addClass("collapsed-box");
                $("#order-delivery-status-plus-minus").removeClass("fa-minus");
                $("#order-delivery-status-plus-minus").addClass("fa-plus");
                // add loader

                var total_amount = '0';
                var shipping_cost_amount = '0';
                $('.order-filter-wrapper').append('<div class="overlay main_div_inner_overlay"><i class="fa fa-refresh fa-spin"></i></div>');
                $.ajax({
                    type: "POST",
                    url: "{{ route('orderDeliveriesAjax') }}",
                    data: data,
                    cache: false,
                    success: function (result) {
                        $('#order-delivery-list').html(result);
                        var arr = result.split("dataseparator");
                        $('#order-delivery-list').html($.trim(arr[0]));
                        var arr2 = $.trim(arr[1]).split('blank_data_count_separator');
                        $('#order-delivery-blank-summary').html($.trim(arr2[0]));
                        var blank_data_count = arr2[1];
                        $("#sp_blank_data_total").html(blank_data_count);
                        // $('#order-delivery-status').html($.trim(arr[2]));
                        total_amount = arr[3];
                        shipping_cost_amount = arr[4];
                    },
                    error: function (jqXHR, status, err) {
                        // alert(err);
                    },
                    complete: function () {
                        $(".main_div_inner_overlay").remove();
                        $('#order_delivery_list_table').DataTable({
                            "order": [[0, 'desc']],
                            "pageLength": 50,
                            "language": {
                                "info": "Showing _START_ to _END_ of _TOTAL_ entries - Total Order Amount - " + total_amount + ' , Total Shipping Cost - ' + shipping_cost_amount
                            },
                            scrollY: 300,
                            scrollX: true,
                            scroller: true
                        });
                    }
                });
            }
        }

        function search_from_status(column_name, data_search) {
            getOrderDeliveryData('search_data', column_name + ',' + data_search);
        }
    </script>
@endsection