@extends('layouts.backend')
@section('content')
<div class="content">
    <!-- Your Block -->
    <div class="block">
        <div class="block-header">
            <h3 class="block-title">Loading Done</h3>
            <div class="block-options">
                <button type="submit" class="btn btn-outline-danger" onclick="exportPdf()">
                    <i class="fa fa-file-pdf"></i> Reprint Surat Jalan
                </button>
                <button type="submit" class="btn btn-outline-success" onclick="exportExcel()">
                    <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 ">
                    <div class="input-icon">
                        <label for="form_control_1">{{__('Date From')}}</label>
                        <input type="text" class="js-flatpickr form-control bg-white" id="filter_table2" data-enable-time="true" data-time_24hr="true">
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group has-success ">
                    <div class="input-icon">
                        <label for="form_control_1">{{__('Date To')}}</label>
                        <input type="text" class="js-flatpickr form-control bg-white" id="filter_table3" data-enable-time="true" data-time_24hr="true">
                    </div>
                </div>
            </div>
            <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">
                        <option value="" selected>Show all</option>
                        @foreach($data["courier"] as $courier)
                            <option value="{{ $courier->courier }}">{{ $courier->courier }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="row mx-2">
            <div class="col-12">
                <button type="button" class="btn btn-primary" onclick="reloadDatatableDetail()">
                    Preview
                </button>
            </div>
        </div>
        <div class="block-content block-content-full">
            <table class="table table-striped nowrap table-sm" id="list_data_detail" style="width: 100%;zoom: 85%;">
                <thead>
                    <tr>
                        <th>NO Surat Jalan</th>
                        <th>Cage Number</th>
                        <th>Kurir</th>
                        <th>Nama Kurir</th>
                        <th>Plat Nomor</th>
                        <th>No HP</th>
                        <th>Tanggal Routing</th>
                        <th>Tanggal Validasi</th>
                        <th>Tanggal Handover</th>
                        <th>User Routing</th>
                        <th>User Validasi</th>
                        <th>User Handover</th>
                    </tr>
                </thead>
                <tbody>
                    <td colspan="12" class="text-center">Belum ada preview</td>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

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