@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">
    <div class="col-md-12 alert alert-danger alert-dismissible " style="display:none;" id="notEditableAlert">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                <h4><i class="icon fa fa-warning"></i> Information!</h4>
                <p >This manifest is not editable , due to some waybill had either arrived HQ / Destination station /remanifest by other station.</p>
    </div>
    @include('alert.alert_panel')
            
        <!-- *******************************-->
        <div class="col-md-12">
            <div class=" box box-default">
                    <div class="box-header with-border">
                        <h3 class="box-title"><b>Manifest </b>Docket</h3>    
                            <div class="box-tools pull-right">
                                        <div style="width: 370px;">
                                        <a href="{{ url('/home/manifest_add') }}" class="btn btn-primary"><i class="fa fa-file"></i> NEW</a>
                                        <a href="" target="_blank" class="btn btn-primary" id="print-manifest" name = "print_manifest"><i class="fa fa-print" ></i> Print</a>
                                        <a href="" target="_blank" class="btn bg-olive margin" id="export-manifest" name = "generate_excel_manifest"><i class="fa  fa-file-excel-o" ></i> EXPORT</a>
                                        <a href="#" class="btn btn-info"><i class="fa fa-pencil " ></i></a>
                                        <a href="{{ url('/home/manifest_search') }}" class="btn btn-default "><i class="fa fa-search"></i></a>
                                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                        </button>

                            </div>
                    </div>
                    </div>
                    <!-- /.box-header -->
                <div class="box-body table-responsive no-padding">
                                <table class="table" >
                                    <tr>
                                    <td><input type="text" class="form-control" id="manifest-id" name="manifest_id" style="display:none;" value=""></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">MANIFEST NO : <button type="button" class="btn bg-maroon margin" id="manifest-label"></button></td>
                                        <td colspan="2">DATE : <button type="button" class="btn bg-maroon margin" id="date-label"></button></td>
                                    </tr>
                                    
                                    <tr>
                                        <td><b>Destination Station Selection *</b></td>
                                        <td> : </td>
                                        <td>
                                        <div class="form-group validation-required" id="error-destWarehouseID">
                                                <select class="form-control select2" id="manifest-des-station" name="manifest_des_hub" style="width: 100%;">
                                                    <option value="">Select Destination</option>
                                                    @foreach($hub_list as $hub)
                                                                @if(((isset($manifest_details))? $manifest_details->destWarehouseID : null) === $hub->code )
                                                                    <option value="{{ $hub->code }}" selected="selected">{{ $hub->stateShort }} - {{ $hub->stateLong }}</option>
                                                                @else
                                                                    <option value="{{ $hub->code }}">{{ $hub->stateShort }} - {{ $hub->stateLong }}</option>
                                                                @endif
                                                    @endforeach
                                                </select>
                                        <span class="help-block" id="error-message-destWarehouseID" style="display:none;"></span>
                                        </div>  
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><b>Security Seal *</b></td>
                                        <td> : </td>
                                        <td>
                                            <div class="form-group validation-required" id="error-sealCode">
                                            <input type="text" id="manifest-security-seal" name="manifest_security_seal" class="form-control" value=""/>
                                            <span class="help-block" id="error-message-sealCode" style="display:none;"></span>
                                            </div>
                                        </td>
                                        <td><label> Ex :S-BSxxxxxx</label></td>
                                    </tr>
                                    <tr>
                                        <td><b>Remarks</b></td>
                                        <td> : </td>
                                        <td><textarea rows="2" id="manifest-remarks" name="manifest_remarks" class="form-control"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td><b>Manifest Packing Option</b></td>
                                        <td> : </td>
                                        <td>   
                                            <select class="form-control select2" id="manifest-packing-option" style="width: 100%;">
                                                    @foreach($manifest_packing_options as $option)
                                                     <option value="{{ $option }}" selected="selected">{{$option}} on next scanned waybill</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                    </tr>
                                    <tr>
                                        <td><b>Scan Waybill Here</b></td>
                                        <td> : </td>
                                        <td><input type="text" id="scan-waybill" name="scan_waybill" class="form-control"/></td>
                                    </tr>
                                </table>
                            </div>
                
                
                
                <!-- /.box-body -->
            <!-- *******************************-->  
            </div>
        </div>

        <div class="col-md-12">
          <div class="box box-warning">
            <div class="box-header">
              <h3 class="box-title">Scanned Waybill Table</h3>

              <div class="box-tools">
                <div class="input-group input-group-sm" style="width: 200px;">
                <!-- <a href="#" class="btn btn-warning" id="load-waybill" name="load_waybill" data-offset="0" data-size="0" onClick = "load_all_waybill()">Load Waybill &nbsp;&nbsp;&nbsp;&nbsp;0/0</a> -->
                <button type="button" class="btn btn-success pull-right" id="count-label">0</button>
                </div>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
               
              <table class="table table-hover" id="manifested-table" name = "manifested_table">
                <thead><tr>
                <th class="col-xs-1">ID</th>
                <th class="col-xs-1">CN</th>
                <th class="col-xs-2">Shipper & Consignee Name</th>
                <th class="col-xs-2">Last Handling Warehouse & Activity</th>
                <th class="col-xs-1" >Pcs</th>
                <th class="col-xs-1" >Actual Weight Kgs</th>
                <th class="col-xs-1">Packing</th>
                <th>Manifest Option</th>
                <th>Action</th>
                </tr>
                </thead>
         
                <tbody>
                <tbody>
              </tbody>
             
              
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>

                    <div id="remanifest-confirmation-model" class="modal fade in" id="modal-default">
                        <div class="modal-dialog">
                            <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span></button>
                                <h4 class="modal-title">Remanifest Confirmation</h4>
                            </div>
                            <div class="modal-body">
                                <table class="table table-hover" id="remanifest-confirmation-table" >
                                    <thead><tr>
                                        <th>CN</th>
                                        <th>Shipper Name</th>
                                        <th>Remanifest Remark</th>
                                        </tr>
                                    </thead>
                                        <tbody>
                                        
                                        </tbody>
                                </table>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-primary remanifest-save">Confirm And Save</button>
                            </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>


            <div id="saveButtonDiv">
            <button type="button" class="btn btn-primary save-button" id="save-event-button" onClick = "validate_total_remanifest_shipment()" >SAVE</button> 
            </div>    
        </div>


          
    </div>


</section>

@include('common.footer')
@include('rules.manifest_rule')
@include('common.location_services_api_call')



<script>

var consolidateID                         = "{{$consolidateID}}";
var remanifestOptions                     = []
var reManifestOptionsDropDown             = "";


//initialize select 2 render function
$('.select2').select2();

$( document ).ready(function() 
{
    initializeDocument()
});

async function initializeDocument()
{
            $("#load-overlay").show();
    try{
            await  get_manifest_options();
            await  get_hide_destination_code_from_account_setting();

            if(consolidateID != 0)
            {
             await fetchManifestDetailByConsolidateID(consolidateID);
             await search_manifested_waybills_packing_option(consolidateID)
            }
            $("#load-overlay").hide();
      }
    catch(e){
            
            $("#load-overlay").show();
            show_danger(e.statusText + " - error fetching billing manifest options - please refresh page")
       }
}


async function search_manifested_waybills_packing_option(consolidateID)
{
    var apiEndPoint          = billingApiPath+"/api/v1/courier/manifest/waybills/get/by/consolidateID/"+consolidateID+"?page=1" ;
    var waybillPackingOption = []

    while(1)
    {
        const result               = await syncAjaxCall("" , apiEndPoint, "POST",billingApiToken)
              waybillPackingOption = waybillPackingOption.concat(result.data)
        //If response next page is valid continue calling the API 
        if(result.next_page_url != null)
        {
                apiEndPoint = result.next_page_url;
        }else{
                break;
        }
    }

    waybillPackingOption.forEach(function (item, index) {
        var waybillID     = item.waybill_id;
        var packingOption = item.packing;
        $("#waybill-manifest-option-"+waybillID).val(packingOption);
    });

}


 async function get_manifest_options()
    {

            const result = await syncAjaxCall("",billingApiPath+"/api/v1/courier/manifest_options/search","POST",billingApiToken);
            if(result.data)
            {
                manifestOptions = result.data ;
                manifestOptions.forEach(function (option, index) {
                var temOption = {};
                remanifestOptions[option.manifest_types] = option ; 

                     //excluded new option from drop down selection
                    if(option.manifest_types !="new")
                    {
                        reManifestOptionsDropDown = reManifestOptionsDropDown +"<option value='"
                                                    +option.manifest_types+"'>"
                                                    +option.manifest_types_description
                                                    +"</option>"
                    }
                
                })
            }
    }

async function get_hide_destination_code_from_account_setting()
    {

    const result = await syncAjaxCall("",
                                      billingApiPath+"/api/v1/courier/manifest_outbound/rule/show/hide_manifest_outbound_station_code/"+warehouseCode,
                                      "POST",
                                      billingApiToken);
    if(result.rule_meta){
        blockedStationCode = JSON.parse(result.rule_meta)
        blockedStationCode.forEach(function (code, index) {
        $("#manifest-des-station option[value='"+code+"']").remove();
        })

    }

    }

    async function fetchManifestDetailByConsolidateID(consolidateID)
    {

        manifestResult = await syncAjaxCall("",courierApiMatrix+"/api/v2/courier/consolidate/manifest/searchByConsolidateID/"+consolidateID,"POST",matrixBearerToken);
        if(manifestResult)
        {        
            renderManifestInfromation(manifestResult)

            var waybills = manifestResult.waybills
            waybills.forEach(function (waybill, index) {
                appendWaybillToTable(waybill)   
            })

        }
    }


    $('#scan-waybill').keydown(function (e){
    if(e.keyCode == 13){
        //alert('you pressed enter ^_^');
        get_waybill($('#scan-waybill').val());
        $('#scan-waybill').val("");
        $( "#scan-waybill" ).focus();
    }
    })

    async function get_waybill($cn)
    {
        var selectedDestStation =  $('#manifest-des-station').val() ;
        var waybillResult;
        var getWarehouseCodeByPostcodeApiCallResult;

        try {
                    waybillResult                             = await syncAjaxCall("",courierApiMatrix+"/api/v2/courier/waybill/get/byCn/"+$cn,"POST",matrixBearerToken);
                var validateWaybillInManifestModuleRuleResult = validateWaybillInManifestModuleRule(waybillResult)

                if(validateWaybillInManifestModuleRuleResult.allowToManifest == false)
                {
                    show_warning(validateWaybillInManifestModuleRuleResult.message)
                    ic_snd.play();
                    return;
                }

                if(find_duplicate_waybill(waybillResult.cn_no, "manifested-table") )
                {
                    show_warning("Duplicated Waybill Scanned")
                    ic_snd.play();
                    return;
                }

                if(validateWaybillInManifestModuleRuleResult.allowToManifest == true)
                {
                        cc_snd.play();

                        switch(true) {
                        case validateWaybillInManifestModuleRuleResult.rule == "VALID_WAYBILL_TO_MANIFEST":
                            waybillResult["reason_code"]   = "new";
                            break;
                        case validateWaybillInManifestModuleRuleResult.rule == "VALID_WAYBILL_TO_REMANIFEST_WITH_REASON":
                            waybillResult["reason_code"]   = "wrong_coding_by_origin";
                            break;
                                     }


                        waybillResult["validateWaybillInManifestModuleRuleResult"] = validateWaybillInManifestModuleRuleResult;
                        waybillResult["manifestPackingOption"]                     = $("#manifest-packing-option").val();

                        appendWaybillToTable(waybillResult)
                }
            }
            catch(err) {
            Swal.fire({ title: "Error", text: err+" contact system administrator", icon: "error", confirmButtonColor: "#5156be" });
            return
            }
    }

    function appendWaybillToTable(waybillData)
    {
            var packingOption         = "";
            if(waybillData.manifestPackingOption == "loose")
            {
                packingOption  = '<select id="waybill-manifest-option-'+waybillData.id+'"><option value="loose">loose</option><option value="in_bag">in_bag</option></select>'
            }else{
                packingOption  = '<select id="waybill-manifest-option-'+waybillData.id+'"><option value="in_bag">in_bag</option><option value="loose">loose</option></select>'
            }

            var remark_options = "";
            if(waybillData.reason_code == "new")
            {
                remark_options = "<select id='remanifest-type-"+waybillData.id+"'><option value='new'>New</option></select>";

            }else{
                remark_options = "<select id='remanifest-type-"+waybillData.id+"'>"+reManifestOptionsDropDown+"</select>";
            }

            var waybillObject = {
                                    "id"                    : waybillData.id,
                                    "cn_no"                 : waybillData.cn_no,
                                    "init_src_warehouse_id" : waybillData.init_src_warehouse_id,
                                    "init_dest_warehouse_id": waybillData.init_dest_warehouse_id,
                                }

            $('#manifested-table').prepend("<tr class='item"+waybillData.id+"'>"+
            "<td>"+waybillData.id+                       "</td>"+
            "<td>"+waybillData.cn_no+                       "</td>"+
            "<td>"+waybillData.shipper_name+"<br>"+waybillData.consignee_name+"</td>"+
            "<td>"+waybillData.last_handling_warehouse_id+"<br>"+waybillData.last_shipping_activity+"</td>"+
            "<td>"+waybillData.pc+                         "</td>"+
            "<td>"+waybillData.actual_weight+               "</td>"+
            "<td>"+packingOption+                          "</td>"+
            "<td>"+remark_options+                         "</td>"+
            "<td style='display:none;'>"+escape(JSON.stringify(waybillObject))+"</td>"+
            "<td><button type='button' class='btn btn-danger' onclick='remove_waybill("+waybillData.id+")'><i class='fa fa-trash-o'></i></button>"+
            "</tr>");

            //update the drop down after append table 
            $("#remanifest-type-"+waybillData.id).val(waybillData.reason_code)

            $('#count-label').text($('#manifested-table tr').size()-1)
    }

    function find_duplicate_waybill(str, tableID)
    {   var isDuplicate = false;
        
        $('#' + tableID + ' tr').each(function(){
            $(this).children('td').each(function(){
                if ( $(this).html() == str ){
                    isDuplicate = true;
                }
            });
        }); 
        return isDuplicate ;
    }


    function validate_total_remanifest_shipment()
    {
        
        var scannedWaybillTableDataObject = getScannedWaybillTableData();
        scannedWaybillTableDataObject.forEach(function (waybill, index) {
    
         
        })

        $("#remanifest-confirmation-table .remanifest-confirmation-data").remove();

        var remanifestDataConfirm         = [];
        var scannedWaybillTableDataObject = getScannedWaybillTableData();

        scannedWaybillTableDataObject.forEach(function (waybill, index) {
                if(waybill.reasonCode != "new")
                {
                        tem1 = {
                                "id"     : waybill.id,
                                "cn"     : waybill.cn_no,
                                "shipper": waybill.shipper_and_consignee,
                                "remark" : waybill.reasonCode,
                                };
                        remanifestDataConfirm.push(tem1);
                }         
        })


        if(remanifestDataConfirm.length >0)
        {
            for(var i in remanifestDataConfirm)
            {           
                $('#remanifest-confirmation-table').prepend("<tr class='item"+remanifestDataConfirm[i].id+" remanifest-confirmation-data'>"+     
                                                                                    "<td>"+remanifestDataConfirm[i].cn+"</td>"+
                                                                                    "<td>"+remanifestDataConfirm[i].shipper+"</td>"+
                                                                                    "<td>"+remanifestDataConfirm[i].remark+"</td>"+                 
                                                                                    "</tr>");
            }
            $('#remanifest-confirmation-model').modal('show');
        }else{
            save_manifest()
        }
        
    }

async function save_manifest()
{   

      //clear all previous validation html class
    $('.validation-required').removeClass('has-error');
    $(".help-block").hide()

    //AVTIVE LOADED
    $("#load-overlay").show();
    $("#save-event-button").prop('disabled', true); 
   
    // GET ALL DATA IN manifested-table 
    var TableData                                  = [];

    var dataForSaveManifestWaybillToAccountBilling = [];

    var scannedWaybillTableDataObject = getScannedWaybillTableData();

    scannedWaybillTableDataObject.forEach(function (waybill, index) {
    
        TableData[index]={
                        "ID"                    : waybill.id,
                        "cnNo"                  : waybill.cn_no,
                        "pc"                    : waybill.pc,
                        "actualWeight"          : waybill.actualWeight,
                        "reasonCode"            : waybill.reasonCode,
                        "responsibleWarehouseID": waybill.responsibleWarehouseID,
                        }

        dataForSaveManifestWaybillToAccountBilling[index]={
                            "cnNo"                    : waybill.cn_no,
                            "waybill_id"              : waybill.id,
                            "src_warehouse_id"        : warehouseCode,
                            "dest_warehouse_id"       : waybill.dest_warehouse_id,
                            "responsible_warehouse_id": waybill.responsibleWarehouseID,
                            "reason_code"             : waybill.reasonCode,
                            "packing"                 : waybill.packing,
                            }

        })

    var consolidateDataArray = {};
    var httpMethod ;  
    var urlPath ; 
    if(consolidateID == 0)
    {
                            urlPath                             = courierApiMatrix+"/api/v2/courier/consolidate/manifest/create"
                            consolidateDataArray['consolidate'] = {
                                                                        "src"            : warehouseCode,
                                                                        "dest"           : $('#manifest-des-station').val(),
                                                                        "srcWarehouseID" : warehouseCode,
                                                                        "destWarehouseID": $('#manifest-des-station').val(),
                                                                  } ;

                            var today = new Date().toLocaleDateString('en-GB', {
                                day  : '2-digit',
                                month: '2-digit',
                                year : '2-digit'
                            }).split('/').join('');

                            consolidateDataArray['waybills'] = TableData ;
                            consolidateDataArray['forDate']  = today;
                            consolidateDataArray['sealCode'] = $('#manifest-security-seal').val();
    }else
    {
                            urlPath                             = courierApiMatrix+"/api/v2/courier/consolidate/manifest/update"
                            consolidateDataArray['consolidate'] = {
                                                                        "ID"             : parseInt(consolidateID),
                                                                        "src"            : warehouseCode,
                                                                        "dest"           : $('#manifest-des-station').val(),
                                                                        "srcWarehouseID" : warehouseCode,
                                                                        "destWarehouseID": $('#manifest-des-station').val(),
                                                                  } ;
                            consolidateDataArray['waybills'] = TableData ;
    }

    try{
            consolidateResult  = await syncAjaxCall(consolidateDataArray,urlPath,"POST",matrixBearerToken);

            await renderManifestInfromation(consolidateResult)

            if(consolidateID == 0)
            {
                show_success("Manifest successfuly created") 

            }else{
                show_success("Manifest successfuly updated") 

            }
            consolidateID = consolidateResult.id ; 


            await save_manifest_waybill_to_account_billing({"consolidate_id":consolidateID,"waybills":dataForSaveManifestWaybillToAccountBilling})
            await save_remanifest_waybill_to_shipping_activity(TableData);
            $("#load-overlay").hide(); 
            $("#save-event-button").prop('disabled', true);   

    }
    catch(err) {
    $("#load-overlay").hide(); 
    $("#save-event-button").prop('disabled', false);   

        if(err.status == 422)
        {
            inputValidationForError422(err.responseJSON)
        }else{
            Swal.fire({ title: "Error", text: err+" contact system administrator", icon: "error", confirmButtonColor: "#5156be" });
        }
    return
    }

}

async function renderManifestInfromation(manifestInfoObject)
{
            $('#manifest-des-station').prop('disabled', true);
            $('#manifest-security-seal').prop('disabled', true);   
         
            var printURL  = "