@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">Scan Load</h3>
                <div class="block-options">
                    <select class="form-control form-control-inline " id="filter_kurir">
                        <option value="" selected>Show all</option>
                        @foreach($data["status_courier"] as $courier)
                            <option value="{{ $courier->name }}">{{ $courier->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="block-options">
                    <button type="submit" class="btn btn-outline-success" onclick="modalExcelDownlodd()">
                        <i class="fa fa-file-excel"></i> Print
                    </button>
                    @php
                        $ur = Session::get('users.username');
                    @endphp
                    @if ($ur == 'faisal' || $ur == 'agung' || $ur == 'juhaedi' || $ur == 'jun')
                        <button class="btn btn-outline-success" onclick="printCage()">
                            <i class="fa fa-file-excel"></i> Print Cage Number
                        </button>
                        <button type="submit" class="btn btn-outline-primary" onclick="addCage()">Add Cage Number</button>
                    @endif
                </div>
            </div>
            <div class="row mx-2">
                <div class="col-md-4">
                    <div class="form-group">
                        <input type="hidden" name="filter_table1" id="filter_table1">
                        <input type="text" class="form-control" id="cage_number" placeholder="Masukan Cage Number (Tekan Enter)" onkeydown="if(event.keyCode === 13) { changeCheck(); return false; }">
                    </div>
                </div>
                {{-- <div class="col-md-3">
                    <div class="form-group has-success">
                        <label for="form_control_1">Courier</label>
                        <select class="form-control form-control-inline " id="courier_set" name="courier_set" onchange="changeCheck()">
                            <option value="">Show all</option>
                            @foreach($data["status_courier"] as $courier)
                                <option value="{{ $courier->name }}">{{ $courier->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div> --}}
            </div>
            <div class="row mx-2">
                <div class="col-12">
                    <div class="form-group">
                        <input type="text" class="form-control" id="awb_number" placeholder="Nomor Resi atau Invoice" onchange="checkInvoiceNumber();" readonly>
                    </div>
                </div>
            </div>
            <audio id="routingCheck" src="{{ asset('audio/routing_check.m4a') }}"></audio>
            <audio id="routingDouble" src="{{ asset('audio/routing_double.m4a') }}"></audio>
            <audio id="routingError" src="{{ asset('audio/routing_error.mp3') }}"></audio>
            <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="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 class="block">
            <div class="block-content block-content-full">
                <table class="table table-striped  nowrap table-sm table-vcenter" id="list_data_detail" style="width:100%">
                    <thead>
                        <tr>
                            <th width="10%">Nomor</th>
                            <th width="10%">AWB</th>
                            <th width="10%">Tanggal Scan</th>
                            <th width="10%">Loader</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

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