@extends('pages.delivery.index')

@section('content_tab')
    <div class="d-flex flex-row mt-2 p-1">
        <div class="col-md-12" align="right">
             <div class="block-options">
                    <button type="submit" class="btn btn-outline-success" onclick="reprintCheck()">
                        Reprint Hidden
                    </button>
                </div>  
            Outstanding : <span id="outstanding_set_id"></span>
        </div>
    </div>
    @if (in_array('6-2-5a', Session::get('access')))
    <div>
        <label for="example-text-input">QRCODE Hidden</label>
        <div class="input-group">
            <br>
            <input type="text" class="form-control" placeholder="Search.." id="barcode_header" onchange="checkDetail()">
            <div class="input-group-append">
                <span class="input-group-text">
                    <i class="fa fa-fw fa-search"></i>
                </span>
            </div>
        </div>
    </div>
    <br>
    <br>
    <div>
        <div class="form-group" >
          <label for="example-text-input">BARCODE Product</label>
          <input type="text" class="form-control" id="barcode_product" placeholder="barcode" onchange="checkQrcodeProduct()" readonly>
        </div>
        <br>
        <table class="table table-striped  nowrap table-sm" id="modalTableList">
              <thead>
                  <tr role="row" class="heading">
                      <th width="5%"> Number </th>
                      <th width="10%"> SKU </th>
                      <th width="30%"> Product </th>
                      <th width="10%"> Qty Need </th>
                      <th width="10%"> Qty Input </th>
                  </tr>
              </thead>
              <tbody id="check_input">
              </tbody>
        </table>
        <br>
    </div>
    <br>
    @endif
    {{-- <div class="row">
        <div class="col-md-6">
        </div>
        @if (in_array('4-3-3a', Session::get('access')))
            <div class="col-md-6" align="right">
                <button class="btn btn-outline-danger" onclick="printAllBarcode()">
                    Print <br> All Barcode
                </button>
            </div>
        @endif
    </div> --}}
    <div class="d-flex flex-row mt-2 p-1">
        <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="filter_table1" name="filter_table1" onchange="reloadDatatable()">
                    <option value="" selected>Show all</option>
                    @foreach($data["courier"] as $courier)
                        <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">Courier Detail</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)
                        <option value="{{ $courier->shipping_service }}">{{ $courier->shipping_service }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div>
      <table class="table table-striped  nowrap table-sm table-vcenter js-dataTable-simple" id="list_data" style="width: 150%;">
          <thead>
              <tr>
                  <th>Invoice<br>Number</th>
                  <th>Progress<br>Time</th>
                  <th>Ready To Pick<br>Time</th>
                  <th>Shipping Agent</th>
                  <th>Shipping Service</th>
                  <th>Marketplace</th>
              </tr>
          </thead>
          <tbody>
          </tbody>
      </table>
    </div>
@endsection

@section('modal_tab')
    @include('pages.delivery.tab_check_hidden.modal')
@endsection

@section('modal_fuction')
    @include('pages.delivery.tab_check_hidden.function')
@endsection