@extends('layouts.app')

@section('content')
<form  action="{{ action('CombosController@update',$combo->id ) }}" enctype="multipart/form-data"  class="form-horizontal" method="POST" name="updateCombos">
<input name="_method" type="hidden" value="PUT">
        @csrf
    <fieldset class="border p-2">
        <legend class="w-auto">Editar Combos</legend>
        <div class="row">
            <div class="col-sm-6">
                <div class="row py-md-2">
                    <div class="col-sm-12">
                        <label for="name">Nombre</label>
                        <input type="text" class="form-control" id="name" name="name" value="{{ $combo->name }}">
                    </div> 
            
                </div>
                <div class="row py-md-2">
                    <div class="col-sm-8">
                        <label for="productdescription">Descripcion</label>
                        <input type="text" class="form-control" id="description" name="description" value="{{ $combo->description }}">
                    </div>   
                </div>
                <div class="row py-md-12">
                    <div class="col-sm-8">
                        <label for="file" class="form-check-label">Foto</label> 
                        <input type="file" class="form-control-file" name="file" id="file" aria-describedby="fileHelp">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
   
                <img src="{{ URL::to('/images/combos/'.$combo->image) }}" alt="{{ $combo->image }}" class="img-thumbnail">
            </div>
        </div>
        <div class="row py-md-2" >
            <div class="form-check">
            {{ Form::checkbox('status', '1', $combo->status ,['class' => 'form-check-input','id' =>'status']) }} 
            <label for="status" class="form-check-label">Estatus</label> 
             </div> 
        </div>


    </fieldset>
    <input type="hidden" value="{{ $combo->id }}" name="comboid" id="comboid">
    {{ Form::submit('Grabar Combos',['class' => 'btn btn-success top-buffer']) }}
    <a href="{{ route('combos.index') }}" class="btn btn-warning top-buffer">Regresar</a>
    {!! Form::close() !!}
    <fieldset class="border p-2">
        <legend class="w-auto">Agregar Productos</legend>
    <div class="row py-md-2">
        <div class="col-sm-5">
            <label for="name">Producto</label>
            <input type="text" class="form-control" id="productsearch" name="productsearch">
            <input type="hidden" class="form-control" id="productid">
        </div>
        <div class="col-sm-3">
            <label for="name">Precio</label>
            <input type="number" class="form-control" id="productprice" name="productprice">
        </div>
    </div>
    <div class="row py-md-2">
        <div class="col-sm-3">
            <label for="name">IVA</label>
            <input type="number" class="form-control" id="producttaxes1" name="producttaxes1"  value="0">
        </div>
        <div class="col-sm-3">
            <label for="name">IEPS</label>
            <input type="number" class="form-control" id="producttaxes2" name="producttaxes2" value="0">
        </div>
        <div class="col-sm-2">
            <label for="name">Cantidad</label>
            <input type="number" class="form-control" id="cantidad" name="cantidad">
        </div>
        <div class="col-sm-3 py-md-4">
            <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
            <a href="#" class="btn btn-primary" id="btnAddProduct" name="btnAddProduct">Agregar</a>
            <a href="#" class="btn btn-danger" id="btnDelProduct" name="btnDelProduct">Borrar</a>
            <input type="hidden" name="prdcomboid" id="prdcomboid" value="0">
        </div>
    </div>
    <div class="row py-md-2">
        <div class="col-sm-10">
            <table class="table table-bordered" id="tbl_products">
                <thead>
                    <tr>
                        <td>Id</td>
                        <td>Producto</td>
                        <td>Cantidad</td>
                        <td>Precio</td>
                        <td>IVA</td>
                        <td>IEPS</td>
                        <td>Total</td>
                        <td>comboid</td>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    </fieldset>
@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 src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"></script>
<script>
var tblProducts;
$( document ).ready(function() {

    tblProducts =  $('#tbl_products').DataTable({
        processing: true,
        serverSide: false,
        ajax: {
          url: '{!! route('combosdetaildata') !!}' ,
          data: { id: $("#comboid").val() }
        },
        language: {
              "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
              },
        columns: [
            { data: 'id', name: 'id' },
            { data: 'name', name: 'name' },
            { data: 'cantidad', name: 'cantidad' },
            { data: 'price', name: 'price' },
            { data: 'taxes1', name: 'taxes1' },
            { data: 'taxes2', name: 'taxes2' },
            { data: 'product_id', name: 'product_id' },
            { data: 'combos_id', name: 'combos_id' }
        ],
        aoColumnDefs: [
            {
                "targets":[4],
                "mRender": function ( data,type, row ) {
                    var iva = (row.price * row.taxes1 )/100;

                    return iva;
                }
            },
            {
                "targets":[5],
                "mRender": function ( data,type, row ) {

                    var ieps = (row.price * row.taxes2 )/100;

                    return ieps;
                }
            },
            {
                "targets":[6],
                "mRender": function ( data,type, row ) {
                    var iva = (row.price * row.taxes1 )/100;
                    var ieps = (row.price * row.taxes2 )/100;
                    var Total = ( parseInt(row.cantidad) *  parseFloat(row.price) ) + ( parseFloat(iva) + parseFloat(ieps) );
                    
                    
                    return parseFloat(Total);
                }
                 
            },
            {
                "targets":[7],
                "visible": false,
                "searchable": false
            }
        ]
    });

    $('#tbl_products tbody').on('click', 'tr', function () {
            $('.selected').removeClass('selected')
			 $(this).toggleClass('selected');
            var data = tblProducts.row( this ).data()

            $("#productid").val(data.product_id);
            $("#productsearch").val(data.name);
            $("#productprice").val(data.price);
            $("#producttaxes1").val(data.taxes1);
            $("#producttaxes2").val(data.taxes2);
            $("#cantidad").val(data.cantidad);
            $("#prdcomboid").val(data.id);
            $("#btnAddProduct").html('Editar');
            
    });

    $("#productsearch").autocomplete({
		    delay: 1000,
        source: function( request, response ) {
            $.ajax({
                url : "{{ route('searchproductcb') }}",
                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;
            $("#productid").val(productData.id);            
        }		      	
    });

    $("#btnDelProduct").on('click', function() {
        
        if($("#prdcomboid").val() == '0') {
            alert("No hay producto seleccionado ");
        } else {
            $.ajax({
                type: 'POST',
                url: "{{ route('combosdelproducts') }}", // call your php file
                data: { _token: $("#_token").val(),prdcomboid: $("#prdcomboid").val() },
                cache: false,
                success: function(data){
                // var info = JSON.parse(data);
                if(data) {
                    
                    alert('Se Borro el Producto');
                    $("#prdcomboid").val('0');

                    $("#productid").val('0');
                    $("#productsearch").val('');
                    $("#productprice").val('');
                    $("#cantidad").val('');
                    $("#producttaxes1").val('0');
                    $("#producttaxes2").val('0');
                    tblProducts.ajax.reload();
    
                } 
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    alert(xhr);
                } 
            });
        }
    })

    $("#btnAddProduct").on('click', function() {


        $.ajax({
            type: 'POST',
            url: "{{ route('combosaddproducts') }}", // call your php file
            data: { _token: $("#_token").val(),productid: $("#productid").val() ,price: $("#productprice").val(), taxes1: $("#producttaxes1").val(), taxes2: $("#producttaxes2").val(),comboid: $("#comboid").val(),cantidad: $("#cantidad").val()  },
            cache: false,
            success: function(data){
               // var info = JSON.parse(data);
              if(data) {
                
                alert('Se Agrego el Producto');
                $("#productid").val('0');
                $("#productsearch").val('');
                $("#productprice").val('');
                $("#cantidad").val('');
                $("#producttaxes1").val('0');
                $("#producttaxes2").val('0');
                $("#btnAddProduct").html('Agregar');
                tblProducts.ajax.reload();
 
              } 
            },
            error: function(xhr, ajaxOptions, thrownError) {
                alert(xhr);
            } 
        });
    })
});

</script>
@endpush