@include('common.header')
<div id="upload-info-box-content" style="display:none;">
  <div class="info-box bg-yellow">
    <span class="info-box-icon">
      <i class="fa fa-search"></i>
    </span>
    <div class="info-box-content">
      <span class="info-box-text" id="upload-info-box-text">SEARCHING IN PROGRESS</span>
      <span class="info-box-number" id="upload-info-box-number">41,410</span>
      <div class="progress">
        <div class="progress-bar" id="upload-progress-bar" style="width: 10%"></div>
      </div>
      <span class="progress-description" id="upload-progress-description"> 70% Increase in 30 Days </span>
    </div>
    <!-- /.info-box-content -->
  </div>
  <!-- /.info-box -->
</div>
<!-- /.info-box -->
<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">
        <div class="box-header">
          <h3 class="box-title">
            <b>Shipment Search</b>
          </h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <div class="row">
            <div class="col-md-3">
              <br>
              <div class="input-group">
                <b>Waybill Created Date :</b>
              </div>
            </div>
            <div class="col-md-3"> from <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>
            </div>
            <div class="col-md-3"> to <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>
            </div>
          </div>
          <div class="row">
            <div class="col-md-3">
              <br>
              <div class="form-group">
                <b>CN No</b>
              </div>
            </div>
            <div class="col-md-3">
              <br>
              <div class="form-group">
                <input class="form-control" id="waybill-no"></input>
              </div>
            </div>
            <div class="col-md-3">
              <br>
              <div class="form-group">
                <button type="button" id="search-button" class="btn btn-block btn-success" onClick="startNewSearch()"> Search</button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="resultTable">
        <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>Ori</th>
                  <th>Dest</th>
                  <th>Last Avtivity</th>
                  <th>V1 Edit</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tbody></tbody>
              </tfoot>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
      </div>
    </div>
</section>




@include('common.footer')
@include('waybill_template.a6_waybill')
@include('waybill_template.a4_waybill')
@include('common.location_services_api_call')


<script>

var allWaybills     = [];
var allPostcodeList = [];



$( document ).ready(function() 
   {
      var today = IOSDateToLocalDateString_withoud_time_YMD(new Date())
      document.getElementById('waybill-from-date').value = today;
      document.getElementById('waybill-to-date').value = today;
      //processWaybillDataToPrintA6Data(allWaybills);
      fetchAllPostcode()
   });

async function fetchAllPostcode()
{
allPostcodeList = await getPostcodeApiCallFunction("postcodeObjectPostcodeAsKey")
}

function reInitializeTable()
{
  $(function () {
    $('#waybill-table').DataTable()
  })

  $("a.cnData").click(function() {
      window.open( "{{ url('/reports/waybill_report_search?cn=') }}"+$(this).text());
  });
}

$('form input').on('keypress', function(e) {
    return e.which !== 13;
    });

     function displayLoading() {
        $("#load-overlay").show();
    }

    function startNewSearch()
    {
        var fromDate = new Date($("#waybill-from-date").val())
        var toDate = new Date($("#waybill-to-date").val())

        if($("#waybill-no").val()=='')
        {
            if(((toDate-fromDate)/86400000) > 31)
            {
                show_warning("You are only allow to search waybill within 30 days, please try again")
                return; //stop the execution of function
            }

            if(isNaN((toDate-fromDate)/86400000))
            {
                show_warning("You are selected invalid date, please try again")
                return; //stop the execution of function
            }
        }


        allWaybills=[]
        $('#waybill-table').DataTable().clear().draw();
        search_waybill()
    }

async function search_waybill()
{  
    $("#load-overlay").show();
    var from_date = ''
    var to_date =''
    if($("#waybill-from-date").val()!= '' || $("#waybill-to-date").val() != '' )
    {
        from_date = new Date($("#waybill-from-date").val());
        from_date.setHours(from_date.getHours()+ThistimeZone);
        from_date=from_date.toISOString() 


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

    var waybillsNo                              = $('#waybill-no').val()
    var waybillSearchDataBody    
    if(waybillsNo!= "")
    {
      waybillSearchDataBody                 = {
                                                    cnNo        : waybillsNo
                                              }
    }else{
         
      waybillSearchDataBody                  = {
                                                    fromDate        : from_date,
                                                    toDate          : to_date,
                                                    srcWarehouseId  : "{{session('warehouseCode')}}",
                                                }

    }
   //12 JAN 2023 using cn_no as indexing search field
   var apiEndPoint = courierApiMatrix+"/api/v2/courier/waybill/get?page=1" ; 
   while(1)
                        {
                           const searchResult = await syncAjaxCall(waybillSearchDataBody,apiEndPoint,"POST",matrixBearerToken);
                                 allWaybills  = allWaybills.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;
                           }
                        }


    renderTable(allWaybills)

    $("#load-overlay").hide();
}


    function renderTable(data)
    {

        var tableResult_head = 
                            "<div class='box'>"+
                                "<div class='box-header'>"+
                                  "<div class='btn-group pull-right'>"+
                                    "<button type='button' class='btn btn-default'>Bulk Action</button>"+
                                    "<button type='button' class='btn btn-default dropdown-toggle' data-toggle='dropdown' aria-expanded='false'>"+
                                    "<span class='caret'></span>"+
                                    "<span class='sr-only'>Toggle Dropdown</span>"+
                                    "</button>"+
                                    "<ul class='dropdown-menu' role='menu'>"+
                                    "<li><a href='#' onclick='exportToExcel()'>Export Data to Excel </a></li>"+
                                    "<li><a href='#' onclick='printAllA6WaybillAction()'>Print this page A6</a></li>"+
                                    "</ul>"+
                                  "</div>"+
                                "</div>"+
                                "<div class='box-body'>"+
                                    "<table id='waybill-table' class='table table-bordered table-striped'>"+
                                        "<thead>"+
                                        "<tr>"+
                                        "<th>ID</th>"+
                                        "<th>CN No</th>"+
                                        "<th>Created Station</th>"+
                                        "<th>Shipper</th>"+
                                        "<th>Consignee</th>"+
                                        "<th>Created Date</th>"+
                                        "<th>Ori</th>"+
                                        "<th>Dest</th>"+
                                        "<th>Last Avtivity</th>"+
                                        "<th>V1 Edit</th>"+
                                        "<th>Action</th>"+
                                        "</tr>"+
                                        "</thead>"+
                                        "<tbody>"
     
        var result = "";
        for(i in data)
        {       
            var cnSearchURL                = "{{url('/reports/waybill_report_search?cn=')}}"+data[i].cn_no
            var editURL                    = "{{url('/home/shipment_add_v2')}}"+"/"+data[i].id
            var editURLManualBabyParcel    = "{{url('/home/shipment_add_v2/manual_baby_parcel')}}"+"/"+data[i].id
            var printURL                   = "{{url('/home/shipment_print' )}}"+"/"+data[i].id
            var actionEditManualBabyParcel = "<li><a class='text-yellow' href="+editURLManualBabyParcel+"  target='_blank'><i class='fa fa-pencil'></i></a></li>&nbsp&nbsp"
            var actionEdit                 = "<li><a class='text-yellow' href="+editURL+"  target='_blank'><i class='fa fa-pencil'></i></a></li>&nbsp&nbsp"
            var actionPrint                = "<li><a class='text-blue'   href="+printURL+"  target='_blank'><i class='fa fa-print' ></i></a></li>&nbsp&nbsp"
            var actionExportPdfA6          = "<li><a class='text-red'    onClick='printA6WaybillAction("+i+")' ><i class='fa fa-file-pdf-o' ></i></a></li>&nbsp&nbsp"
      
                var tem = 
                "<tr class='odd gradeX'>"+


                "<td>"+data[i].id+"</td>"+
                "<td><a href='"+cnSearchURL+"' class='product-title' target='_blank'>"+data[i].cn_no+"</a></td>"+
                "<td>"+data[i].init_src_warehouse_id+"</td>"+
                "<td>"+data[i].shipper_name+"</td>"+
                "<td>"+data[i].consignee_name+"</td>"+
                "<td>"+IOSDateToLocalDateString(data[i].created_at)+"<span class='label bg-maroon-active color-palette pull-right'>+"+CompareTwoDate(data[i].created_at)+" days</span></td>"+
                "<td>"+data[i].src+"</td>"+
                "<td>"+data[i].dest+"</td>"+
                "<td>"+data[i].last_shipping_activity+"</td>"+
                "<td><ul class='fc-color-picker'>"+actionEditManualBabyParcel+"</ul></td>"+
                "<td><ul class='fc-color-picker'>"+actionEdit+actionPrint+actionExportPdfA6+"</ul></td>"+
                "</tr>"
                result = result.concat(tem);

        }

        var tableResult_tail ="</tbody>"+
                            "<tfoot>"+
                            "</tfoot>"+
                        "</table>"+
                    "</div>"+
            "</div>"

        var finalResult = tableResult_head + result+tableResult_tail;
        document.getElementById("resultTable").innerHTML = "";
        document.getElementById("resultTable").innerHTML = finalResult;
        reInitializeTable();


         //DEAVTIVE LOADED
         $("#load-overlay").hide();
         $("#upload-info-box-content").hide();
         show_success("Search Completed")

    }
 
    function printA4WaybillAction(index)
    {
      $("#load-overlay").show();
      processWaybillDataToPrintA4Data([allWaybills[index]])
    }


    function A6_pdf_export_completed_call_back(completedSatus)
    {
      $("#load-overlay").hide();
    }
 
    function printA6WaybillAction(index)
    {
      $("#load-overlay").show();
      searchBabyParcelAndPrintA6([allWaybills[index].id])
    }

    async function printAllA6WaybillAction()
    {
        $("#load-overlay").show();
        var waybillsID          = []
        $('#waybill-table tbody tr').each(function(row, tr){
          waybillsID.push(parseInt($(tr).find('td:eq(0)').text()));
        }); 
        searchBabyParcelAndPrintA6(waybillsID)
    }

    async function searchBabyParcelAndPrintA6(waybillsID)
    {
      // example WaybillID accepted structure
      // waybillsID = [1,2,33,44,55,66]
      var waybillWithBabyParcel = [];
      var waybillsCount         = 0;
        for(i in waybillsID)
        {    
        const myPromise = new Promise(function(resolve, reject) {
                          // Some kind of async call with a callback function or somesuch...
                          resolve(syncAjaxCall("",courierApiMatrix+"/api/v2/courier/waybill/get/byID/"+waybillsID[i],"POST",matrixBearerToken));
                          }).then(data => {
                            // Do something with the final result
                            //creating new key to store postcode deliver station
                            //we use trim to avoid the postcode have white space example ...81000... we trim to 81000
                            // [BP-310] FE - BUG : As admin I found some A6 reprint waybill not show des code according to postcode mapping

                            var consigneePostcode = data.consignee_postcode ;
                                consigneePostcode = consigneePostcode.trim();
                            data["LocationServiceHandlingWarehouseByPostcode"] = allPostcodeList[consigneePostcode]
                            waybillWithBabyParcel.push(data);
                            if(waybillsCount == waybillsID.length-1)
                            {
                              processWaybillDataToPrintA6Data(waybillWithBabyParcel);
                            }
                            waybillsCount++;
                          });
      }

    }

    function exportToExcel()
    {
        var from_date = $("#waybill-from-date").val()
        var to_date = $("#waybill-to-date").val()
        filename = 'Waybill Export_'+from_date+' to '+to_date
        //convert UTC time to local TIME
        for(i in allWaybills)
        {
            allWaybills[i]['created_at'] = IOSDateToLocalDateString(allWaybills[i]['created_at'])
            allWaybills[i]['consolidateDate'] = IOSDateToLocalDateString(allWaybills[i]['consolidateDate'])
            allWaybills[i]['last_shipping_activityDate'] = IOSDateToLocalDateString(allWaybills[i]['last_shipping_activityDate'])
            allWaybills[i]['updatedAt'] = IOSDateToLocalDateString(allWaybills[i]['updatedAt'])
        }

        const xls = new XlsExport(allWaybills, 'BBB Waybill Searching')
        xls.exportToXLS(filename+'.xls') 
    }




    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() {});
                    
    }

    function displayProcess(upload_info_box_number,upload_progress_description,width)
    {
        $("#upload-info-box-content").show();
        $('#upload-info-box-number').text(upload_info_box_number);
        $('#upload-progress-description').text(upload_progress_description);
        $("#upload-progress-bar").width(width+'%')
    }


</script>