@extends('layouts.backend')

@section('content')
    <style type="text/css">
    </style>
    <!-- Page Content -->
    <div class="content">
        <!-- Your Block -->
        <div class="block">
            <div class="block-header">
                <h3 class="block-title">Loading</h3>
                {{-- <div class="block-options">
                    <button type="submit" class="btn btn-outline-success" onclick="printHandover()">
                        <i class="fa fa-file-excel"></i> Reprint Surat Jalan
                    </button>
                </div> --}}
                <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 class="block-options">
                    <button type="button" class="btn btn-primary" onclick="suratJalan()">Buat Surat Jalan</button>
                </div>
            </div>
            <div class="row mx-2">
                <div class="col-md-4">
                    <div class="form-group has-success">
                        <label for="form_control_1" style="font-size: 14px">Courier</label>
                        <select class="form-control form-control-inline" id="filter_table1" onchange="reloadDatatable()">
                            <option value="" selected>-- Show All --</option>
                            @foreach($data["status_courier"] as $courier)
                                <option value="{{ $courier->name }}">{{ $courier->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="block-content block-content-full">
                <table class="table table-striped  nowrap table-sm table-vcenter" id="list_data" style="width:100%">
                    <thead>
                        <tr>
                            <th width="1%">
                                <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 width="10%">Cage Number</th>
                            <th width="10%">Kurir</th>
                            <th width="10%">Created</th>
                            <th width="10%">Tanggal</th>
                            <th width="10%">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

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