@extends('pages.delivery_bypass.index')

@section('content_tab')
    <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-1a', Session::get('access')))
        <div class="block-options">
            <button class="btn btn-outline-danger" onclick="acceptOrderSpecify()" id="btn_accept_specify">
                To <br> Pick Up
            </button>
        </div>
    @endif
    {{-- @if (in_array('6-2-1b', Session::get('access')))
        <div class="block-options">
            <button class="btn btn-outline-warning" onclick="acceptOrderAll()" id="btn_accept_all">
                To <br> Pick Up All
            </button>
        </div>
    @endif --}}
    </div>
    <div class="d-flex flex-row mt-2 p-1">
        <div class="col-md-2">
            <div class="form-group has-success">
                <label for="form_control_1">Marketplace</label>
                <select class="form-control form-control-inline " id="filter_table5" name="filter_table5" onchange="changeMarketplace(this.value)">
                    <option value="" selected>Show All</option>
                    <option value="6">Tiktok</option>
                    <option value="3">Shopee</option>
                </select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group has-success">
                <label for="form_control_1">Shop <span id="loadingtext" style="display: none">Loading...</span></label>
                <select class="form-control form-control-inline " id="filter_table1" name="filter_table1">
                    <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-2">
            <div class="form-group has-success">
                <label for="form_control_1">Qty <span id="loadingtext2" style="display: none">Loading...</span></label>
                <br>
                <input type="number" id="filter_table3" name="filter_table3" class="form-control">
                <button type="submit" class="btn btn-success btn-sm mt-2" onclick="showProductMin();">Show Product min. 10 Order</button>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group has-success">
                <div id="input_sku">
                    <label for="filter_table2" id="label_ganti_sku">Products min. 10 Order</label>
                    <select class="form-control form-control-inline" id="filter_table2" name="filter_table2" style="width: 100%">
                    </select>
                </div>
                <button type="button" onclick="gantiInputSku()" class="btn btn-secondary btn-sm mt-3">Change input SKU</button>
            </div>
        </div>
        <div class="col-md-2">
            <br>
            <button type="submit" class="btn btn-primary" onclick="reloadDatatableBypass();">Preview</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_table4" name="filter_table4">
                    <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_table7" name="filter_table7">
                    <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">Warehouse</label>
                <select class="form-control form-control-inline " id="filter_table6" name="filter_table6">
                    <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>
    <div>
        <table class="table table-striped  nowrap table-sm " id="list_data_bypass" 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>Order<br>Time</th>
                    <th>Due<br>Date</th>
                    <th>Marketplace</th>
                    <th>SKU</th>
                    <th>Qty</th>
                    <th>Shipping Agent</th>
                    <th>Shipping Service</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>  
    </div>
@endsection

@section('modal_tab')
    @include('pages.delivery_bypass.tab_pending.modal')
@endsection

@section('modal_fuction')
    @include('pages.delivery_bypass.tab_pending.function')
@endsection