@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>
        </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">Products</label>
                <select class="form-control form-control-inline " id="filter_table1" name="filter_table1" onchange="reloadDatatable()" style="width: 100%;">
                </select>
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group has-success">
                <label for="form_control_1">Qty</label>
                <br>
                <input type="number" id="filter_table2" name="filter_table2" onchange="reloadDatatable()" class="form-control">
                </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" 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-2">
            <div class="form-group has-success">
                <label for="form_control_1">Export</label><br>
                <button type="submit" class="btn btn-outline-success" onclick="exportExcel()">
                    <i class="fa fa-file-excel"></i>
                </button>
            </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>Consolidate<br>Number</th>
                    <th>SKU</th>
                    <th>Qty</th>
                    <th>Total<br>Order</th>
                    <th>Accepted<br>Time</th>
                    <th>Accepted<br>User</th>
                    <th>Shipping Agent</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
@endsection

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

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