@extends('pages.shipping_os.index')

@section('content_tab')
    <div class="d-flex flex-row mt-2 p-1">
        <div class="col-md-12 mb-3" align="right">
            {{-- Outstanding : <span id="outstanding_set_id"></span> --}}
        </div>
    </div>
    <div class="d-flex flex-row align-items-center mt-2 p-1">
        <div class="col-md-2">
            <div class="form-group has-success ">
                <div class="input-icon">
                  <label for="form_control_1">{{__('Date From')}}</label>
                  <input class="form-control form-control-inline date-picker" size="16" type="date" id="filter_table1" onchange="reloadDatatable()" data-date-format="yyyy-mm-dd" value="2024-01-01"/>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group has-success ">
                <div class="input-icon">
                  <label for="form_control_1">{{__('Date To')}}</label>
                  <input class="form-control form-control-inline date-picker" size="16" type="date" id="filter_table2" onchange="reloadDatatable()" data-date-format="yyyy-mm-dd" value="2026-04-14"/>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group has-success">
                <label for="form_control_1">Courier</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"] as $courier)
                        <option value="{{ $courier->shipping_agent }}">{{ $courier->shipping_agent }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group has-success">
                <label for="form_control_1">Courier Detail</label>
                <select class="form-control form-control-inline " id="filter_table4" name="filter_table4" onchange="reloadDatatable()">
                    <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-2">
            <div class="form-group">
                <label for="form_control_1">Marketplace</label>
                <select class="js-select2 form-control" onchange="reloadDatatable()" id="filter_table5" name="filter_table5" style="width: 100%;" data-placeholder="Choose one.." data-select2-id="filter_table5" aria-hidden="true">
                    <option value="" ></option>
                    @foreach ($data['marketplace'] as $val)
                        <option value="{{$val->id}}" > {{$val->marketplace_name}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-2">
            <button type="submit" class="btn btn-outline-success" onclick="exportExcel()">
                <i class="fa fa-file-excel"></i>
            </button>
        </div>
    </div>
    <table class="table table-striped  nowrap table-sm table-vcenter js-dataTable-simple" id="list_data" style="width:100%">
    <thead>
        <tr>
            <th>Invoice<br>Number</th>
            <th>Kurir</th>
            <th>No Resi</th>
            <th>Marketplace</th>
            <th>Order Time</th>
            <th>Shipping Time</th>
            <th>Status WMS</th>
            <th>Status MP</th>
            <th>Total Hari</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
@endsection

@section('modal_tab')
    @include('pages.shipping_os.tab_shipping_cancel.modal')
@endsection

@section('modal_fuction')
    @include('pages.shipping_os.tab_shipping_cancel.function')
@endsection