{% extends "FactelBundle::Layout.html.twig" %}

{% block css %}
    <!-- DataTables CSS -->
    <link href="{{asset('recursos/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css')}}" rel="stylesheet">
    <!-- DataTables Responsive CSS -->
    <link href="{{asset('recursos/bower_components/datatables-responsive/css/dataTables.responsive.css')}}" rel="stylesheet">
    <link href="{{asset('garyavendanio/uikit/css/uikit.min.css')}}" rel="stylesheet">
{% endblock %}

{% block panel_title %}
<div class="uk-background-cover text-blue-500 h-44 w-full rounded-2xl uk-grid uk-grid-collapse uk-flex-between uk-flex-middle px-8" style="background-image: url( {{asset('recursos/img/bg-header.png')}} );">
    <div>
        <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <span>Proformas</span>
    </div>
    <div>
        <a href="{{ path('proforma_new') }}">
            <button class="uk-button uk-button-primary capitalize flex uk-flex-middle rounded-full">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
                </svg>
                <span>Nueva proforma</span>
            </button>
        </a>
    </div>
</div>
{% endblock %}

{% block content %}
<div>
    <div class="dataTable_wrapper table-responsive">  
        <table class="table table-striped table-bordered table-hover" id="proforma-table">
            <thead>
                <tr>
                    <th class="font-light text-blue-500">ID</th>
                    <th class="font-light text-blue-500">N&uacute;m.</th>
                    <th class="font-light text-blue-500">Cliente</th>
                    <th class="font-light text-blue-500">Identificaci&oacute;n</th>
                    <th class="font-light text-blue-500">Fecha Emisi&oacute;n</th>
                    <th class="font-light text-blue-500">Valor Total</th>
                    <th class="font-light text-blue-500">Estado</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
    </div>
</div>


<!-- BORRAR AL FINAL -->
    <hr class="my-56">
<!-- BORRAR AL FINAL -->



<!--SECCION EDITAR PROFORMA -->
<!-- ====================== -->
<div class="modal fade" id="search-client" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Seleccionar el Cliente</h4>
            </div>
            <div class="modal-body">
                <div class="dataTable_wrapper table-responsive">  
                    <table class="table table-bordered table-hover " id="client-table">
                        <thead>
                            <tr>
                                <th class="font-light text-blue-500" style="width:10%">ID</th>
                                <th class="font-light text-blue-500" style="width:10%">Tipo Identificaci&oacute;n</th>
                                <th class="font-light text-blue-500" style="width:30%">Identificaci&oacute;n</th>
                                <th class="font-light text-blue-500">Raz&oacute;n Social</th>
                                <th class="font-light text-blue-500">Tel&eacute;fono</th>
                                <th class="font-light text-blue-500">Correo</th>
                                <th class="font-light text-blue-500">Direcci&oacute;n</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="search-product" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Seleccionar producto</h4>
            </div>
            <div class="modal-body">
                <div class="dataTable_wrapper table-responsive">  
                    <table class="table table-bordered table-hover" id="">
                        <thead>
                            <tr>
                                <th class="font-light text-blue-500" style="width: 10%" >ID</th>
                                <th class="font-light text-blue-500">C&oacute;digo Principal</th>
                                <th class="font-light text-blue-500">C&oacute;digo Auxiliar</th>
                                <th class="font-light text-blue-500">Descricci&oacute;n</th>
                                <th class="font-light text-blue-500">Precio Unitario</th>
                                <th class="font-light text-blue-500">IVA</th>
                                <th class="font-light text-blue-500">ICE</th>
                                <th class="font-light text-blue-500">IRBPNR</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<form method="POST" action="______" id="formProforma">
    <input type="text" id="idProforma" value="0" class="form-control hidden" name="idProforma">
    <div class="proforma">
        <fieldset class="border">
            <legend class="py-1 px-3 text-blue-500 nunito-semibold">Emisor</legend>
            <div class="control-group" id="emisor">
                <div class="col-sm-12 lg:text-xl"><span class="nunito-semibold">RUC:</span> </div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Raz&oacute;n Social:</span> </div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Nombre Comercial:</span> </div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Contribuyente Especial:</span> </div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Obligado Contabilidad:</span> </div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Direcci&oacute;n Matriz:</span> </div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Direcci&oacute;n Establecimiento:</span> </div>
                <div class="col-sm-12"><span class="nunito-semibold">Fecha Emisi&oacute;n: *</span> <input type="text" id="fecha" size="8" name="fechaEmision" required="required" /> </div>
            </div>
        </fieldset>
        <input id="datos" type="hidden" value="0" />
        <input type="hidden" name="secuencial" value="0" />
        <fieldset class="border">
            <legend class="py-1 px-3 text-blue-500 nunito-semibold">Cliente</legend>
            <div class="form-group">
                <div class="checkbox col-sm-6">
                    <label>
                        <input type="checkbox" value=false id="nuevoCliente" name = "nuevoCliente" checked="0">
                        <span>Nuevo Cliente</span>
                    </label>
                </div>
                <div class="col-sm-6 text-right">
                    <button class="btn bg-blue-600 rounded-full text-white hover:text-white focus:text-white link-boton accion" data-toggle="modal" data-target="#search-client" type="button">
                        Buscar
                    </button>
                </div>
                <input type="text" id="idCliente" value="0" class="form-control hidden" name="idCliente">
                <div class="col-md-5">
                    <label class="control-label nunito-semibold">Nombre</label>
                    <input type="text" value="0" id="nombre"  class="form-control" name="nombre" required="required">
                </div>
                <div class="col-md-3">
                    <label class="control-label nunito-semibold">Tel&eacute;fono</label>
                    <input type="text" value="0" id="celular" class="form-control" name="celular" >
                </div>
                <div class="col-md-4">
                    <label class="control-label nunito-semibold">Correo </label>
                    <input type="email" value="0" id="email" class="form-control" name="email" >
                </div>
                <div class="col-md-3">
                    <label class="control-label nunito-semibold">Tipo Identificaci&oacute;n *</label>
                    <select class="form-control" id="tipoIdentificacion" name="tipoIdentificacion" required="required">
                        <option value="04" selected>RUC</option>
                        <option value="05" selected>CEDULA</option>
                        <option value="06" selected>PASAPORTE</option>
                        <option value="07" selected>CONSUMIDOR FINAL</option>
                        <option value="08" selected>EXTERIOR</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="control-label nunito-semibold">Identificaci&oacute;n *</label>
                    <input type="text" value="0" id="identificacion"  class="form-control" name="identificacion" required="required" > 
                </div>
                <div class="col-md-6">
                    <label class="control-label nunito-semibold">Direcci&oacute;n</label>
                    <input type="text" value="0" id="direccion" class="form-control" name="direccion" >
                </div>
            </div>
        </fieldset>
        <legend class="py-1 px-3 text-blue-500 nunito-semibold">Productos</legend>
        <div id="mensajeAdvertencia">
    </div>
    <div class="col-sm-12 text-right">
        <button class="btn bg-blue-600 rounded-full text-white hover:text-white focus:text-white link-boton accion" data-toggle="modal" data-target="#search-product" type="button">
            Buscar
        </button>
    </div>
    <div class="dataTable_wrapper">  
        <div class="table-responsive w-full">
            <table class="table table-striped table-bordered table-hover" id="productos">
                <thead>
                    <tr>
                        <th class="font-light text-blue-500">Cantidad</th>
                        <th class="font-light text-blue-500">C&oacute;digo</th>
                        <th class="font-light text-blue-500">Descripci&oacute;n</th>
                        <th class="font-light text-blue-500">Precio</th>
                        <th class="font-light text-blue-500">Descuento</th>
                        <th class="font-light text-blue-500">Total</th>
                        <th class="font-light text-blue-500">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="filaProducto">
                        <td>
                            <input type = "text" class= "hidden datos" value = "0">
                            <input type = "text" value = "0" size= "4" name = "cantidad" id="producto" onchange = "">
                        </td>
                        <td> 
                            <input type = "text" class= "hidden" value = "0" id="codigoProducto" name = "codigoProducto">0
                        </td>
                        <td>
                            <input type = "text" class= "hidden" value = "0" id="idProducto" name = "idProducto">
                            <input type = "text" value = "0" id="nombreProducto" name = "nombreProducto">
                        </td>
                        <td><input type = "text" value = "0" size= "4" name = "precio" id="precio" required onchange = ""></td>
                        <td><input type = "text" value = "0" size= "4" name = "descuento" id="descuento" required onchange = ""></td>
                        <td id ="total">0</td>
                        <td><input type = "text" value = "0" size= "4"  name = "ice" id="ice"   onchange = ""></td>
                        <td><input type = "text" value = "0" size= "4"  name = "irbpnr" id="irbpnr"   onchange = ""></td>
                        <td> 
                            <button class='btn btn-danger link-boton accion'  type='button' onclick = "eliminarFila(this)">
                                <i class='glyphicon glyphicon-trash icon-white'></i>
                            </button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-8">
            <div class="col-md-12">
                <label class="control-label nunito-semibold">Observaci&oacute;n</label>
                <input type="text" id="observacion"  class="form-control" name="observacion" value="0"> 
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-4 col-md-offset-8">
            <div class="col-xs-10 col-sm-8 text-right">SubTotal Sin Impuesto</div> 
            <div class="col-xs-2 col-sm-4">
                <p class="" id="subTotalSinImpuesto">0</p>
            </div>

            <div class="col-xs-10 col-sm-8 text-right">Sub Total 12%</div>
            <div class="col-xs-2 col-sm-4">
                <p class="text-left" id="subTotal12">0</p>
            </div>

            <div class="col-xs-10 col-sm-8 text-right">Sub Total 0%</div>
            <div class="col-xs-2 col-sm-4">
                <p class="text-left" id="subTotal0">0</p>
            </div>

            <div class="col-xs-10 col-sm-8 text-right">Descuento</div>
            <div class="col-xs-2 col-sm-4">
                <p class="text-left" id="descuento">0</p>
            </div>

            <div class="col-xs-10 col-sm-8 text-right">Valor ICE</div>
            <div class="col-xs-2 col-sm-4">
                <p class="text-left" id="ice">0</p>
            </div>

            <div class="col-xs-10 col-sm-8 text-right">IVA 12%</div>
            <div class="col-xs-2 col-sm-4">
                <p class="text-left" id="iva12">0</p>
            </div>

            <div class="col-xs-10 col-sm-8 text-right">VALOR TOTAL</div>
            <div class="col-xs-2 col-sm-4">
                <p class="text-left" id="valorTotal">0</p>
            </div>
        </div>
    </div>

    <button class="hidden" id ="submit" type="submit"></button>
</form>
<!--SECCION EDITAR PROFORMA -->
<!-- ====================== -->


<!-- BORRAR AL FINAL -->
    <hr class="my-56">
<!-- BORRAR AL FINAL -->

<!--SECCION NUEVA PROFORMA -->
<!-- ====================== -->
    <div class="modal fade" id="search-client" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Seleccionar el Cliente</h4>
                </div>

                <div class="modal-body">
                    <div class="dataTable_wrapper table-responsive">  
                        <table class="table table-bordered table-hover" id="client-table">
                            <thead>
                                <tr>
                                    <th class="font-light text-blue-500" style="width:10%;">ID</th>
                                    <th class="font-light text-blue-500" style="width:10%;">Tipo Identificaci&oacute;n</th>
                                    <th class="font-light text-blue-500" style="width:30%;">Identificaci&oacute;n</th>
                                    <th class="font-light text-blue-500">Raz&oacute;n Social</th>
                                    <th class="font-light text-blue-500">Tel&eacute;fono</th>
                                    <th class="font-light text-blue-500">Correo</th>
                                    <th class="font-light text-blue-500">Direcci&oacute;n</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="search-product" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Seleccionar un Producto</h4>
                </div>

                <div class="modal-body">
                    <div class="dataTable_wrapper table-responsive">  
                        <table class="table table-bordered table-hover " id="product-table">
                            <thead>
                                <tr>
                                    <th class="font-light text-blue-500" style="width:10%;">ID</th>
                                    <th class="font-light text-blue-500">C&oacute;digo Principal</th>
                                    <th class="font-light text-blue-500">C&oacute;digo Auxiliar</th>
                                    <th class="font-light text-blue-500">Descricci&oacute;n</th>
                                    <th class="font-light text-blue-500">Precio Unitario</th>
                                    <th class="font-light text-blue-500">IVA</th>
                                    <th class="font-light text-blue-500">ICE</th>
                                    <th class="font-light text-blue-500">IRBPNR</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form method="POST" action="{{path('proforma_create')}}" id="formProforma">
        <div class="proforma">
            <fieldset class="border">
                <legend class="py-1 px-3 text-blue-500 nunito-semibold">Emisor</legend>
                <div class="control-group" id="emisor">
                    <div class="col-sm-12 lg:text-xl"><span class="nunito-semibold">RUC:</span> </div>
                    <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Raz&oacute;n Social:</span> </div>
                    <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Nombre Comercial:</span> </div>
                    <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Contribuyente Especial:</span> </div>
                    <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Obligado Contabilidad:</span> </div>
                    <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Direcci&oacute;n Matriz:</span> </div>
                    <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Direcci&oacute;n Establecimiento:</span> </div>
                    <div class="col-sm-12"><span class="nunito-semibold">Fecha Emisi&oacute;n: *</span> <input type="text" id="fecha" size="8" name="fechaEmision" required="required" /> </div>
                </div>
            </fieldset>

            <input id="datos" type="hidden" value="0" />
            <input type="hidden" name="secuencial" value="0" />

            <fieldset class="border">
                <legend class="py-1 px-3 text-blue-500 nunito-semibold">Cliente</legend>
                <div class="form-group">
                    <div class="checkbox col-sm-6">
                        <label>
                            <input type="checkbox" value=false id="nuevoCliente" name = "nuevoCliente">
                            <strong class="font-light">Nuevo Cliente</strong>
                        </label>
                    </div>
                    <div class="col-sm-6 text-right">
                        <button class="btn bg-blue-600 rounded-full text-white hover:text-white focus:text-white link-boton accion" data-toggle="modal" data-target="#search-client" type="button">
                            Buscar
                        </button>
                    </div>
                    <input type="text" id="idCliente" class="form-control hidden" name="idCliente">
                    <div class="col-md-5">
                        <label class="control-label nunito-semibold">Nombre *</label>
                        <input type="text" id="nombre" class="form-control" name="nombre" required="required">
                    </div>
                    <div class="col-md-3">
                        <label class="control-label nunito-semibold">Tel&eacute;fono</label>
                        <input type="text" id="celular" class="form-control" name="Teléfono">
                    </div>
                    <div class="col-md-4">
                        <label class="control-label nunito-semibold">Correo</label>
                        <input type="email" id="email" class="form-control" name="Correo" >
                    </div>
                    <div class="col-md-3">
                        <label class="control-label nunito-semibold">Tipo Identificaci&oacute;n *</label>
                        <select class="form-control" id="tipoIdentificacion" name="tipoIdentificacion" required="required">
                            <option value="04">RUC</option>
                            <option value="05">CEDULA</option>
                            <option value="06">PASAPORTE</option>
                            <option value="07">CONSUMIDOR FINAL</option>
                            <option value="08">EXTERIOR</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="control-label nunito-semibold">Identificaci&oacute;n *</label>
                        <input type="text" id="identificacion"  class="form-control" name="identificacion" required="required" > 
                    </div>
                    <div class="col-md-6">
                        <label class="control-label nunito-semibold">Direcci&oacute;n</label>
                        <input type="text" id="direccion" class="form-control" name="direccion" >
                    </div>
                </div>
            </fieldset>

            <legend class="py-1 px-3 text-blue-500 nunito-semibold">Productos</legend>
            <div id="mensajeAdvertencia"></div>

            <div class="col-sm-12 text-right">
                <button class="btn bg-blue-600 rounded-full text-white hover:text-white focus:text-white link-boton accion" data-toggle="modal" data-target="#search-product" type="button">
                    Buscar
                </button>
            </div>
            <div class="dataTable_wrapper">  
                <div class="table-responsive w-full">
                    <table class="table table-striped table-bordered table-hover" id="productos">
                        <thead>
                            <tr>
                                <th class="font-light text-blue-500">Cantidad</th>
                                <th class="font-light text-blue-500">C&oacute;digo</th>
                                <th class="font-light text-blue-500">Descripci&oacute;n</th>
                                <th class="font-light text-blue-500">Precio</th>
                                <th class="font-light text-blue-500">Descuento</th>
                                <th class="font-light text-blue-500">Total</th>
                                <th class="font-light text-blue-500">ICE</th>
                                <th class="font-light text-blue-500">IRBPNR</th>
                                <th class="font-light text-blue-500">Acci&oacute;n</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
                <div class="col col-sm-12 col-md-9">
                    <div class="col-md-12">
                        <label class="control-label nunito-semibold">Observaci&oacute;n</label>
                        <input type="text" id="observacion"  class="form-control" name="observacion" > 
                    </div>
                </div>
                <div class="col col-sm-12 col-md-3">
                    <div class="flex uk-flex-between">
                        <div class="col-sm-8">SubTotal Sin Impuesto</div> 
                        <div class="col-sm-4">
                            <p id="subTotalSinImpuesto">0.00</p>
                        </div>
                    </div>

                    <div class="flex uk-flex-between">
                        <div class="col-sm-8">Sub Total 12%</div>
                        <div class="col-sm-4">
                            <p id="subTotal12">0.00</p>
                        </div>
                    </div>

                    <div class="flex uk-flex-between">
                        <div class="col-sm-8">Sub Total 0%</div>
                        <div class="col-sm-4">
                            <p id="subTotal0">0.00</p>
                        </div>
                    </div>

                    <div class="flex uk-flex-between">
                        <div class="col-sm-8">Descuento</div>
                        <div class="col-sm-4">
                            <p id="descuento">0.00</p>
                        </div>
                    </div>

                    <div class="flex uk-flex-between">
                        <div class="col-sm-8">Valor ICE</div>
                        <div class="col-sm-4">
                            <p  id="ice">0.00</p>
                        </div>
                    </div>

                    <div class="flex uk-flex-between">
                        <div class="col-sm-8">IVA 12%</div>
                        <div class="col-sm-4">
                            <p id="iva12">0.00</p>
                        </div>
                    </div>

                    <div class="flex uk-flex-between">
                        <div class="col-sm-8">VALOR TOTAL</div>
                        <div class="col-sm-4">
                            <p id="valorTotal">0.00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <button class="hidden" id ="submit" type="submit"></button>
    </form>
<!--SECCION NUEVA PROFORMA -->
<!-- ====================== -->

{% endblock %}

{% block javascript %}
<!-- DataTables JavaScript -->
<script src="{{asset('recursos/bower_components/datatables/media/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('recursos/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js')}}"></script>
<script src="{{asset('recursos/js/script.js')}}"></script>
<script>
    var oTable = $("#proforma-table").dataTable({
        columnDefs: [
            {
                targets: 1,
                render: function(data, type, row) {
                    return "<a href='"+row[0]+"'>" + data + "</a>";
                }
            },
            {"visible": false, "targets": [0]}
        ],
        responsive: true,
        orderFixed: [2, 'asc'],
		rowGroup: {
    		dataSrc: 2
		},
        bAutoWidth: false,
        sAjaxSource: "{{ path('all_proforma')}}",
        bProcessing: true,
        bServerSide: true,
        bSort: false,
        aLengthMenu: [[5, 10, 15], [5, 10, 15]],
        language: {
            sProcessing: "Procesando...",
            sLengthMenu: "Mostrar _MENU_",
            sZeroRecords: "No se encontraron resultados",
            sEmptyTable: "Ningún dato disponible en esta tabla",
            sInfo: "Mostrando del _START_ al _END_ de _TOTAL_ registros",
            sInfoEmpty: "Mostrando del 0 al 0 de un total de 0 registros",
            sInfoFiltered: "(filtrado de un total de _MAX_ registros)",
            sInfoPostFix: "",
            sSearch: "Buscar:",
            sUrl: "",
            sInfoThousands: ",",
            sLoadingRecords: "Cargando...",
            oPaginate: false,
            oAria: {
                sSortAscending: ": Activar para ordenar la columna de manera ascendente",
                sSortDescending: ": Activar para ordenar la columna de manera descendente"
            },
        },
    });
    $('#proforma-table_filter input').unbind();
    $('#proforma-table_filter input').bind('keyup', function(e) {
        if (e.keyCode == 13) {
            oTable.fnFilter($(this).val());
        }
    });
</script>
<script src="{{asset('garyavendanio/uikit/js/uikit.min.js')}}"></script>
<script src="{{asset('garyavendanio/uikit/js/uikit-icons.min.js')}}"></script>
<script src="{{asset('recursos/bower_components/datatables-responsive/js/dataTables.responsive.js')}}"></script>
<script src="{{asset('recursos/bower_components/RowGroup-1.2.0/dataTables.rowGroup.min.js')}}"></script>
{% endblock %}