@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="row">
   
        <div class="col-xs-12">
            <div class="box box-primary">
                 <form action="">
                    <div class="box-header">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <h3 class="box-title"><b>Shipment</b></h3>
                        <button type="button" class="btn bg-navy margin pull-right " id="export-full-activity-excel" name="export_full_activity_excel" onclick="waybill_full_agin()"><i class="fa fa-line-chart "></i> Export Full Activity Now</button>
                        <button type="button" class="btn bg-olive margin pull-right " id="export-excel" name="export_excel" onclick="exportToExcel()"><i class="fa fa-file-excel-o"></i> Export Now</button>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body table-responsive no-padding">
                        <table class="table">
                            <tr>
                                <td colspan="4"><h3>All Waybill</h3></td>
                            </tr>
                            <tr>
                                <td><b>Waybill Created Date</b></td>
                                <td> : </td>
                                <td>
                                    <div class="input-group date">
                                        <div class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                        <input type="date" class="form-control input-sm" id="waybill-from-date" name="waybill_from_date" placeholder="" min="1900-01-01">
                                    </div>
                                </td>
                                <td>
                                    <div class="input-group date">
                                        <div class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                        <input type="date" class="form-control input-sm" id="waybill-to-date" name="waybill_to_date" placeholder="" max="2050-01-01">
                                    </div>
                                </td>
                            </tr>
                            <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>
                </form>
            </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>Last Avtivity</th>
                            <th>Last Avtivity Date</th>
                            <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                            </tfoot>
                        </table>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                    <!-- data table -->
                    </div>

            
</section>

@include('common.footer')
@include('public_customer.public_customer_shipment_print_A6')


<script>
var uid  = "