@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="tab_readytopick_ready" 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="tab_readytopick_oos" 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_oos_set_id"></span>
        </div>
    </div>

    <div class="block-header mb-4">
        <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
        {{-- <div class="block-options">
            <button type="button" class="btn btn-outline-primary" onclick="viewNote()">
                Add Note
            </button>
        </div> --}}
        {{-- <div class="block-options">
            <button type="button" class="btn btn-outline-secondary" onclick="viewAction()">
                Add Action
            </button>
        </div> --}}
        <div class="block-options">
            <button type="button" class="btn btn-outline-warning" onclick="viewSkuOos()">
                SKU OOS
            </button>
        </div>
        <div class="block-options">
            <button type="submit" class="btn btn-outline-success" onclick="downloadOos()">
                <i class="fa fa-file-excel"></i>
            </button>
        </div>
    </div>

    <div class="row">
        <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="reloadDatatableOos()">
                    <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_table2" name="filter_table2" onchange="reloadDatatableOos()">
                    <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">Products</label>
                <select class="form-control form-control-inline " id="filter_table4" name="filter_table4" onchange="reloadDatatableOos()" style="width: 100%">
                </select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Batas Kirim</label>
                <select class="form-control form-control-inline " id="filter_table5" name="filter_table5" onchange="reloadDatatableOos()">
                    <option value="" selected>Show All</option>
                    <option value="0">Overdue</option>
                    <option value="1">Kurang dari 6 jam</option>
                    <option value="2">Kurang dari 24 jam</option>
                    <option value="3">Lebih dari 24 jam</option>
                </select>
            </div>
        </div>
    </div>

    <div class="row mb-3">
        <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_table3" name="filter_table3" onchange="reloadDatatableOos()">
                    <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_table7" name="filter_table7" onchange="reloadDatatableOos()">
                    <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 class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Status Proses</label>
                <select class="form-control form-control-inline " id="filter_table8" name="filter_table8" onchange="reloadDatatableOos()">
                    <option value="" selected>Show all</option>
                    <option value="1">Proses</option>
                    <option value="2">Ganti Varian</option>
                    <option value="0">Cancel</option>
                </select>
            </div>
        </div> --}}
    </div>

    {{-- <div class="row mb-3">
        <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Status</label>
                <select class="form-control form-control-inline " id="filter_table6" name="filter_table6" onchange="reloadDatatableOos()">
                    <option value="0">Belum di proses</option>
                    <option value="1">Sudah di proses</option>
                </select>
            </div>
        </div>
    </div> --}}

    <table class="table table-striped  nowrap table-sm table-vcenter js-dataTable-simple" id="list_data_oos" 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>Action</th>
                <th>Invoice</th>
                <th>Tanggal<br>Order</th>
                <th>Batas<br>Kirim</th>
                <th>Marketplace</th>
                <th>SKU</th>
                <th>Qty</th>
                <th>Shipping Agent</th>
                <th>Shipping Service</th>
                {{-- <th>Aksi</th>
                <th>Tanggal<br>Aksi</th> --}}
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
@endsection

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

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