@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-info">
                <form>
                    <div class="box-header">
                        <h3 class="box-title"><b>Consolidate Search On Manifest</b></h3>

                        <div class="box-tools pull-right">
                            <div style="width: 180px;">
                            <a class="btn btn-primary" id="print-master" name = "print_master"><i class="fa fa-print" ></i> Print</a>
                                <a href="{{ url('/home/consolidate_search') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i></a>
                                <a href="{{ url('/home/consolidate_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="outbound">Outbound</option>
                                        <option value="inbound">Inbound</option>
                                        <!-- <option value="in_bound">In Bound</option> -->
                                    </select>
                                </td>
                                 
                            </tr>
                            <tr>
                                <td><b>Manifest Created 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>Manifest Created To </b>date</td>
                                <td>
                                <input type="date" class="form-control input-sm" id="input-date-to" placeholder="" max="2050-01-01">
                                </td>
                            </tr>

                            
                            <tr>
                                <td><label>Manifest No</label></td>
                                <td><input type="text"  class="form-control" id="manifest-no" name="manifest_no"/></td>
                                <td></td>
                                <td>
                                        <!-- <button type="button" class="btn col-xs-5 btn-success pull-left">Export</button> -->
                                        <button type="button" class="btn col-xs-5 btn-info pull-right" onClick = "search_manifest()">Search</button>
                                </td>
                            </tr>
                                
                        </table>
                    </div>
                   
                </form>

                
        </div>

        
            </div>

                <div class="col-md-12">

                    <div class="box box-info">
                            <div class="box-header with-border">
                            <h3 class="box-title">Manifest Details</h3>

                            <div class="box-tools">
                            <button type="button" class="btn btn-success pull-right" id="count-label">0</button>    
                            </div>

                            </div>
                            <!-- /.box-header -->
                            <!-- form start -->
                            <table class="table table-hover" id="search-table" name = "search_table">
                                <thead>
                                <tr>
                                <th>Origin</th>
                                <th>Destination</th>
                                <th>Created Date</th>
                                <th>Docket No</th>
                                <th>Security Seal</th>
                                <th>Mother Seal</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>

                    </div>

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


<script>

$( document ).ready(function() 
   {
      var today = IOSDateToLocalDateString_withoud_time_YMD(new Date())
      document.getElementById('input-date-from').value = today;
      document.getElementById('input-date-to').value = today;
   });


    $( "#print-master" ).click(function() {

            $("#load-overlay").show();
            // GET ALL DATA IN receive-table 
            var TableData = new Array();
            $('#search-table tr:visible').each(function(row, tr)
            {
                var tem={};
                tem['src'] = $(tr).find('td:eq(0)').text()
                tem['dest'] = $(tr).find('td:eq(1)').text()
                tem['CreatedAt'] = $(tr).find('td:eq(2)').text()
                tem['auxID'] = $(tr).find('td:eq(3)').text()
                tem['securitySeal'] = $(tr).find('td:eq(4)').text()
                tem['motherSeal'] = $(tr).find('td:eq(5)').text()
                TableData.push(tem);
            }); 
            TableData.shift();  // first row is the table header - so remove

                $.ajax({
                type:"POST",//or POST
                url:"{{ URL::to('/home/consolidate_search/consolidate_master_print/filter=true') }}",
                data: {
                            '_token': "{{ csrf_token() }}",
                            'manifest_type': $("#event-type").val(),
                            'from_date': $("#input-date-from").val(),
                            'to_date': $("#input-date-to").val(),
                            'manifest_no':$("#manifest-no").val(),
                            filterManifest:TableData,
                            },

                    success:function(responsedata){
                    $("#load-overlay").hide();  
                        //window.open('url', '_blank');       
                        var win = window.open();
                        win.document.write(responsedata);       
                    }
                });

    
    });


    $("#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($('#receive-table tr').size()-1)
        }
    });
 
    //remove the code from clicked button
     $(document).on('click', '.edit-model', function() 
        {
            //  $('.item' + $(this).data('id')).remove();
            //  $('#count-label').text($('#search-table tr').size()-1)
        });



async function search_manifest()
{  
    //AVTIVE LOADER
    $("#load-overlay").show();

    allManifestArray = [];

        from_date = new Date($("#input-date-from").val());
        from_date.setHours(from_date.getHours()+ThistimeZone);
        from_date=from_date.toISOString() 


        to_date = new Date($("#input-date-to").val());
        to_date.setHours(to_date.getHours()+(24+ThistimeZone));
        to_date=to_date.toISOString()

    manifestSearchDataBody                  = {
                                                from  : localTimeToISOGMT ($("#input-date-from").val(),"from"),
                                                to    : localTimeToISOGMT ($("#input-date-to").val(),"to"),
                                                aux_id: $("#manifest-no").val(),
                                              }
    var apiEndPoint = courierApiMatrix+"/api/v2/courier/consolidate/manifest/search?page=1" ; 
    while(1)
                        {
                           const searchResult = await syncAjaxCall(manifestSearchDataBody,apiEndPoint,"POST",matrixBearerToken);
                           allManifestArray  = allManifestArray.concat(searchResult.data)
                           //If response next page is valid continue calling the API 
                           if(searchResult.next_page_url != null)
                           {
                                 apiEndPoint = searchResult.next_page_url;
                           }else{
                                 break;
                           }
                        }
//AVTIVE LOADER
$("#load-overlay").hide();
render_table(allManifestArray)

}


function render_table(consolidateData)
{      
    $("#load-overlay").show();
    $("#search-table .manifest-data").remove();
    var eventType = $("#event-type").val()
    for(i in consolidateData)
    {

                              if(eventType == "outbound")
                                    {
                                        if(warehouseCode == consolidateData[i].src_warehouse_id)
                                        {  
                                            searchMotherSealByManifestID(consolidateData[i].id);

                                            $('#search-table').prepend("<tr class='item"+consolidateData[i].id+" manifest-data'>"+
                                                    "<td>"+consolidateData[i].src+"</td>"+
                                                    "<td>"+consolidateData[i].dest+"</td>"+
                                                    "<td>"+IOSDateToLocalDateString(consolidateData[i].created_at)+"</td>"+
                                                    "<td>"+consolidateData[i].aux_id+"</td>"+
                                                    "<td id='securitySeal-"+consolidateData[i].id+"'><i class='fa fa-refresh fa-spin'></i></td>"+
                                                    "<td id='motherSeal-"+consolidateData[i].id+"'><i class='fa fa-refresh fa-spin'></i></td>"+
                                                    "</tr>");
                                        }
                                     
                                    }

                                    if(eventType == "inbound")
                                    {
                                        if(warehouseCode == consolidateData[i].dest_warehouse_id)
                                        {
                                            searchMotherSealByManifestID(consolidateData[i].id);

                                            $('#search-table').prepend("<tr class='item"+consolidateData[i].id+" manifest-data'>"+
                                                    "<td>"+consolidateData[i].src+"</td>"+
                                                    "<td>"+consolidateData[i].dest+"</td>"+
                                                    "<td>"+IOSDateToLocalDateString(consolidateData[i].created_at)+"</td>"+
                                                    "<td>"+consolidateData[i].aux_id+"</td>"+
                                                    "<td id='securitySeal-"+consolidateData[i].id+"'><i class='fa fa-refresh fa-spin'></i></td>"+
                                                    "<td id='motherSeal-"+consolidateData[i].id+"'><i class='fa fa-refresh fa-spin'></i></td>"+
                                                    "</tr>");
                                        }
                                     
                                    }
    }

    $('#count-label').text($('#search-table tr').size()-1)
    $('.dropdown-filter-dropdown').remove();
    $('#search-table ').excelTableFilter();
    //DEAVTIVE LOADED
    $("#load-overlay").hide();

    }

    function searchMotherSealByManifestID(id)
    {
        var apiEndPoint = courierApiMatrix+"/api/v2/courier/consolidate/container/motherbag/by/manifestID/"+id ; 

        $.ajax(setAjaxSettings("",apiEndPoint,"POST",matrixBearerToken)).done(function (response) {
        $("#securitySeal-"+id).html(response.babySeal)
        $("#motherSeal-"+id).html(response.motherSeal)
        });
    }



    function show_warning($msg)
    {
                    $("#invalid-warning-message").html($msg);
                    $("#invalid-warning").show();
                    $("#invalid-warning").delay(3000).hide(0, function() {});
    }

    function show_danger($msg)
    {
                    $("#invalid-danger-message").html($msg);
                    $("#invalid-danger").show();
                    $("#invalid-danger").delay(3000).hide(0, function() {});
    }

    function show_success($msg)
    {
                    $("#invalid-success-message").html($msg);
                    $("#invalid-success").show();
                    $("#invalid-success").delay(3000).hide(0, function() {});
                    
    }
</script>