@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">
    @include('alert.alert_panel')
        <div class="col-xs-12">
            <div class="box box-primary">
                <form>
                    <div class="box-header">
                        <h3 class="box-title"><b>Shipment Receive </b></h3>

                        <div class="box-tools">
                                <a href="{{ url('/home/event_add/shipment_receive') }}"  class="btn btn-primary"><i class="fa fa-file"></i> NEW</a>
                        </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><b>Scan Waybill / CN / Baby Parcel </b></td>
                                <td> : </td>
                                <td><div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-barcode"></i></span>
                                    <input type="text" id="receive-code" name="receive_code" class="form-control">
                                    </div>
                                </td>
                                <td></td>
                            </tr>
                            
                        </table>
                    </div>
                </form>

                
        </div>

        
    </div>

                <div class="col-xs-12">
                    <div class="box">
                        <div class="box-header">
                        <h3 class="box-title">Scanned Received Waybill / CN / Baby Parcel</h3>
                        
                        <button type="button" class="btn btn-success pull-right" id="count-label">0</button>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body table-responsive no-padding">
                        <table class="table table-hover" id="receive-table" name = "receive_table">

                            <thead><tr>
                            <th>Received Items</th>
                            <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                        </tbody></table>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                    </div>
                    <button type="button" class="btn btn-primary save-button" id="save-event-button" onClick = "save_receive()">SAVE</button>     

                </div>

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

<script>

var saveCompleted = false;

 
    //remove the code from clicked button
     $(document).on('click', '.delete-model', function() 
        {
             $('.item' + $(this).data('id')).remove();
             $('#count-label').text($('#receive-table tr').size()-1)
        });



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

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



function get_code(auxID)
{
    cc_snd.play();
    var strAuxID = auxID 

    //replace special char scanned and use in class item
    strAuxID =  strAuxID.replace(/[_\W]+/g, "-")

                if(find_duplicate_code(auxID, "receive-table"))
                {   
                    show_warning('Duplicated code scanned');
                }else
                if(auxID == "")
                {   
                    show_warning('Please Scan a valid code');
                }else
                {
                $('#receive-table').prepend("<tr class='item"+strAuxID+"'>"+
                                                            "<td>"+auxID+"</td>"+
                                                            "<td><button type='button' class='delete-model btn btn-danger' data-id="+strAuxID+"><i class='fa fa-trash-o'></i></button>"+
                                                            "</tr>");
                }
        
 }

 function save_receive()
{   

    //AVTIVE LOADER
    $("#load-overlay").show();
    $("#save-event-button").prop('disabled', true);      

   // GET ALL DATA IN receive-table 
    var TableData = new Array();
    // $('#receive-table tr').each(function(row, tr){
    //     TableData.push($(tr).find('td:eq(0)').text());
    // }); 


    $('#receive-table tr').each(function(row, tr)
    {   var tem1 = new Array();
        tem1 = {code:$(tr).find('td:eq(0)').text(),description:"SYSTEM-arrived_dest"};
   
        TableData.push(tem1);
    
      
    }); 
    TableData.shift();  // first row is the table header - so remove

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

    console.log(chunkedTableArray)

    //bulk insert API call 
     for(var i = 0 ; i < chunkedTableArray.length ; i++)
                        {
                                    try{
                                    
                                            var dataArray= {
                                                            "entry_codes"          : chunkedTableArray[i],
                                                            "handling_warehouse_id": warehouseCode
                                                            };
                                            arrivedDestResult = syncAjaxCall(dataArray,courierApiMatrix+"/api/v2/courier/shipping/event/arrived_dest","POST",matrixBearerToken);
                                    }
                                    catch(e){
                                            
                                            $("#load-overlay").show();
                                            show_danger("Error on shipment receive - "+e.statusText  )
                                            return ;
                                    }

                            }

    //DEAVTIVE LOADED
    $("#load-overlay").hide(); 
    $("#save-event-button").prop('disabled', true); 
    show_success("New shipement received successfuly")
    saveCompleted = true;     




}


    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-warning").delay(6000).hide(0, function() {});
                  
    }

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

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

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