@extends('pages.delivery.index')

@section('content_tab')
    <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('deliveryreadytopick') ? ' active' : '' }}" id="" href="/deliveryreadytopick">
                Ready 
                {{-- <span class="dot" style="display:none" id="tab_pending_count"></span> --}}
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link {{ request()->is('deliveryreadytopickoos') ? ' active' : '' }}" id="" href="/deliveryreadytopickoos">
                OOS 
                {{-- <span class="dot" style="display:none" id="tab_readytopick_count"></span> --}}
            </a>
        </li>
    </ul>

    <div class="d-flex flex-row mt-2 p-1">
        <div class="col-md-12" align="right">
            Outstanding : <span id="outstanding_set_id"></span>
        </div>
    </div>
        <div class="block-header">
            <h3 class="block-title"></h3>
        @if (in_array('6-2-2a', Session::get('access')))
            <div class="block-options">
                <button class="btn btn-outline-danger" onclick="acceptOrderSpecify()" id="btn_accept_specify">
                    Pick Up <br> Order
                </button>
            </div>
        @endif
        {{-- @if (in_array('6-2-2b', Session::get('access')))
            <div class="block-options">
                <button class="btn btn-outline-warning" onclick="acceptOrderAll()" id="btn_accept_all">
                    Pick Up All <br> Order
                </button>
            </div>
         @endif --}}
            <div class="block-options">
                <button type="submit" class="btn btn-outline-success" onclick="exportExcel()">
                    <i class="fa fa-file-excel"></i>
                </button>
            </div>
        </div>
    <div class="d-flex flex-row mt-2 p-1">
        <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Courier</label>
                <select class="form-control form-control-inline " id="filter_table1" name="filter_table1" onchange="reloadDatatable()">
                    <option value="" selected>Show all</option>
                    @foreach($data["courier"] as $courier)
                        <option value="{{ $courier->shipping_agent }}">{{ $courier->shipping_agent }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Courier Detail</label>
                <select class="form-control form-control-inline " id="filter_table3" name="filter_table3" onchange="reloadDatatable()">
                    <option value="" selected>Show all</option>
                    @foreach($data["courier_detail"] as $courier)
                        <option value="{{ $courier->shipping_service }}">{{ $courier->shipping_service }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Marketplace</label>
                <select class="form-control form-control-inline " id="filter_table2" name="filter_table2" onchange="reloadDatatable()">
                    <option value="" selected>Show all</option>
                    <option value="1">Tokopedia</option>
                    <option value="2">Blibli</option>
                    <option value="3">Shopee</option>
                    <option value="4">Bukalapak</option>
                    <option value="5">Lazada</option>
                    <option value="6">Tiktok</option>
                    <option value="7">Internal</option>
                </select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Shop</label>
                <select class="form-control form-control-inline " id="filter_table5" name="filter_table5" onchange="reloadDatatable()">
                    <option value="" selected>Show all</option>
                    @foreach($data["shop_master"] as $shop)
                        <option value="{{ $shop->id }}">{{ $shop->marketplace_name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="d-flex flex-row mt-2 p-1">
         <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Warehouse</label>
                <select class="form-control form-control-inline " id="filter_table6" name="filter_table6" onchange="reloadDatatable()">
                    <option value="" selected>Show all</option>
                    @foreach($data["warehouse"] as $warehouse)
                        <option value="{{ $warehouse->code }}">{{ $warehouse->code }} - {{ $warehouse->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Products</label>
                <select class="form-control form-control-inline " id="filter_table4" name="filter_table4" onchange="reloadDatatable()">
                </select>
            </div>
        </div>
    </div>
    <div>
        <table class="table table-striped  nowrap table-sm table-vcenter js-dataTable-simple" id="list_data" style="width: 100%;zoom:85%">
            <thead>
                <tr>
                    <th>
                        <div class="custom-control custom-checkbox d-inline-block">
                            <input type="checkbox" class="custom-control-input" id="check-all" onchange="checkCondition()">
                            <label class="custom-control-label" for="check-all"></label>
                        </div>
                    </th>
                    <th>Invoice<br>Number</th>
                    <th>Progress<br>Time</th>
                    <th>Due<br>Date</th>
                    <th>Shipping Agent</th>
                    <th>Shipping Service</th>
                    <th>Marketplace</th>
                    {{-- <th>Action</th> --}}
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
@endsection

@section('modal_tab')
    @include('pages.delivery.tab_ready_pick.modal')
@endsection

@section('modal_fuction')
    @include('pages.delivery.tab_ready_pick.function')
@endsection