@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>

    @include('alert.alert_panel')
            
        <!-- *******************************-->
        <div class="box box-default">
            <div class="box-header with-border">
                        <h3 class="box-title"><b>Jobs </b>Allocation</h3>
                        <div class="box-tools pull-right">
                            <div style="width: 250px;">
                                <a href="{{ url('/jobs/jobs_add') }}" class="btn btn-primary"><i class="fa fa-file"></i> NEW</a>
                                <a class="btn btn-primary" id="job-print" name = "job_print"><i class="fa fa-print"></i> Print</a>
                                <a href="{{ url('/jobs/jobs_add') }}" class="btn btn-info"><i class="fa fa-pencil " ></i></a>
                                <a href="{{ url('/jobs/jobs_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>
                            </div>
                        </div>
            </div>
        <!-- /.box-header -->

            <div class="box-body table-responsive no-padding">
                <table class="table" >
                    <tr>
                        <td><b>Driver Selection*</b></td>
                        <td> : </td>
                        <td>  
                        <select class="form-control select2" id="select-driver" name="select_driver" style="width: 50%;">
                                    @foreach($drivers_list as $driver)
                                        <option value="{{ $driver->uid }}">{{ $driver->uid }} - {{ $driver->name }}</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 class="box">
                <div class="box-header">
                <h3 class="box-title">Scanned Waybill Table</h3>
                <button type="button" class="btn btn-success pull-right" id="count-label">0</button>
                <div class="box-tools">
                    <div class="input-group input-group-sm" style="width: 150px;">
                    </div>
                </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body table-responsive no-padding">
                <table class="table table-hover" id="jobs-table" name = "jobs_table">
                    <thead><tr>
                    <th>ID</th>
                    <th>CN</th>
                    <th>Shipper Name</th>
                    <th>Consignee Name</th>
                    <th>Pcs</th>
                    <th>Actual Weight</th>
                    <th>Volumn Weight</th>
                    <th>Last Activity</th>
                    <th>Undeliver Remark Option</th>
                    <th>Updated Undeliver Remark</th>
                    <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
                </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->



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




</section>

@include('common.footer')

<script>
    // $('input[type="checkbox"].flat-red').iCheck({
    //     checkboxClass: 'icheckbox_flat-green',
    //     radioClass   : 'iradio_flat-green'
    // });
//

var saveCompleted  = false;
var scanedWaybills = [];


$('.select2').select2();

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



$(document).on('change', '.undelived-type', function() 
        {
            $('#updated_undeliver_remakrs_'+$(this).context.id).html($(this).context.value);
        });



 //remove the code from clicked button
 $(document).on('click', '.delete-model', function() 
        {
            var waybillID = $(this).data('id') ;

             $('.item' + $(this).data('id')).remove();
             $('#count-label').text($('#jobs-table tr').size()-1)

             index = scanedWaybills.findIndex(key => key.id === waybillID);
             scanedWaybills.splice(index, 1);
        });

    $( "#job-print" ).click(function() {
                        
    //var runsheet_data = get_runsheet_details();
        if(saveCompleted)
        {
        generate_runsheet();
        }else{
            show_warning("Please save jobs before print runsheet");
        }
    });



function save_tracking()
{   

    //AVTIVE LOADER
    $("#load-overlay").show();
    $("#save-event-button").prop('disabled', true);
    // GET ALL DATA IN receive-table 
    var TableData = new Array();
    var TableFullData= new Array();
    $('#jobs-table tr').each(function(row, tr){
        //if Updated Undeliver Remark had text 
        if($(tr).find('td:eq(9)').text()!="")
        {
            var tem1 = new Array();
            tem1 = {code:$(tr).find('td:eq(1)').text(),description: $('#updated_undeliver_remakrs_'+$(tr).find('td:eq(0)').text()).val()};
            TableData.push(tem1);
        }
       
    }); 
    var chunkedTableArray = arrayChunk(TableData,100);
    var cycleCount = 0 ;  
                        //if there is tracking entry need to be crete before job allocation 
                        if(chunkedTableArray.length > 0)
                        {
                            for(var i = 0 ; i < chunkedTableArray.length ; i++)
                            {
                                var dataArray = {};
                                dataArray['entry_codes']           = chunkedTableArray[i];
                                dataArray['handling_warehouse_id'] = warehouseCode;


                                var settings = {
                                        "async": true,
                                        "crossDomain": true,
                                        "url": courierApiMatrix+"/api/v2/courier/shipping/event/not_delivered",
                                        "method": "POST",
                                        "headers": {
                                            "Authorization": matrixBearerToken,
                                            "Content-Type": "application/json",
                                        },
                                        "processData": false,
                                        "data": JSON.stringify(dataArray)
                                        }

                                
                                    $.ajax(settings).done(function (response) 
                                    {
                                    cycleCount++
                                    if(cycleCount >= chunkedTableArray.length)
                                    {
                                        //$("#save-event-button").prop('disabled', true); 
                                        $("#load-overlay").hide();
                                        show_success("New Tracking Entry Created")
                                        save_jobs();   
                                    }
                                    
                                    }) .fail(function(xhr, status, error) {
                                            //Ajax request failed.
                                            var errorMessage =xhr.status + '- ' + xhr.statusText
                                                    $("#load-overlay").hide(); 
                                                    $("#save-event-button").prop('disabled', false); 
                                                    show_danger("Error on Tracking Entry : "+errorMessage);      
                                        });
                            }

                        }else{
                                //direct calling save job function 
                                save_jobs();   
                            }
                        


}

function save_jobs()
{   

    //AVTIVE LOADED
    $("#load-overlay").show();
    $("#save-event-button").prop('disabled', true);   
   
    // GET ALL DATA IN jobs-table 
    var TableData = new Array();
    $('#jobs-table tr').each(function(row, tr){
        TableData[row]={
              "task_id"     : parseFloat($(tr).find('td:eq(0)').text()),
              "task_aux_id" : $(tr).find('td:eq(1)').text(),
              "assignee_uid": $('#select-driver').val(),
              "description" : 'SYSTEM - out_for_deliver -'+$('#select-driver').val(),
        }
    }); 
    TableData.shift();  // first row is the table header - so remove

    var chunkedTableArray = arrayChunk(TableData,100);
    var cycleCount = 0 ;  

                        for(var i = 0 ; i < chunkedTableArray.length ; i++)
                        {
                                    var settings = {
                                            "async": true,
                                            "crossDomain": true,
                                            "url": courierApiMatrix+"/api/v2/courier/job/delivery/out_for_deliver",
                                            "method": "POST",
                                            "headers": {
                                                "Authorization": matrixBearerToken,
                                                "Content-Type": "application/json",
                                            },
                                            "processData": false,
                                            "data": JSON.stringify({jobs:chunkedTableArray[i]})
                                            }

                                    $.ajax(settings).done(function (response) 
                                        {
                                        cycleCount++
                                            if(cycleCount >= chunkedTableArray.length)
                                            {
                                                //DEAVTIVE LOADED
                                                $("#load-overlay").hide();
                                                $("#save-event-button").prop('disabled', true);   
                                                $("#scan-waybill").prop('disabled', true);   
                                                $("#select-driver").prop('disabled', true);   
                                                show_success("Jobs succefully allocated to driver")     
                                                saveCompleted = true;
                                            }
                                        
                                        }).fail(function(xhr, status, error) {
                                        //Ajax request failed.
                                        var errorMessage =xhr.status + '- ' + xhr.statusText
                                                $("#load-overlay").hide(); 
                                                $("#save-event-button").prop('disabled', false); 
                                                show_danger("Error on assign process : "+errorMessage);      
                                    });
                                
                        }

}


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 ;
}


 async function get_waybill(cn)
 {      
        try {

                const waybillActivity = await syncAjaxCall("",courierApiMatrix+"/api/v2/courier/report/shipping/waybill/"+cn,"GET",matrixBearerToken);
                
                if (findActicity(waybillActivity ,"","proof_of_deliver",1))
                {
                    show_warning('POD waybill is not allow for OFD')
                    ic_snd.play();
                    return;
                }

        } catch (error) {
                    show_danger("error-"+error);
                    ic_snd.play();
                    return;
            }
      
        try {

            var waybillEndpoint =  courierApiMatrix+"/api/v2/courier/waybill/get/byCn/"+cn; 
            const result = await syncAjaxCall("" , waybillEndpoint, "POST",matrixBearerToken)
            if(Object.keys(result).length === 0)
            {
                show_warning('This is not a valid waybill.');
                ic_snd.play();
                return;
            }
            //this function allow waybill to be ofd by origin station not manifested shipment to be allow POD
            if(result.consolidate_id < 1 && result.init_src_warehouse_id != warehouseCode)
            {
                show_warning('Unmanifested Waybill Scanned.');
                ic_snd.play();
                return;
            }
            if(find_duplicate_waybill(result.cn_no, "jobs-table"))
            {   
                ic_snd.play();
                show_warning('Duplicated Waybill Scanned')
                return;
            }
            if(result.last_handling_warehouse_id != warehouseCode)
            {
                show_warning('The waybill not arrive to my station');
                ic_snd.play();
                return;
            }
            //BP-300 FE - TASK : As HQ I requesting OFD moduleshould block any wrong manifested waybill fordelivery . Example Manifested to PDS but NLI scanfor OFD
            //in this condition we need to check result.initSrcWarehouseID != warehouseCode because same initSrcWarehouseID is allow to OFD without manifest 
            if(result.dest_warehouse_id != warehouseCode && result.init_src_warehouse_id != warehouseCode)
            {
                show_warning('The waybill is manifested to '+result.dest_warehouse_id );
                ic_snd.play();
                return;
            }

            scanedWaybills.push(result)
    
                                    var status_label ;
                                    var remark_options ; 
                                    switch(result.last_shipping_activity)
                                    {
                                        //if CN is OFD before and no lates updated on last activity status must provide reasone 
                                        case "out_for_deliver" :
                                        cc_snd.play();
                                        status_label = "<span class='label label-danger'>"+result.last_shipping_activity+"</span>"
                                        remark_options =  "<select class='form-control undelived-type' id='"+result.id+"' name='undelived_type'>"+
                                                                               "<option value='CUSTOMER AWAY'>Customer Away</option>"+
                                                                               "<option value='OUT OF TIME'>Out of Time</option>"+
                                                                               "<option value='WRONG ADDRESS'>Wrong Address</option>"+
                                                                               "<option value='CANNOT LOCATE'>Cannot Locate</option>"+
                                                                               "<option value='CUSTOMER PHONE NOT RESPONDING'>Customer Phone Not Responding</option>"+
                                                                               "<option value='INCOMPLETE ADDRESS'>Incomplete Address</option>"+
                                                                               "<option value='CUSTOMER REFUSE ACCEPT'>Customer Refuse to Accept</option>"+
                                                                               "<option value='OTHER - '>OTHER</option>"+
                                                                            "</select>"
                                        updated_undeliver_remakrs="<textarea class='input-sm form-control' id='updated_undeliver_remakrs_"+result.id+"' rows='2'>CUSTOMER AWAY</textarea>"
                                        append_table(result , status_label , remark_options , updated_undeliver_remakrs)
                                        break;

                                        case "proof_of_deliver":
                                        ic_snd.play();
                                        show_warning('POD waybill is not allow for OFD')
                                        break;

                                        case "to_transit":
                                        ic_snd.play();
                                        show_warning('Waybill in transit ,please scan arrived destination')
                                        break;

                                        case "arrived_hq":
                                        ic_snd.play();
                                        show_warning('Waybill in arrived hq ,please scan arrived destination')
                                        break;

                                        default :
                                        cc_snd.play();
                                        status_label = "<span class='label label-success'>"+result.last_shipping_activity+"</span>"
                                        remark_options = ""
                                        updated_undeliver_remakrs = ""
                                        append_table(result , status_label , remark_options , updated_undeliver_remakrs)
                                        break;

                                    } 

        } catch (error) {
            show_danger(error);
        }
   

 }

    function append_table(result , status_label , remark_options , updated_undeliver_remakrs)
    {
        $('#jobs-table').append("<tr class='item"+result.id+"'>"+
                                                                "<td>"+result.id+"</td>"+
                                                                "<td>"+result.cn_no+"</td>"+
                                                                "<td>"+result.shipper_name+"</td>"+
                                                                "<td>"+result.consignee_name+"</td>"+
                                                                "<td>"+result.pc+"</td>"+
                                                                "<td>"+result.actual_weight+"</td>"+
                                                                "<td>"+result.volume_weight+"</td>"+
                                                                "<td>"+status_label+"</td>"+
                                                                "<td>"+remark_options+"</td>"+
                                                                "<td id='udpated-remark-"+result.id+"'>"+updated_undeliver_remakrs+"</td>"+
                                                                "<td><button type='button' class='delete-model btn btn-danger' data-id="+result.id+"><i class='fa fa-trash-o'></i></button>"+
                                                                "</tr>");
    }


   async function generate_runsheet()
   {
     $("#load-overlay").show();

        var now_date = new Date( Date.now())
        now_date.setHours(now_date.getHours()+ThistimeZone);
        now_date = now_date.toISOString()

         var postData =  {
                           _token          : "{{ csrf_token() }}",
                           job_assignee_uid: $('#select-driver').val(),
                           job_date        : now_date,
                           jobs_filter     : [],
                           jobs            : scanedWaybills
                         }
          const responsedata = await syncAjaxCall(postData,"{{ URL::to('/jobs/jobs_search/job_print') }}","POST","");
                  $("#load-overlay").hide();  
                   var win = window.open();
                   win.document.write(responsedata);       

                
   }

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

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

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

    function show_danger_CN_fail_save($msg)
    {
                    $("#invalid-danger-message").html($msg);
                    $("#invalid-danger").show();
    }


    window.addEventListener("beforeunload", function(event) 
    {
    var count_label_text = $('#count-label').text();

    if(count_label_text > 0 && saveCompleted == false)
    {
        event.returnValue = "Unsave changes";
    }
    
    });

    function findActicity(shippingActivitiesObject ,matchHandlingWarehouseID = "",matchActivity ="", option = 1)
    {
        var match = false ;
        for (let activities of shippingActivitiesObject) {

            switch (option)
            {
                case 1 :
                    if(activities.activity == matchActivity )
                    { 
                        return true;
                    }
                    break;

                    case 2:
                    if(activities.activity == matchActivity && activities.handling_warehouse_id == matchHandlingWarehouseID )
                    { 
                        return;
                    }
                    break;
            }
        }
        return false;
    }

 



    



</script>