@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="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 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_table9" name="filter_table9" onchange="reloadDatatable()">
                                    <option value="" selected>Show All</option>
                                    <option value="1">No</option>
                                    <option value="2">Yes</option>
                                </select>
                            </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>
    </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>Invoice Number</th>
                        <th>Payment Time</th>
                        <th>Order Time</th>
                        <th>Pending Time</th>
                        <th>Shipping Agent</th>
                        <th>Shipping Service</th>
                        <th>Marketplace</th>
                        <th>Batas Kirim</th>
                        <th>Trouble</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

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

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