@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">Routing</h3>
                <div class="block-options">
                    <button type="submit" class="btn btn-outline-danger" onclick="modalPdfDownlodd()">
                        <i class="fa fa-file-pdf"></i> Print for Courir
                    </button>
                    <button type="submit" class="btn btn-outline-success" onclick="modalExcelDownlodd()">
                        <i class="fa fa-file-excel"></i> Print Fullfilment
                    </button>
                </div>
            </div>
            <div class="row mx-2">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="example-text-input">ID routing</label>
                        <input type="text" class="form-control" id="id_routing" placeholder="ID routing" onchange="changeCheck()">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="example-text-input">ID packing</label>
                        <input type="text" class="form-control" id="id_packing" placeholder="ID packing" onchange="changeCheck()">
                    </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>
                            @php
                                $isShowJnt = true;
                                $isShowAnteraja = true;
                            @endphp
                            @foreach($data["status_courier"] as $courier)
                                @if ($courier->name != 'JNT Dede' && $courier->name != 'JNT Indra' && $courier->name != 'Anteraja' && $courier->name != 'Anteraja Sameday')
                                    <option value="{{ $courier->name }}">{{ $courier->name }}</option>
                                @else
                                    @if ($courier->name == 'JNT Dede' || $courier->name == 'JNT Indra')
                                        @if ($isShowJnt)
                                            <option value="JNT">JNT</option>
                                            @php
                                                $isShowJnt = false;
                                            @endphp
                                        @endif
                                    @endif

                                    @if ($courier->name == 'Anteraja' || $courier->name == 'Anteraja Sameday')
                                        @if ($isShowAnteraja)
                                            <option value="Anteraja">Anteraja</option>
                                            @php
                                                $isShowAnteraja = false;
                                            @endphp
                                        @endif
                                    @endif
                                @endif
                            @endforeach
                        </select>
                        <div id="wrap_jnt"></div>
                        <div id="wrap_anteraja"></div>
                    </div>
                </div>
                <div class="col-md-3 pt-4">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="kurir_manual">
                        <label class="form-check-label" for="kurir_manual">
                            Tandai sebagai input kurir manual
                        </label>
                    </div>
                </div>
            </div>  
            <div class="block-content block-content-full">
                <form role="form" id="formPicture">
                  <div class="form-body">
                    <br>
                    <div class="caption font-red-soft">
                      <i class="fa fa-bookmark font-red-soft"></i>
                      <span class="caption-subject bold uppercase">Detail Scanned</span>
                    </div>
                    <br>
                    <input type="text" class="form-control" id="invoice_number" placeholder="number" onchange="checkInvoiceNumber();" readonly>
                    <br>
                  </div>
                </form>
                <div class="form-group" style="text-align:right;">
                    <a href="/reprintsolot" class="btn btn-secondary">Cancel</a>
                </div>
            </div>
            <div class="row mx-2">
                <div class="col-md-4">
                    <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_table1" onchange="reloadDatatable()" data-enable-time="true" data-time_24hr="true">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <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_table2" onchange="reloadDatatable()" data-enable-time="true" data-time_24hr="true">
                        </div>
                    </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%">Nomor Resi</th>
                            <th width="10%">ID Routing</th>
                            <th width="10%">ID Packing</th>
                            <th width="10%">Kurir</th>
                            <th width="10%">Accepted By</th>
                            <th width="10%">Tanggal</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END Your Block -->
    </div>
    <!-- END Page Content -->
    <!-- Page Modal -->
    <!-- END Page Modal -->
@endsection

@section('js_after')
    @include('pages.scanned_invoice.function')
    @include('pages.scanned_invoice.modal')
    @include('pages.globalFunction')
@endsection