@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>HUB Consolidate Shipment</b></h3>

                        <div class="box-tools">
                            <div style="width: 160px;">
                                <a href="{{ url('/hub/consolidate/add') }}"  class="btn btn-primary"><i class="fa fa-file"></i> NEW</a>
                                <a href="{{ url('/hub/consolidate/search') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i></a>
                                <a href="#" class="btn btn-info pull-right"><i class="fa fa-pencil"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body table-responsive no-padding">
                        <table class="table">
                            <tr>
                                <td><b>Destination Station Selection * :</b></td>
                                <td> : </td>
                                <!-- <td><input type="text" id="consolidate-des-hub-code" name="consolidate_des_hub" class="form-control" list="warehouses"/></td> -->
                                <td>
                                <div class="form-group">
                                        <select class="form-control select2" id="consolidate-des-hub-code" name="consolidate_des_hub" style="width: 100%;">
                                            <option value="">Select Destination Station</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>
                                </div>  
                                
                                </td>
                            </tr>
                            <tr>
                                <td><b>New Mother Console Number *</b></td>
                                <td> : </td>
                                <td><input type="text" id="consolidate-mother-seal" name="consolidate_mother_seal" class="form-control"/></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td><b>Scan Child code</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="consolidate-child-code" name="consolidate_child_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 Child Console Table</h3>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body table-responsive no-padding">
                        <table class="table table-hover" id="consolidate-table" name = "consolidate_table">
                            <tbody><tr>
                            <th>Child Code</th>
                            <th>Action</th>
                            </tr>
                        </tbody></table>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                    </div>
                    <button type="button" class="btn btn-primary save-button" id="save-event-button" onClick = "save_consolidate()">SAVE</button>     

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

<script>


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

    function remove_code($id)
    {
        $('.item' + $id).remove();
    }

     $('#consolidate-child-code').keydown(function (e){
    if(e.keyCode == 13){
        //alert('you pressed enter ^_^');
        get_code($('#consolidate-child-code').val());
        $('#consolidate-child-code').val("");
        $( "#consolidate-child-code" ).focus();
    }
    })

    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)
{

            $.ajax({

            type:"GET",//or POST
            url:"{{ URL::to('/home/consolidate_add/get_console_id') }}/"+$auxID,
                            //  (or whatever your url is)
            //can send multipledata like {data1:var1,data2:var2,data3:var3
            //can use dataType:'text/html' or 'json' if response type expected 
            success:function(responsedata){

            if (responsedata.id >0)
            {
                if(find_duplicate_code($auxID, "consolidate-table"))
                {   
                    
                    show_warning('Duplicated code scanned');
                }else
                {

                
                
                $('#consolidate-table').append("<tr class='item"+responsedata.id+"'>"+
                                                            "<td style='display:none;'>"+responsedata.id +"</td>"+
                                                            "<td>"+responsedata.aux_id +"</td>"+
                                                            "<td><button type='button' class='btn btn-danger' onclick='remove_code("+responsedata.id+")'><i class='fa fa-trash-o'></i></button>"+
                                                            "</tr>");
                }

            }else
            {
                show_warning('This is not a valid code.');
            
            }
                
            
            }
            })
           
              
         
        

 }

 function save_consolidate()
{   

    if($('#consolidate-mother-seal').val() == "" || $('#consolidate-des-hub-code').val() == "")
    {
        show_danger("Please Insert Mother Seal Number & Destination Code");    
        return;
    }

    $("#save-event-button").prop('disabled', true);   
    //AVTIVE LOADER
    $("#load-overlay").show();
   
    // GET ALL DATA IN consolidate-table 
    var TableData = new Array();
    $('#consolidate-table tr').each(function(row, tr){
        TableData[row]={
              "auxID" : $(tr).find('td:eq(1)').text()
            , "id" : parseInt($(tr).find('td:eq(0)').text())
        }
    }); 
    TableData.shift();  // first row is the table header - so remove
    var motherSealDataArray = {};
    motherSealDataArray['childConsolidates'] = TableData ;
    motherSealDataArray['parentConsolidate'] = {
                                                        "auxID": $('#consolidate-mother-seal').val(), 
                                                        "dest": $('#consolidate-des-hub-code').val() , 
                                                        "destWarehouseID": $('#consolidate-des-hub-code').val(), 
                                                        "src": warehouseCode, 
                                                        "srcWarehouseID": warehouseCode, 
                                                       } ;

                                                       console.log(JSON.stringify(motherSealDataArray));
                                                       

    var settings = {
                                    "async": true,
                                    "crossDomain": true,
                                    "url":apiPath+"/api/v2/courier/consolidate/container/motherbag", 
                                    "method": "PUT",
                                    "headers": {
                                        "Authorization": bearerToken,
                                        "Content-Type": "application/json",
                                    },
                                    "processData": false,
                                    "data": JSON.stringify(motherSealDataArray)
                                    }

                            
                                $.ajax(settings).done(function (response) 
                                {
                                    $("#load-overlay").hide(); 
                                    show_success("New Console successfuly created")        
                                    $("#save-event-button").prop('disabled', 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 Manifest : "+errorMessage);    
                                                  
                                    });

}

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