@extends('layouts.app')

@section('content')
<div class="container">
     <h3>Cargar Inventario</h3>
        <div class="row">
            <div class="col-sm-5">
                <label for="productsearch">Producto</label>
                <input type="productsearch" class="form-control" id="productsearch">
                <input type="hidden" class="form-control" id="productid">
            </div>  
            <div class="col-sm-1">
                <label for="productqty">Cantidad</label>
                <input type="productqty" class="form-control" id="productqty">
            </div>  
            <div class="col-sm-1">
                <label for="productqty">Accion</label>
                <a href="#" class="btn btn-success" id="btnAdd" name="btnAdd">Agregar</a>
            </div>   
        </div>
        <br />
        <br />
        <div class="row">
            <div class="col-sm-12">
                <table class="table table-bordered" id="tbl_inventory">
                    <thead>
                        <tr>
                            <td>Id</td>
                            <td>Linea</td>
                            <td>Codigo</td>
                            <td>Producto</td>
                            <td>Cantidad</td>
                            <td>Borrar</td>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <div class="row">
            <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
            <div class="col-md-12"><a href="#" class="btn btn-success" id="btnGrabar" name="btnGrabar">Grabar</a></div>
        </div>
        <div class="modal"><!-- Place at bottom of page --></div>
</div>
@stop
@push('scripts')
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"> defer</script>
<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
<script>
var tblInventory;
var insertar = [];
$( document ).ready(function() {
 
    $("#productsearch").autocomplete({
		    delay: 1000,
        source: function( request, response ) {
            $.ajax({
                url : "{{ route('searchproductinv') }}",
                dataType: "json",
                type: "GET",
                data: {
                    searchdata: request.term,
                },
                success: function( data ) {
                    response( $.map( data, function( item ) {
                    console.log(item.resultado);
                            return {
                                label: item.code+"-"+item.name,
                                value: item.code+"-"+item.name,
                                data : item
                            }
                    }));
                }
            });
        },
        messages: {
            noResults: '',
            results: function() {}
        },
        autoFocus: true,	      	
        minLength: 2,
        select: function( event, ui ) {
            var productData = ui.item.data;
             
            insertar = [
                productData.id,
                productData.linea,
                productData.conversion_code,
                productData.name,
                productData.conversion_value
            ];

           
           
            
        }		      	
    });

    $('#tbl_inventory tbody').on( 'click', 'a', function () {
        tblInventory
        .row( $(this).parents('tr') )
        .remove()
        .draw();
    } );

    tblInventory =  $('#tbl_inventory').DataTable({
        language: {
              "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
              },
        dom: 't',
        aoColumnDefs: []
    });

    $('#productqty').keypress(function(event){
            if(event.keyCode == 13){
                $('#btnAdd').click();
            }
        });

    $("#btnAdd").on("click", function() {

        var inventory = tblInventory.rows().data();
        if($("#productqty").val().length > 0 && Number.isInteger( parseInt( $("#productqty").val() ) ) ) {
            var counter = 0;
            if(inventory.length > 0 ) {
                tblInventory.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
                    var value =  this.data();
                    if(value['0'] == insertar['0'] ) {
                        var data = tblInventory.rows( rowIdx ).data();
                        cant = parseInt(insertar[4]) * parseInt($("#productqty").val());
                        cantOld = parseInt(data[0][4]);
                        //tblInventory.row( index ).col(4) = cant + cantOld;
                        tblInventory.cell({row:rowIdx, column:4}).data(cant + cantOld)
                        $("#productqty").val("");
                        $("#productsearch").val("");
                        counter++;
                        return false;
                        
                    } 
                });

                if(counter == 0) {
                    var cant = parseInt(insertar[4]) * parseInt($("#productqty").val());
                    insertar[4] = cant;
                    insertar.push( "<a href='#' id='btndelete' class='btn btn-danger'>Borrar</a>" );

                    tblInventory.row.add(insertar).draw();
                    $("#productqty").val("");
                    $("#productsearch").val("");
                     
                }



            } else {
                var cant = parseInt(insertar[4]) * parseInt($("#productqty").val());
                insertar[4] = cant;
                insertar.push( "<a href='#' id='btndelete' class='btn btn-danger'>Borrar</a>" );

                tblInventory.row.add(insertar).draw();
                $("#productqty").val("");
                $("#productsearch").val("");
               
            }
        } else {
            alert('Debes Capturar una Cantidad');
        }

    });

    $('#tbl_inventory tbody').on( 'click', 'a', function () {
        tblInventory
        .row( $(this).parents('tr') )
        .remove()
        .draw();
    } );

    $("#btnGrabar").on('click', function() {
                $body = $("body");
        $body.addClass("loading");
        var inventory = tblInventory.rows().data();
        var allproducts = [];
        var counter = 0;
        $.each(inventory, function(index,value) {
            allproducts[counter] = new Array();
            allproducts[counter][0] = value[2];
            allproducts[counter][1] = value[4];
            counter++;	
        })

        $.ajax({
            type: 'POST',
            url: "{{ route('inbound') }}", // call your php file
            data: { products: allproducts,_token: $("#_token").val() },
            cache: false,
            success: function(data){
               // var info = JSON.parse(data);
              alert("Se agrego al inventario")
              $body.removeClass("loading");
                tblInventory
                .rows()
                .remove()
                .draw();
                window.location.replace( "{{ route('inventoryreview') }}" );
            }
        });
    })

    
});

</script>
@endpush