@extends('layouts.master')
@section('data-sidebar')
<div id="product-cl-sec"> <a id="pl-close" class="close-btn-pl"></a>
    <div class="pro-header-text">Add <span>Product</span></div>
    <div class="se_cus-type form-wrap p-15">
        <div class="row">
            <div class="col-12">
                <div class="productSearch"><i class="fa fa-search"></i>
                    <input type="text" class="form-control search_from_inventory" id="" placeholder="Search">
                </div>
            </div>
        </div>
    </div>
    <div class="pc-cartlist">
        <div class="overflow-plist">
            <div class="plist-content">
                <div class="_left-filter pt-0">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <div class="card top_border p-15">
                                    <table class="AddProductTable" width="100%">
                                        <tbody class="inventory_table_body">

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="_cl-bottom">
        <button id="pl-close" type="button" class="btn btn-primary mr-2 dn">Add</button>
        <button id="pl-close" type="button" class="btn btn-cancel mr-2">Cancel</button>
    </div>
</div>
@endsection
@section('content')
<link rel="stylesheet" href="/css/dispatchOrder.css">
<style>
    .daily-operations li:not(.active) a {
        pointer-events: none;
    }
</style>
{{-- <div id="wrapper"> --}}

<div class="dispatch-order">

    <div class="container">

        <div class="row">
            <div class="col-md-12">
                <div class="card daily-operations">

                    <ul class="nav nav-pills nav_M mb-3" id="pills-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active upperIcon" id="pills-home-tab" data-toggle="pill"
                                href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"
                                onclick="insertIDToSubmit('Orders')"><span>Orders</span>
                                <span class="wz-icon"><i class="fa fa-list-ul"></i></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link upperIcon" id="pills-contact-tab" data-toggle="pill"
                                href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false"
                                onclick="insertIDToSubmit('Credit')"><span>Credit</span>
                                <span class="wz-icon"><i class="fa  fa-dollar-sign"></i></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link upperIcon" id="pills-load-tab" data-toggle="pill" href="#pills-load"
                                role="tab" aria-controls="pills-load" aria-selected="false"
                                onclick="insertIDToSubmit('Load')"><span>Load</span>
                                <span class="wz-icon"><i class="fa fa-truck"></i></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link upperIcon" id="pills-final-tab" data-toggle="pill" href="#pills-final"
                                role="tab" aria-controls="pills-final" aria-selected="false"
                                onclick="insertIDToSubmit('Final')"><span>Final</span>
                                <span class="wz-icon"><i class="fa fa-check"></i></span>
                            </a>
                        </li>
                    </ul>

                    <div class="tab-content" id="pills-tabContent">


                        <div class="tab-pane tab_M p-0 PT-10 fade show active" id="pills-home" role="tabpanel"
                            aria-labelledby="pills-home-tab">
                            @include('distributor-admin.partials.orderList')
                        </div>

                        <div class="tab-pane tab_M fade" id="pills-contact" role="tabpanel"
                            aria-labelledby="pills-contact-tab">
                            @include('distributor-admin.partials.creditDetail')
                        </div>

                        <div class="tab-pane tab_M p-0 PT-15 fade" id="pills-load" role="tabpanel"
                            aria-labelledby="pills-load-tab">
                            @include('distributor-admin.partials.loadDetail')
                        </div>

                        <div class="tab-pane tab_M p-0 PT-15 fade" id="pills-final" role="tabpanel"
                            aria-labelledby="pills-final-tab">
                            @include('distributor-admin.partials.finalLoadList')
                        </div>

                        <div class="col-md-12 text-center" id="ButtonsArea" style="display: none">
                            <button type="submit" class="btn btn-primary m-0 mr-2 prevButtonDispatch mainDiv">Previous</button>
                            <button type="submit" class="btn btn-primary m-0 nextButton mainDiv">Next</button>
                        </div>

                    </div>

                </div>
            </div>

        </div>







    </div>


</div>

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

@endsection