@include('common.header')

<section class="content">
@include('alert.alert_panel')

<div class="col-lg-12" id="load-overlay" name="load-overlay" style="display:none;">
        <div id="loader" ></div>
        <div id="overlay"></div>
</div>



      <div class="col-xs-12">
        <div class="box box-primary">
            <div class="box-header">
              <h3>All Network Waybills Search (Update Weight)</h3>
              <div class="box-tools pull-right">
                <div style="width: 80px;">
                  <a href="{{ url('/hq/updated_shipments_search/view') }}" class="btn btn-default ">
                    <i class="fa fa-search"></i> Report </a>
                  </button>
                </div>
                <!-- <input type="hidden" name="_token" value="{{ csrf_token() }}"> -->
              </div>
            </div>
              <!-- /.box-header -->
              <div class="box-body table-responsive no-padding">
                <table class="table">
                  <tr>
                    <td>
                      <b>CN No</b>
                    </td>
                    <td> : </td>
                    <td>
                      <input type="text" id="waybill-no" name="waybill-no" class="form-control" />
                    </td>
                    <td>
                      <button type="button" id="search-button" class="col-xs-4 btn btn-success" onClick="search_waybill()"> Search</button>
                      <!-- <a href="#" class="col-xs-offset-1 col-xs-4 btn btn-primary">Print All</a> -->
                    </td>
                  </tr>
                </table>
                <br />
              </div>
        </div>
      </div>


      <div class="col-xs-12">
        <div class="box">
          <div class="box-header"></div>
          <!-- /.box-header -->
          <div class="box-body">
            <table id="waybill-table" class="table table-bordered table-striped">
              <thead>
                <tr>
                  <th>CN No</th>
                  <th>Shipper</th>
                  <th>Consignee</th>
                  <th>Created Date</th>
                  <th>Pcs</th>
                  <th>Weight</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tbody></tbody>
              </tfoot>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->
        <!-- data table -->
      </div>




      <!-- Modal form to edit a post -->
        <div id="editModal" class="modal fade" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">×</button>
                            <h4 class="modal-title"><b>Waybill</b> Information</h4>
                        </div>

                
                        <div class="modal-body">
                            <div>  
                                <div class="alert alert-warning alert-dismissible" id="edit-invalid-warning" style="display:none;">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <h4><i class="icon fa fa-warning"></i> Alert!</h4>
                                <p id="edit-invalid-warning-message"></p>
                            </div>
                            <input type="hidden" class="form-control" id="id-edit">
                            <input type="hidden" class="form-control" id="cn-edit">
                            <input type="hidden" class="form-control" id="old-pcs-edit">
                            <input type="hidden" class="form-control" id="old-weight-edit">
                                <form class="form-horizontal" role="form">
                                  
                                    <label class="control-label col-sm-4" for="content">pcs:</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="new-pcs-edit">
                                        <p class="errorContent text-center alert alert-danger hidden"></p>
                                    </div>
                                </form>

                                <form class="form-horizontal" role="form">
                                   
                                    <label class="control-label col-sm-4" for="content">weight:</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="new-weight-edit">
                                        <p class="errorContent text-center alert alert-danger hidden"></p>
                                    </div>
                                </form>

                    
                            <div class="modal-footer">
                                <button type="button" class="btn btn-success update col-sm-2 pull-right" >
                                    <span id="" class='glyphicon glyphicon-check'></span> update
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

            
</section>

@include('common.footer')

<script>
var uid  = "