@extends('layouts.backend')

@section('content')
    <style type="text/css">
    </style>
    <!-- Page Content -->
    <div class="content">
        <!-- Your Block -->
        <div class="block">
            <div class="block-content">
                <div class="js-wizard-simple block block">
                    <!-- Step Tabs -->
                    <ul class="nav nav-tabs nav-tabs-alt nav-justified" role="tablist"  style="zoom:80%">
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliverypending') ? ' active' : '' }}" id="tab_pending" href="/deliverypending">
                                Pending 
                                <span class="dot" style="display:none" id="tab_pending_count"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliveryreadytopick') ? ' active' : '' }}" id="tab_readytopick" href="/deliveryreadytopick">
                                Ready To Pick 
                                <span class="dot" style="display:none" id="tab_readytopick_count"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliveryconsil') ? ' active' : '' }}" id="tab_consil" href="/deliveryconsil">
                                Pick Up 
                                <span class="dot" style="display:none" id="tab_consil_count"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliverydistribut') ? ' active' : '' }}" id="tab_distribut" href="/deliverydistribut">
                                Consolidate 
                                <span class="dot" style="display:none" id="tab_distribut_count"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliverycheck') ? ' active' : '' }}" id="tab_check" href="/deliverycheck">
                                Checking 
                                <span class="dot" style="display:none" id="tab_check_count"></span>
                            </a>
                        </li>
                        {{-- <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliveryscale') ? ' active' : '' }}" id="tab_scale" href="/deliveryscale">
                                Scale
                            </a>
                        </li> --}}
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliverypickup') ? ' active' : '' }}" id="tab_pickup" href="/deliverypickup">
                                Ready To Deliver 
                                <span class="dot" style="display:none" id="tab_pickup_count"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliveryhandover') ? ' active' : '' }}" id="tab_hand_over" href="/deliveryhandover">
                                Hand Over 
                                <span class="dot" style="display:none" id="tab_hand_over_count"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliveryshipping') ? ' active' : '' }}" id="tab_shipping" href="/deliveryshipping">
                                Shipping 
                                <span class="dot" style="display:none" id="tab_shipping_count"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliverydelivered') ? ' active' : '' }}" id="tab_delivered" href="/deliverydelivered">
                                Delivered To Customer 
                                {{-- <span class="dot" style="display:none" id="tab_delivered_count"></span> --}}
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliverycancel') ? ' active' : '' }}" id="tab_cancel" href="/deliverycancel">
                                Cancel 
                                {{-- <span class="dot" style="display:none" id="tab_cancel_count"></span> --}}
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliveryfailto') ? ' active' : '' }}" id="tab_failto" href="/deliveryfailto">
                                Fail To Deliver 
                                {{-- <span class="dot" style="display:none" id="tab_failto_count"></span> --}}
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('deliveryreturn') ? ' active' : '' }}" id="tab_return" href="/deliveryreturn">
                                Return 
                                {{-- <span class="dot" style="display:none" id="tab_return_count"></span> --}}
                            </a>
                        </li>
                    </ul>
                    <!-- END Step Tabs -->

                    <!-- Steps Content -->
                    <div class="block-content block-content-full tab-content px-md-5" style="min-height: 303px;">
                        <!-- Step 1 -->
                        <div class="tab-pane active" role="tabpanel">
                             @yield('content_tab')
                        </div>
                        <!-- END Step 1 -->
                    </div>
                    <!-- END Steps Content -->
                </div>
            </div>
        </div>
        <!-- END Your Block -->
    </div>
    <!-- END Page Content -->
    <!-- Page Modal -->
        @yield('modal_tab')
    <!-- END Page Modal -->
@endsection

@section('js_after')
    @yield('modal_fuction')
    <script type="text/javascript">
        $(document).ready(function(){
            outstandingTabCheck();
        });
        function outstandingTabCheck(){
            $.ajax({ 
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, 
                url: 'deliverypending/outstandingtabs', 
                type: 'POST', 
                cache : false, 
                processData: false, 
                success: function (response) { 
                    if (response["pending"] != 0) {
                        $("#tab_pending_count").show();
                        $("#tab_pending_count").html(response["pending"]);
                    }
                    else{
                        $("#tab_pending_count").hide();
                    }
                    if (response["readypick"] != 0) {
                        $("#tab_readytopick_count").show();
                        $("#tab_readytopick_count").html(response["readypick"]);
                    }
                    else{
                        $("#tab_readytopick_count").hide();
                    }
                    if (response["consi"] != 0) {
                        $("#tab_consil_count").show();
                        $("#tab_consil_count").html(response["consi"]);
                    }
                    else{
                        $("#tab_consil_count").hide();
                    }
                    if (response["distribut"] != 0) {
                        $("#tab_distribut_count").show();
                        $("#tab_distribut_count").html(response["distribut"]);
                    }
                    else{
                        $("#tab_distribut_count").hide();
                    }
                    if (response["check"] != 0) {
                        $("#tab_check_count").show();
                        $("#tab_check_count").html(response["check"]);
                    }
                    else{
                        $("#tab_check_count").hide();
                    }
                    if (response["pickup"] != 0) {
                        $("#tab_pickup_count").show();
                        $("#tab_pickup_count").html(response["pickup"]);
                    }
                    else{
                        $("#tab_pickup_count").hide();
                    }
                    if (response["handover"] != 0) {
                        $("#tab_hand_over_count").show();
                        $("#tab_hand_over_count").html(response["handover"]);
                    }
                    else{
                        $("#tab_hand_over_count").hide();
                    }
                    if (response["shipping"] != 0) {
                        $("#tab_shipping_count").show();
                        $("#tab_shipping_count").html(response["shipping"]);
                    }
                    else{
                        $("#tab_shipping_count").hide();
                    }

                    // $("#tab_delivered_count").html(response[""]);
                    // $("#tab_cancel_count").html(response[""]);
                    // $("#tab_failto_count").html(response[""]);
                    // $("#tab_return_count").html(response[""]);
                }, 
                error: function (response) { 
                    alertModalStd("Opppss! We are sorry there's something wrong. Please refresh the page and try again or contact the administrator !!!",5000);
                }, 
            });
        
        }
    </script>
    @include('pages.globalFunction')
@endsection