@include('common.header')
<section class="content">
    <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">
    @include('alert.alert_panel')
    
        <div class="col-xs-12">
            <div class="box box-info">
                <form>
                    <div class="box-header">
                        <h3 class="box-title"><b>Search Tracking Entry</b></h3>

                        <div class="box-tools">
                            <div style="width: 160px;">
                                <a href="{{ url('/home/event_search') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i></a>
                                <a href="{{ url('/home/event_add') }}" class="btn btn-info pull-right"><i class="fa fa-pencil"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body table-responsive no-padding">
                        <table class="table">
                            <tr>
                                <td><input type="text"  class="form-control" style='display:none;'/></td>
                            </tr>
                            <tr>
                            
                                <td><label>Search Type</label></td>
                                <td>   
                                    <select class="form-control" id="event-type" name"event_type">
                                        <option value="waybill_pickup">Waybill Pickup</option>
                                        <option value="shortlanded">Shortlanded</option>
                                        <option value="arrived_unmanifested">Arrived Unmanifested</option>
                                        <option value="misroute">Misroute </option>
                                        <option value="arrived_hq">Arrived HQ</option>
                                        <option value="to_transit">To Transit</option>
                                        <option value="arrived_dest">Arrived Destination </option>
                                        <option value="out_for_deliver">Out For Deliver </option>
                                        <option value="proof_of_deliver">Proof Of deliver </option>
                                        <option value="not_delivered">Not Delivered </option>
                                        <option value="held_in_hq">Held in HQ</option>
                                        <option value="held_in_dest">Held in Destination </option>
                                        <option value="on_forwarded_via_third_party">Onforwarded via ThirdParty</option>
                                        <option value="bounced_to_consumer">Bounced To Consumer</option>
                                        <option value="information">Information</option>
                                    </select>
                                </td>
                                 
                            </tr>
                            <tr>
                                <td><b>From </b>date</td>
                                <td>
                                <input type="date" class="form-control input-sm" id="input-date-from" placeholder="" min="1900-01-01">
                                </td>
                                <td><b>To </b>date</td>
                                <td>
                                <input type="date" class="form-control input-sm" id="input-date-to" placeholder="" max="2050-01-01">
                                </td>
                                <td>
                                <button type="button" class="btn btn-info pull-right" onClick = "event_search()">Search</button>
                                </td>
                              
                            </tr>

                             <tr>
                                <td colspan="5"><p id="print-button-p"></p></td>
                            </tr>
                            
                        </table>
                    </div>
                   
                </form>

                
        </div>

        
    </div>

                <div class="col-xs-12">
                    <div class="box">
                        <div class="box-header">
                        <h3 class="box-title">Event List Table</h3>
                        
                        <button type="button" class="btn btn-success pull-right" id="count-label">0</button>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body table-responsive no-padding">
                        <table class="table table-hover" id="event-table" name = "event_table">
                            <thead><tr>
                            <th>Code</th>
                            <th>Created By</th>
                            <th>From</th>
                            <th>Tracking Type</th>
                            <th>Created Date</th>
                            <th>Details</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        </table>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                    </div>
                    

                </div>

                
</section>
@include('common.footer')

<script>

var allWaybills = []



    $("#event-add-btn").click(function(e) {
        if( $('#event-code').val()!="" && $('#remarks-text').val()!="" )
        {

        add_tracking($('#event-code').val(),$('#remarks-text').val());
        $('#event-code').val("");
        $('#remarks-text').val("");
        $("#event-code" ).focus();
        $('#count-label').text($('#event-table tr').size()-1)
        }
    });
 
    function event_search()
    {  
     //AVTIVE LOADER
    $("#load-overlay").show();
    allWaybills=[]
            $.ajax(
            {
                type:"POST",//or POST
                url:"{{ URL::to('/home/event_search/get_event') }}",
                data: {
                    '_token': "{{ csrf_token() }}",
                    'event_type': $("#event-type").val(),
                    'from_date': $("#input-date-from").val(),
                    'to_date': $("#input-date-to").val(),
                },
                success:function(responsedata)
                {
                    //console.log(responsedata);
                    //DEAVTIVE LOADED
                    $("#load-overlay").hide();  
                    if (responsedata.status=="ERROR")
                    {
                       var messages =""
                        for(var value in responsedata.errors_messages )
                        {
                          messages += responsedata.errors_messages[value]+ '<br>';
                        }
                        show_danger(messages)
                    }
                        if (responsedata.status=="SUCCESS" )
                        {   
                            allWaybills = responsedata.response
                            //forma print url and append to print button 
                            var printURL = "