@extends('layouts.app')

@section('content')
<div class="container">
     <h3>Generar Pedido</h3>
        <div class="row">
            <div class="col-sm-5">
                <label for="clientsearch">Cliente</label>
                <input type="clientsearch" class="form-control" id="clientsearch">
                <input type="hidden" class="form-control" id="customerid">
                <input type="hidden" class="form-control" id="pricelistid">
            </div>  

          
        </div>
       <br />
       <br />
        <table class="table table-bordered">
            <tr><td>RFC: </td><td><span id="lbrfc"></span></td><td>Contacto: </td><td><span id="lbcontact"></span></td></tr>
            <tr><td>Telefono: </td><td><span id="lbphone"></span></td><td>Email: </td><td><span id="lbmail"></span></td></tr>
        </table>
  
    <fieldset class="border p-2">
        <legend class="w-auto">Productos</legend>
        <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-10">
                <table class="table table-bordered" id="tbl_inventory">
                    <thead>
                        <tr>
                            <td>Codigo</td>
                            <td>Producto</td>
                            <td>Cantidad</td>
                            <td>Precio</td>
                            <td>IVA</td>
                            <td>IEPS</td>
                            <td>Total</td>
                            <td>Borrar</td>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="col-sm-2">
                <div class="w-65 p-3 " style="background-color: #eee; text-align: right;">SubTotal: <span id="txtSubTotal"></span></div>
                <div class="w-65 p-3" style="background-color: #eee; text-align: right;">Impuestos: <span id="txtTaxes"></span></div>
                <div class="w-65 p-3 " style="background-color: #eee; text-align: right;">Total: <span id="txtTotal"></span></div>
            </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>
    </fieldset>
        <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() {
    
    $("#clientsearch").autocomplete({
		    delay: 1000,
        source: function( request, response ) {
            $.ajax({
                url : "{{ route('searchclient') }}",
                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 clientData = ui.item.data;
            $("#customerid").val(clientData.id);
            $("#lbname").html(clientData.name);
            $("#lbrfc").html(clientData.rfc);
            $("#lbcontac").html(clientData.contact1+" "+clientData.contact2);
            $("#lbphone").html(clientData.telephone1+" "+clientData.telephone2);
            $("#lbmail").html(clientData.email);
            $("#pricelistid").val(clientData.pricelist_id);

             
           
           
            
        }		      	
    });

    $("#productsearch").autocomplete({
		    delay: 1000,
        source: function( request, response ) {
            $.ajax({
                url : "{{ route('searchproduct') }}",
                dataType: "json",
                type: "GET",
                data: {
                    searchdata: request.term,
                    pricelistid: $("#pricelistid").val()
                },
                success: function( data ) {
                    response( $.map( data, function( item ) {
                    console.log(item.resultado);
                            return {
                                label: item.code+"-"+item.name+" Inventario:"+item.available,
                                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.code,
                productData.name,
                0,
                productData.price,
                productData.taxes1,
                productData.taxes2,
                0
            ];

           
           
            
        }		      	
    });

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

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

    $('#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;
            var SubTotal = 0;
            var Total = 0;
            var Tax1Total = 0;
            var Tax2Total = 0;
            insertar[3] = currency(insertar[3])
            insertar[4] = currency(insertar[4])
            insertar[5] = currency(insertar[5])

            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[2]) + parseInt($("#productqty").val());
                        cantOld = parseInt(data[0][2]);
                        total = ( (cant+cantOld)* insertar[3].value  ) + insertar[4].value + insertar[5].value
                        //tblInventory.row( index ).col(4) = cant + cantOld;
                        tblInventory.cell({row:rowIdx, column:2}).data(cant + cantOld)
                        tblInventory.cell({row:rowIdx, column:6}).data(currency(total , { formatWithSymbol: true }).format())
                        $("#productqty").val("");
                        $("#productsearch").val("");
                   
                        counter++;
                        return false;
                        
                    } 
                });

                if(counter == 0) {
                    var cant = parseInt(insertar[2]) + parseInt($("#productqty").val());
                    insertar[2] = cant;
                   
                    insertar[6] = currency( ( cant* insertar[3].value ) + insertar[4].value + insertar[5].value , { formatWithSymbol: true }).format() 
                    insertar.push( "<a href='#' id='btndelete' class='btn btn-danger'>Borrar</a>" );
                    insertar[3] = currency( insertar[3] , { formatWithSymbol: true }).format() 
                    insertar[4] = currency( insertar[4] , { formatWithSymbol: true }).format() 
                    insertar[5] = currency( insertar[5] , { formatWithSymbol: true }).format() 
                    tblInventory.row.add(insertar).draw();
                    $("#productqty").val("");
                    $("#productsearch").val("");

         
                     
                }



            } else {
                var cant =  parseInt($("#productqty").val());
                insertar[2] =  cant
                
                insertar[6] = currency( ( cant* insertar[3].value  ) + insertar[4].value + insertar[5].value , { formatWithSymbol: true }).format() ;
                insertar.push( "<a href='#' id='btndelete' class='btn btn-danger'>Borrar</a>" );
                insertar[3] = currency( insertar[3] , { formatWithSymbol: true }).format() 
                insertar[4] = currency( insertar[4] , { formatWithSymbol: true }).format() 
                insertar[5] = currency( insertar[5] , { formatWithSymbol: true }).format() 
                tblInventory.row.add(insertar).draw();
                $("#productqty").val("");
                $("#productsearch").val("");

              
               
            }

                updateTotal()

        } 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 client = $("#customerid").val();
        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('orders.store') }}", // call your php file
            data: { products: allproducts,_token: $("#_token").val(),client_id: client },
            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') }}" );
            }
        });
    })

    function updateTotal() {
        var SubTotal = 0;
        var Total = 0;
        var Tax1Total = 0;
        var Tax2Total = 0;
        tblInventory.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
            var value =  this.data();
            var subTotal = currency(value[3]);
            var tax1 = currency(value[4]);
            var tax2 = currency(value[5]);
            var total = currency(value[6]);

            SubTotal = SubTotal + subTotal.value;
            Tax1Total = Tax1Total + tax1.value;
            Tax2Total = Tax2Total + tax2.value;
            Total = Total + SubTotal + Tax1Total + Tax2Total;
            //tblInventory.cell({row:rowIdx, column:2}).data(cant + cantOld)
        });

        $("#txtSubTotal").html( currency( SubTotal, { formatWithSymbol: true }).format() );
        $("#txtTaxes").html( currency(Tax1Total + Tax2Total, { formatWithSymbol: true }).format() );
        $("#txtTotal").html(currency(Total, { formatWithSymbol: true }).format() );
    }
});

</script>
@endpush