@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>Variance Reports</b></h3>

                        <div class="box-tools">
                            <div style="width: 160px;">
    
                            </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>Variance Type</label></td>
                                <td colspan="4">   
                                    <select class="form-control" id="variance-type" name="variance_type">
                                        <option value="missedroute">Missedroute Shipment arrived My Destination</option>
                                        <option value="shortlanded">Shortlanded Shipment for My Destination </option>
                                        <option value="arrived_unmanifested">Unmanifested Shipment arrived My Destination</option>
                                        <option value="unknow_shipment">Unknow Shipment arrived My Destination</option>
                                        <option value="inbound_no_pod">Inbound Shipment pending POD</option>
                                        <option value="outbound_no_pod">Outbound Shipment pending POD</option>
                                        @if(session('warehouseStateShort') == 'HUB')
                                        <option value="shortlanded_to_hq">Shipment not arrived To HUB</option>
                                        <option value="held_in_hq">Shipment held in HUB</option>
                                        @endif
                                    </select>
                                </td>
                               
                            </tr>
                        
                            <tr>
                                <td id="from-date-label">Manifested Created From</td>
                                <td><input type="date" class="form-control input-sm" id="input-date-from" placeholder="" min="1900-01-01"></td>
                                <td id="to-date-label">Manifested Created To</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="variance_search()">Search</button></td>
                              
                            </tr>
                            <tr>
                                <td colspan="5"><p id="export-button-p"></p><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">Variance 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" id="result-table-div">
                        <!-- <table class="table table-hover" id="variance-table" name = "variance_table">
                            <thead><tr>
                            <th>CN no</th>
                            <th>Created On</th>
                            <th>Origin</th>
                            <th>Destination</th>
                            <th>Last Activity</th>
                            <th>Last Handling Warehouse</th>
                            <th>Last Activity Date</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        </table> -->
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                    </div>
                    

                </div>

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

<script> 


$(document).ready(function() {  
    $('#variance-type').change(function(){
       if($(this).find("option:selected").attr('value')=='arrived_unmanifested' || $(this).find("option:selected").attr('value')=='unknow_shipment')
       {
       $("#from-date-label").html('Arrived date from');
       $("#to-date-label").html('Arrived date to');
       }else if($(this).find("option:selected").attr('value')=='shortlanded_to_hq' || $(this).find("option:selected").attr('value')=='held_in_hq')
       {
        $("#from-date-label").html('Waybill Created date from');
        $("#to-date-label").html('Waybill Created date to');
       } 
       else
       {
        $("#from-date-label").html('Manifested Created From');
        $("#to-date-label").html('Manifested Created To');
       }
    });
 });


    function variance_search()
            {     
                        //search for WAYBILL FIRST
                        $("#load-overlay").show();
                                $.ajax(
                                {
                                    type:"POST",//or POST
                                    url:"{{ URL::to('/reports/variance_report_search/get_variance') }}",
                                    data: {
                                        '_token': "{{ csrf_token() }}",
                                        'variance_type': $("#variance-type").val(),
                                        'consolidate_from_date': $("#input-date-from").val(),
                                        'consolidate_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)
                                        }
                                        else if (responsedata.status=="SUCCESS")
                                        {
                                                $(".variance-report-data").remove();
                                                $("#export-button").remove();
                                                $("#print-button").remove();
                                                $("#result-table-div").html("");
                                                //forma print url and append to print button 
                                                var printURL = "