Modal Table Detail -->
  <div class="modal fade" role="dialog" id="view_detail">
    <div class="modal-dialog modal-xl" >
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Detail Item</h4>
        </div>
        <div class="modal-body modal-body-special">
          <table class="table table-striped  nowrap table-sm table-special">
                <thead>
                    <tr role="row" class="heading">
                        <th> Number </th>
                        <th> SKU </th>
                        <th> Product</th>
                        <th> Rack</th>
                        <th> Qty </th>
                        <th> Expired Date </th>
                    </tr>
                </thead>
                <tbody id="table_view_detail">
                </tbody>
          </table>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
          </div>
      </div>
    </div>
  </div>
<!-- Modal Table Detail -->

<!-- Modal Table Customer -->
  <div class="modal fade" role="dialog" id="view_customer">
    <div class="modal-dialog modal-lg" >
      <div class="modal-content">
        <div class="modal-body modal-body-special" id="table_view_customer">
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
          </div>
      </div>
    </div>
  </div>
<!-- Modal Table Customer -->


<!-- Modal Check -->
    {{-- <div class="modal fade" role="dialog" id="modal_handover">
        <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h4 class="modal-title"></h4>
              </div>
              <div class="modal-body">
                <input type="hidden" id="id_handover">
                <div align="center">
                  <img src="\storage\icon\tokopedia.png" alt="Logo" height="60" width="80">
                </div>
                <br>
                <div class="row">
                  <div class="col-md-1"> 
                  </div>
                  <div class="col-md-10" align="left">
                    <h1><b id="shipping_agent_handover" > </b></h1>
                    <br>
                    <h3 id="shipping_service_handover" ></h3>
                  </div>
                </div>
                <br>
                <div class="row">
                  <div class="col-md-1"> 
                  </div>
                  <div class="col-md-10"> 
                    <h4> <b id="invoice_number_handover">  </b> </h4>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-1"> 
                  </div>
                  <div class="col-md-10"> 
                    <h5><b>Address</b></h5>
                    <span id="customer_handover"></span>
                    <br>
                    <span id="address_handover"></span>
                    <br>
                    <span id="phone_handover"></span> 
                    <br>
                    <span id="postal_code_handover"></span>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-1"> 
                  </div>
                  <div class="col-md-10"> 
                    <h3 id="label_handover"></h3>
                  </div>
                </div>
              </div>
              <div class="modal-footer">
                  <button type="button" class="btn btn-danger" onclick="handOverStatus(0)" id="button_canceled" >Canceled</button>
                  <button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
              </div>
            </div>
        </div>
    </div> --}}
<!-- END Modal Check