@extends('layouts.backend')

@section('content')
<div class="content">
    <!-- Your Block -->
    <div class="block">
        <div class="block-header">
            <h3 class="block-title">Scan Pending</h3>
            <div class="block-options">
                <button type="submit" class="btn btn-outline-success" onclick="printData()">
                    <i class="fa fa-file-excel"></i> Print
                </button>
            </div>
        </div>
        <div class="row mx-2">
            <div class="col-md-3">
                <div class="form-group has-success">
                    <label for="form_control_1" style="font-size: 14px">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" style="font-size: 14px">Shipping Service</label>
                    <select class="form-control form-control-inline" id="filter_table2" name="filter_table2" 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>
        <div class="block-content block-content-full">
            <table class="table table-striped nowrap table-sm" id="list_data" style="width: 100%;zoom: 85%;">
                <thead>
                    <tr>
                        <th>Invoice Number</th>
                        <th>No Resi</th>
                        <th>Payment Time</th>
                        <th>Order Time</th>
                        <th>Due Date</th>
                        <th>Shipping Agent</th>
                        <th>Shipping Service</th>
                        <th>Marketplace</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('js_after')
    @include('pages.delivery_v2.shipping.scan_pending.function')
    @include('pages.delivery_v2.shipping.scan_pending.modal')
    @include('pages.globalFunction')
@endsection