@extends('layouts.app')

@section('content')
<div class="container">
     <h3>Nueva Devoluciones</h3>
        <div class="row pb-5">
            <div class="col-sm-5">
                <label for="clientsearch">Cliente</label>
                <input type="clientsearch" class="form-control" id="clientsearch">
                <input type="hidden"  id="customerid" name="customerid" value="0">
                <input type="hidden"  id="orderid" name="orderid" value="0">
                
    
            </div>  

          
        </div>
        <table class="table table-bordered" id="tbl_orders">
            <thead>
                <tr>
                    <td>Id</td>
                    <td>NumOrden</td>
                    <td>Comentarios</td>
                    <td>Acción</td>
                </tr>
            </thead>
        </table>
        <div class="pt-4">
            <h3>Detalle Order</h3>
        </div>
        <table class="table table-bordered" id="tbl_orderdetails">
            <thead>
                <tr>
                    <td>Id</td>
                    <td>Productos</td>
                    <td>Cantidad</td>
                    <td>Devolucion</td>
                </tr>
            </thead>
        </table>
        <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">Hacer Devolucion</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 tblorders,tblorderdetails;
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);
            $('#tbl_orders').DataTable().ajax.reload();
   
        }		      	
    });

    

    
    tblorders =  $('#tbl_orders').DataTable({
        processing: true,
        serverSide: true,
        lengthMenu: [[-1, 20, 25, 10], ["ALL", 10, 25, 5]],
        searching: true,
        ajax: {
          url: '{!! route('getclientorders') !!}',
          data: function( d ) {  
            d.customer_id = $("#customerid").val() 
          }
        },
        language: {
              "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
        },
        columns: [
            { data: 'id', name: 'id' },
            { data: 'ordernumber', name: 'ordernumber'},
            { data: 'comments', name: 'comments' },
            { data: 'status', name: 'status' }
        ],
        aoColumnDefs: [
            {
                "targets": [3],
                "mRender": function ( data,type, row ) {
                    
                     var available = "<a href='#' class='btn btn-warning detalleOrder' data-id='"+row.id+"'>Detalle</a>";
                     
                    return available;
                }
            }
        ]
    });

    tblorderdetails =  $('#tbl_orderdetails').DataTable({
        processing: true,
        serverSide: false,
        lengthMenu: [[-1, 20, 25, 10], ["ALL", 10, 25, 5]],
        searching: false,
        info: false,
        paging:false,
        dom: 't',
        ajax: {
          url: '{!! route('getclientorderdetails') !!}',
          data: function( d ) {  
            d.order_id = $("#orderid").val() 
          }
        },
        language: {
              "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
        },
        columns: [
            { data: 'id', name: 'id' },
            { data: 'name', name: 'name'},
            { data: 'qty', name: 'qty' },
            { data: 'product_id', name: 'product_id' }
        ],
        aoColumnDefs: [
            {
                "targets": [3],
                "mRender": function ( data,type, row ) {
                    
                     var available = "<input class='form-control' id='"+row.id+"' >";
                     
                    return available;
                }
            }
        ]
    });

    $(document).on('click','.detalleOrder',function() {
        var orderid = $(this).data("id");
        $("#orderid").val(orderid) 
        tblorderdetails.ajax.reload()
    })

  

    $("#btnGrabar").on('click', function() {
        $body = $("body");
      //  $body.addClass("loading");
        var orderdetails = tblorderdetails.rows().data();
        var allproducts = [];
        
        
        if(orderdetails.length > 0) {
            $.each(orderdetails, function(index,value) {
                var cant = tblorderdetails.cell(index,3).nodes().to$().find('input').val()  
                   if(cant.length > 0 ) {
                    if ( value[2] != cant ) {
                        allproducts[index] = { 
                            products_id: value[8],
                            qty: value[2] , 
                            price: currency(value[3]),
                            subtotal : currency(value[4]),
                            taxes1 : currency(value[5]),
                            taxes2: currency(value[6]),
                            total: currency(value[7]),

                        };
                    }
                   }
            })
        }
       /* var client = $("#customerid").val();
        var comments = $("#comments").val();
        var counter = 0;*/
        

        /*$.ajax({
            type: 'POST',
            url: "{{ route('orders.store') }}", // call your php file
            data: { products: JSON.stringify(allproducts),_token: $("#_token").val(),client_id: client, comments: comments },
            cache: false,
            success: function(data){
               // var info = JSON.parse(data);
              if(data) {
                var info = JSON.parse(data);
                $body.removeClass("loading");
                tblInventory
                    .rows()
                    .remove()
                    .draw();
                alert('La Orden fue generada');
                window.open(info.pdf);
                window.location.replace( "{{ action('OrderController@index') }}" );
              } 
            },
            error: function(xhr, ajaxOptions, thrownError) {
                alert(xhr);
            } 
        });*/
    })

   
});

</script>
@endpush