@extends('layouts.app')

@section('content')
<div class="container">
     <h3>Cargar Pedido</h3>
        <a href="{{ action('OrderController@index') }}" class="btn btn-success">Regresar</a>
        <div class="row top-buffer">
            <div class="col-sm-5">
                <label for="clientsearch">Cliente</label>
                <input type="clientsearch" class="form-control" id="clientsearch" value="{{ $client->name }}" disabled>
                <input type="hidden" class="form-control" id="customerid" value="{{ $client->id }}">
                <input type="hidden" class="form-control" id="pricelistid" value="{{ $client->pricelist_id }}">
                <input type="hidden" class="form-control" id="orderid" value="{{ $order->id }}">
                <input type="hidden" class="form-control" id="orderstatus" value="{{ $order->status }}">
            </div> 
            <div class="col-sm-5">
                <label for="clientsearch">Estatus</label>
                <select class="form-control" id="cmbStatus" name="cmbStatus" disabled>
                    @foreach($status as $stat)
                    <option value="{{ $stat->id }}">{{ $stat->name}}</option>
                    @endforeach
                </select> 
            </div>
            <div class="col-sm-2">
            <br/>
            <a href="{{ action('OrderController@orderpickingprint')."?orderid=".$order->id  }} " id="btnCarga" name="btnCarga" class="btn btn-warning">Impresión de Carga</a>
            </div>

          
        </div>
       <br />
       <br />
        <table class="table table-bordered">
            <tr><td>RFC: </td><td><span id="lbrfc">{{ $client->rfc }}</span></td><td>Contacto: </td><td><span id="lbcontact">{{ $client->contac1.$client->contact2 }}</span></td></tr>
            <tr><td>Telefono: </td><td><span id="lbphone">{{ $client->phone }}</span></td><td>Email: </td><td><span id="lbmail">{{ $client->mail }}</span></td></tr>
        </table>
  
    <fieldset class="border p-2">
        <legend class="w-auto">Productos</legend>

        <div class="row">
            <div class="col-sm-12">
                <table class="table table-bordered" id="tbl_inventory">
                    <thead>
                        <tr>
                            <td>Codigo</td>
                            <td>Producto</td>
                            <td>Cantidad</td>
                            <td>Carga</td>
                            <td style="display: none">Id</td>
                        </tr>
                    </thead>
                    
                    <tbody>
                    @foreach($orderdetails as $orderdetail)
                        <tr>
                            <td>{{$orderdetail->code}}</td>
                            <td>{{$orderdetail->productname}}</td>
                            <td>{{$orderdetail->qty}}</td>
                            <td><input type="test" class="form-control" value="{{$orderdetail->qtypicked}}"></td>
                            <td style="display: none">{{$orderdetail->id}}</td>
                            <td style="display: none">{{$orderdetail->products_id}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </fieldset>
    <fieldset>
    <legend>Comentarios</legend>
        
        <div class="row">
            <div class="col-md-12"><textarea class="form-control" id="comments" rows="4" cols="50"></textarea></div>
        </div>
        
    </fieldset>
   
        <div class="row top-buffer">
            <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,orderstatus;
var insertar = [];
$( document ).ready(function() {
    orderStatus( $("#orderstatus").val() );
    $("#cmbStatus").val( $("#orderstatus").val() );

    $("#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,
                0,
                productData.taxes1,
                productData.taxes2,
                0,
                productData.id
            ];

           
           
            
        }		      	
    });

    $('#tbl_inventory tbody').on( 'click', 'a', function () {
        if( $("#orderstatus").val() == 1 ) {
            tblInventory
            .row( $(this).parents('tr') )
            .remove()
            .draw();
        } else {
            alertMod();
           
        }
    } );

    tblInventory =  $('#tbl_inventory').DataTable({
        ordering :false,
        language: {
              "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
              },
        dom: 't',
        aoColumnDefs: [
            {
            "targets": [ 0 ],
            "width": '10%'
           },
           {
            "targets": [ 1 ],
            "width": '70%'
           },
           {
            "targets": [ 2 ],
            "width": '10%'
           },
           {
            "targets": [ 3 ],
            "width": '10%'
           },
           {
            "targets": [ 4 ],
            "visible": false,
            "searchable": false
           },
           {
            "targets": [ 5 ],
            "visible": false,
            "searchable": false
           }
        ],
        initComplete: function(settings, json) {
            updateTotal()
        }
    });

   
     


    $("#btnGrabar").on('click', function() {
        if($("#orderstatus").val() < '3') {
            $body = $("body");
            $body.addClass("loading");
            var orderid = $("#orderid").val();
            var inventory = tblInventory.rows().data();
            var allproducts = [];
            var error ="";
            
            $.each(inventory, function(index,value) {
                error = value[2] != tblInventory.cell(index,3).nodes().to$().find('input').val() ? error+ " "+value[0] : '' ;
                allproducts[index] = { 
                    products_id: value[5],
                    qty: value[2] , 
                    qtypicked: tblInventory.cell(index,3).nodes().to$().find('input').val(), 
                    orderdetail_id: value[4]

                };
            })
            
           var comments = $("#comments").val();

           var message = "Tienes "+error.length+" productos con diferente cantidad de carga \n los productos son: \n "+error+ "\n La orden se enviara con el equipo de ventas para la modificacion"
           
           if (error.length > 0 ) {
                message = "Tienes "+error.length+" productos con diferente cantidad de carga \n los productos son: \n "+error+ "\n La orden se enviara con el equipo de ventas para la modificacion"
           
           } else  {
            message = "Se haran las modificaciones al Invetario Desea Continuar ? ";
           
           }
           var confirmPicking =  confirm( message );

           if ( confirmPicking ) {
                          
            
             
            $.ajax({
                type: 'POST',
                url: "{{ route('orderpicked') }}", // call your php file
                data: { products: JSON.stringify(allproducts),_token: $("#_token").val(),order_id: orderid, comments: comments },
                cache: false,
                success: function(data){
                // var info = JSON.parse(data);
                    if(data) {
                        alert('La orden fue surtida ');
                        $body.removeClass("loading");
                        /* tblInventory
                            .rows()
                            .remove()
                            .draw();
                        alert('La Orden fue generada');
                        
                        window.location.replace( "{{ action('OrderController@index') }}" ); */
                    }  
                }
            }); 

            }
            
        } else {
            alertMod();
        }
    })

    
 
});

    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[4]);
            var tax1 = currency(value[5]);
            var tax2 = currency(value[6]);
          

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

        Total = Total + SubTotal + Tax1Total + Tax2Total;

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

    function orderStatus(ordstatus) {
        if(ordstatus > 1) {
            $("#productsearch").attr('disabled',true);
            $("#productqty").attr('disabled',true);
            $("#btnAdd").attr('disabled',true);
            $("#btnGrabar").attr('disabled',true);
            $(".btndelete").attr('disabled',true);
        }
    }

    function alertMod() {
        var valor = $("#cmbStatus option:selected").text()
        alert("La Orden no puede ser modificada porque esta en Estatus: "+valor )

    }

</script>
@endpush