@include('common.courier_customer_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>
          <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">
          <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>Action</th>
                </tr>
              </thead>
              <tbody></tbody>
              </tfoot>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
      </div>
    </div>
</section>

@include('common.footer')
@include('waybill_template.a6_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;
      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               = {
                                                    page: {
                                                    includePageSize : true,
                                                    pageLimit       : 100,
                                                    pageOffset      : 0
                                                    },
                                                    cnNoTerm        : waybillsNo,

                                            }
    }else
    {
      waybillSearchDataBody               = {
                                                  page: {
                                                  includePageSize : true,
                                                  pageLimit       : 100,
                                                  pageOffset      : 0
                                                  },
                                                  fromDate        : from_date,
                                                  toDate          : to_date,

                                          }

    }
   //12 JAN 2023 using cnNoTerm as indexing search field
   
     while(1)
     {
        const searchResult                      = await syncAjaxCall(waybillSearchDataBody,RpcApiPath+"/api/rpc/bbb.v4.WaybillService/Get","POST",bearerToken);
        allWaybills                             = allWaybills.concat(searchResult.results)
        waybillSearchDataBody.page.pageOffset   = waybillSearchDataBody.page.pageOffset+100;
        var process                             = parseInt((searchResult.pageOffset / searchResult.pageSize)*100)
        displayProcess(process+"%","Fetching data process...",process)
        if(searchResult.results.length==0){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'>Export Option</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 class='divider'></li>"+
                                    "<li><a href='#' onclick='printAllA6WaybillAction()'>Export This Page Waybills to 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>Shipper</th>"+
                                        "<th>Consignee</th>"+
                                        "<th>Created Date</th>"+
                                        "<th>Ori</th>"+
                                        "<th>Dest</th>"+
                                        "<th>Last Avtivity</th>"+
                                        "<th>Action</th>"+
                                        "</tr>"+
                                        "</thead>"+
                                        "<tbody>"
     
        var result = "";
        for(i in data)
        {     
            var editURL           = "{{url('/courier/customer/shipment')}}"+"/"+data[i].ID
            var printURL          = "{{url('/public_customer/shipment_print' )}}"+"/"+data[i].ID
            var actionEdit        = "<li><a class='text-yellow' href="+editURL+"  target='_blank'><i class='fa fa-eye'></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 class='mailbox-name'><a href='#' class='name cnData'>"+data[i].cnNo+"</a></td>"+
                "<td>"+data[i].shipperName+"</td>"+
                "<td>"+data[i].consigneeName+"</td>"+
                "<td>"+IOSDateToLocalDateString(data[i].createdAt)+"<span class='label bg-maroon-active color-palette pull-right'>+"+CompareTwoDate(data[i].createdAt)+" days</span></td>"+
                "<td>"+data[i].src+"</td>"+
                "<td>"+data[i].dest+"</td>"+
                "<td>"+data[i].lastShippingActivity+"</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 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)
    }

    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({ID: waybillsID[i]},RpcApiPath+"/api/rpc/bbb.v4.WaybillService/GetOne","POST",bearerToken));
                          }).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.consigneePostcode ;
                                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]['createdAt'] = IOSDateToLocalDateString(allWaybills[i]['createdAt'])
            allWaybills[i]['consolidateDate'] = IOSDateToLocalDateString(allWaybills[i]['consolidateDate'])
            allWaybills[i]['lastShippingActivityDate'] = IOSDateToLocalDateString(allWaybills[i]['lastShippingActivityDate'])
            allWaybills[i]['updatedAt'] = IOSDateToLocalDateString(allWaybills[i]['updatedAt'])
        }

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

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

        var dataArray =[];
            for(i in allWaybills)
            {
                dataArray.push(allWaybills[i]['cnNo'] )
            }

       // $("#load-overlay").show();
            $.ajax(
            {
                type:"POST",//or POST
                url:"{{ URL::to('/public_customer/waybill_full_activity_aging_report') }}",
                data: {
                    '_token': "{{ csrf_token() }}",
                    'allWaybill':dataArray
                },
                success:function(responsedata)
                {
                    //HIDE LOADER
                    $("#load-overlay").hide();
                    waybill_activity_push(responsedata.response)
                }
                });

    }

    function waybill_activity_push(allWaybillsActivityArray)
    {
        //AVTIVE LOADER
        $("#load-overlay").show();
        var allWaybillsTemArray = [];
        for(i in allWaybills)
            {
                //append new object in ori waybill array
                var tem =allWaybills[i]
                tem['Waybill_created'] = ""
                tem['Waybill_created_handling_warehouse'] = ""
                tem['Waybill_created_date'] = ""

                tem['Waybill_arrive_hq'] = ""
                tem['Waybill_arrive_hq_handling_warehouse'] = ""
                tem['Waybill_arrive_hq_date'] = ""
                

                tem['Waybill_to_transit'] = ""
                tem['Waybill_to_transit_handling_warehouse'] = ""
                tem['Waybill_to_transit_date'] = ""
                

                tem['Waybill_arrived_dest'] = ""
                tem['Waybill_arrived_dest_handling_warehouse'] = ""
                tem['Waybill_arrived_dest_date'] = ""

                tem['Waybill_out_for_deliver'] = ""
                tem['Waybill_out_for_deliver_handling_warehouse'] = ""
                tem['Waybill_out_for_deliver_date'] = ""

                tem['Waybill_proof_of_deliver'] = ""
                tem['Waybill_proof_of_deliver_handling_warehouse'] = ""
                tem['Pod_updated_date_and_time'] = ""

                tem['Other_activity'] = ""

                for(i in allWaybillsActivityArray)
                {

                    //compare tem array cn no vs activity shipmentAuxID
                    if(allWaybillsActivityArray[i]['shipmentAuxID'].toUpperCase() == tem['cnNo'].toUpperCase())
                    {
                        lastKnowCN = allWaybillsActivityArray[i]['shipmentAuxID'];
                            
                            switch(allWaybillsActivityArray[i]['activity'] ) {
                            case 'waybill_created':
                                tem['Waybill_created'] = allWaybillsActivityArray[i]['activity']
                                tem['Waybill_created_handling_warehouse'] = allWaybillsActivityArray[i]['handlingWarehouseID']
                                tem['Waybill_created_date'] =  "'"+IOSDateToLocalDateString(allWaybillsActivityArray[i]['createdAt'])
                                break;
                            case 'arrived_hq':
                                tem['Waybill_arrive_hq'] = allWaybillsActivityArray[i]['activity']
                                tem['Waybill_arrive_hq_handling_warehouse'] = allWaybillsActivityArray[i]['handlingWarehouseID']
                                tem['Waybill_arrive_hq_date'] = "'"+IOSDateToLocalDateString(allWaybillsActivityArray[i]['createdAt'])
                                break;
                            case 'to_transit':
                                tem['Waybill_to_transit'] = allWaybillsActivityArray[i]['activity']
                                tem['Waybill_to_transit_handling_warehouse'] = allWaybillsActivityArray[i]['handlingWarehouseID']
                                tem['Waybill_to_transit_date'] = "'"+IOSDateToLocalDateString(allWaybillsActivityArray[i]['createdAt'])
                                break;
                            case 'arrived_dest':
                                tem['Waybill_arrived_dest'] = allWaybillsActivityArray[i]['activity']
                                tem['Waybill_arrived_dest_handling_warehouse'] = allWaybillsActivityArray[i]['handlingWarehouseID']
                                tem['Waybill_arrived_dest_date'] = "'"+IOSDateToLocalDateString(allWaybillsActivityArray[i]['createdAt'])
                                break;
                            case 'out_for_deliver':
                                tem['Waybill_out_for_deliver'] = allWaybillsActivityArray[i]['activity']
                                tem['Waybill_out_for_deliver_handling_warehouse'] = allWaybillsActivityArray[i]['handlingWarehouseID']
                                tem['Waybill_out_for_deliver_date'] = "'"+IOSDateToLocalDateString(allWaybillsActivityArray[i]['createdAt'])
                                break;
                            case 'proof_of_deliver':
                                tem['Waybill_proof_of_deliver'] = allWaybillsActivityArray[i]['activity']
                                tem['Waybill_proof_of_deliver_handling_warehouse'] = allWaybillsActivityArray[i]['handlingWarehouseID']
                                tem['Pod_updated_date_and_time'] = "'"+IOSDateToLocalDateString(allWaybillsActivityArray[i]['createdAt'])
                                break;
                            default:
                            
                                var otherActivityArray={}
                                    otherActivityArray['activity'] = allWaybillsActivityArray[i]['activity']
                                    otherActivityArray['activity_handling_warehouse'] = allWaybillsActivityArray[i]['handlingWarehouseID']
                                    otherActivityArray['activity_date'] = "'"+IOSDateToLocalDateString(allWaybillsActivityArray[i]['createdAt'])
                                    otherActivityArray['activity_description'] = allWaybillsActivityArray[i]['description']
                                    tem['Other_activity'] = tem['Other_activity'].concat(JSON.stringify(otherActivityArray)+" ");// adding space at behind to let excel new line break
                            }
                           
                    }
                }
                allWaybillsTemArray.push(tem);
            }
        allWaybills=[]//clear the array and replace with new array + full activity 
        allWaybills= allWaybillsTemArray;
        //HIDE LOADER
        $("#load-overlay").hide();
        exportToExcel()
    }


    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>