@extends('pages.delivery_v2.index')

@section('filter_tab')
@php
    $courier_header = [];
    $courier_detail = [];
@endphp

<div class="block block-rounded">
    <div class="block-header block-header-default">
        <button class="accordion">Filter</button>
    </div>
    <div class="panel">
        <div class="block-content block-content-full">
            <div class="row">
                <div class="col-lg-12 space-y-2">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group has-success">
                                <label for="form_control_1">Shipping Agent</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)
                                        @php
                                            $courier_header[] = $courier->shipping_agent;
                                        @endphp
                                        <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">Shipping Service</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)
                                        @php
                                            $courier_detail[] = $courier->shipping_service;
                                        @endphp
                                        <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="changeMarketplace(this.value)">
                                    <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 <span id="loadingtext" style="display: none">Loading...</span></label>
                                <select class="form-control form-control-inline select2" id="filter_table5" name="filter_table5" onchange="reloadDatatable()" style="width: 100%">
                                    <option value="" selected>Pilih Marketplace Terlebih Dahulu</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group has-success">
                                <label for="form_control_1">Due Date</label>
                                <select class="form-control form-control-inline " id="filter_table9" name="filter_table9" onchange="reloadDatatable()">
                                    <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>
                                    <option value="4">Kurang dari 7 Hari</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group has-success">
                                <label for="form_control_1">Show Error</label>
                                <select class="form-control form-control-inline " id="filter_table12" name="filter_table12" onchange="reloadDatatable()">
                                    <option value="" selected>Show All</option>
                                    <option value="1">OOS</option>
                                    <option value="2">Error Lain</option>
                                    <option value="3">Jangan Tampilkan Error</option>
                                </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_table13" name="filter_table13" 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>
                    <hr>
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group has-success">
                                <div id="input_sku">
                                    <label for="filter_table10" id="label_ganti_sku">SKU <span id="loadingtext2" style="display: none">Loading...</span></label> <br>
                                    <select class="form-control form-control-inline select2 cari" id="filter_table10" name="filter_table10" style="width: 100%">
                                    </select>
                                </div>
                                {{-- <button type="button" onclick="gantiInputSku()" class="btn btn-secondary btn-sm mt-3">Change input SKU</button>
                                <button type="submit" class="btn btn-success btn-sm mt-3" onclick="showProductMin();">Show SKU min. 10 Order</button> --}}
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group has-success">
                                <div id="input_sku">
                                    <label for="filter_table11">QTY</label>
                                    <input type="number" name="filter_table11" id="filter_table11" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group has-success">
                                <div>
                                    <label for="">‎</label>
                                </div>
                                <button type="submit" class="btn btn-primary" onclick="reloadDatatable();">Preview</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content_tab')
<div class="block block-rounded">
    <input type="hidden" value="{{ implode(';', $courier_header) }}" id="filter_table7"> {{-- Mencari kurir instant --}}
    <input type="hidden" value="{{ implode(';', $courier_detail) }}" id="filter_table8"> {{-- Mencari kurir instant --}}
    <input type="hidden" value="1" id="filter_table4"> {{-- Kategori tab. 1 = Instant, 2 = Pre Order, 3 = Reguler --}}
    <input type="hidden" value="" id="filter_table6"> {{-- Menyimpan table checked --}}
    <ul class="nav nav-tabs nav-tabs-block" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="tab_instant" onclick="tabKategori(1, 'tab_instant')">Instant</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tab_preorder" onclick="tabKategori(2, 'tab_preorder')">Pre Order</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tab_reguler" onclick="tabKategori(3, 'tab_reguler')">Reguler</button>
        </li>
        <li class="nav-item ml-auto" role="presentation">
            <div class="d-flex">
                @if (in_array('6-2-1a', Session::get('access')))
                <button type="button" class="nav-link" onclick="acceptOrderSpecify()" id="btn_accept_specify">
                    <span id="count_check_label" class="badge rounded bg-primary text-white mr-1">0</span>
                    To RTP
                    <i class="fa fa-fw fa-rocket ml-2"></i>
                </button>
                @endif
                <button type="button" class="nav-link" onclick="exportExcel()">
                    <i class="fa fa-file-excel"></i>
                </button>
            </div>
        </li>
    </ul>
    <div class="block-content tab-content">
        <div class="tab-pane active show" id="btabs-static-home" role="tabpanel" aria-labelledby="btabs-static-home-tab" tabindex="0">
            <table class="table table-striped nowrap table-sm" 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 Number</th>
                        <th>Payment Time</th>
                        <th>Order Time</th>
                        <th>Shipping Agent</th>
                        <th>Shipping Service</th>
                        <th>Marketplace</th>
                        <th>Due Date</th>
                        <th>Trouble</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('modal_tab')
    @include('pages.delivery_v2.tab_pending2.modal')
@endsection

@section('modal_fuction')
    @include('pages.delivery_v2.tab_pending2.function')
@endsection