{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    {# CSS #}
    {#Bootstrap#}
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.bootstrap.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.responsive.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.tableTools.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>
    
    {# Checkbox #}
    <link rel="stylesheet" href="{{ asset('bundles/utilities/css/font-awesome.css') }}">
    <link rel="stylesheet" href="{{ asset('bundles/shedule/css/build.css') }}"/>
    
    {# Custom #}
    <link rel="stylesheet" href="{{ asset('bundles/hirukofacturacion/css/customfacturacion.css') }}" />
    
    {# JS #}
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.tableTools.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.responsive.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/hirukofacturacion/js/consulta_recibos_caja.js') }}"></script>
    <script>
        var SrcSwf = '{{ asset('bundles/indicator/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var urlConsultarRecibos = '{{ path("hiruko_recibos_caja_buscar") }}';
        var loader = "{{ asset('bundles/utilities/images/anim_gif.gif') }}";
    </script>
  
{% endblock %}
{% block content %}
    {# Container fluid #}
        <div class="container-fluid">
            {# panel primary #}
            <div class="panel panel-primary">
                <div class="panel-heading noprint">
                    <h3 class="panel-title">Consulta recibos de caja</h3>
                </div>
                {# panel-body #}
                <div class="panel-body">
                    {# Formulario de búsqueda #}
                    <div class="row noprint">
                        <div class="form-group">
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                        <input name="dateInit" id="dateInit" class="form-control datepicker cor" placeholder="Fecha inicial">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                        <input name="dateEnd" id="dateEnd" class="form-control datepicker cor" placeholder="Fecha final">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></div>
                                        <input name="recibo" id="no_recibo" class="form-control cor" placeholder="No. Recibo">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-barcode" aria-hidden="true"></span></div>
                                        <input name="factura" id="codigo_factura" class="form-control cor" placeholder="C&oacute;digo de factura">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="form-group">
                            <div class="form-group">
                                <div class="col-md-3">
                                        <select id="usuarios" class="form-control selectpicker" data-actions-box="true" data-style="btn-primary" multiple title='Usuarios'>
                                            {% for us in usuarios %}
                                                <option value="{{ us.id }}">
                                                    {{ us.firstname }}  {{ us.lastname }}
                                                </option>
                                            {% endfor %}
                                        </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <select id="contratos" class="form-control selectpicker" data-live-search="true" data-actions-box="true" data-style="btn-primary" multiple title='Convenios'>
                                        {% for eps in contratosConvenios %}
                                            <option value="{{ eps.idEps }}*{{ eps.idContratos }}">
                                            {{ eps.name }} - {{ eps.nombreContrato }}
                                            </option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                                                    
                            <div class="form-group">
                                <div class="col-md-3">
                                    <select id="estado_recibido" class="form-control selectpicker" data-actions-box="true" data-style="btn-primary" title='Estado recibo'>
                                        <optgroup label="Seleccione">
                                        <option value="">Todos</option>
                                        <option value="1">Anulados</option>
                                        <option value="2">Activo</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                            <div class="col-md-3">
                                <select id="tipoPago" class="form-control selectpicker" data-actions-box="true" data-style="btn-primary" title='Forma de pago'>
                                       <optgroup label="Seleccione">
                                        <option value="Efectivo">Efectivo</option>
                                        <option value="Tarjeta">Tarjeta</option>
                                        <option value="Mixto">Mixto</option>
                                    </select>
                                </div>
                            </div>

                            <div class="clearfix"></div>

                            <div class="form-group">
                                <div class="form-group">
                                    <div class="col-md-3">
                                        <button id="buscar" class="btn btn-info form-control">Buscar</button>
                                    </div>
                                </div>  
                            </div>
                        </div>
                    </div>
                    {# Fin Formulario de búsqueda #}
                    <div class="clearfix"></div>
                    <div class="row"><div class="col-md-12"><hr></div></div>
                    {# Tabla de resultados #}
                    <div class="row">
                        <div class="col-md-12" id="table_consulta">
                            <table id="detalle_consulta" class="table table-bordered table-condensed table-striped table-hover dt-responsive"  width="100%" cellspacing="0">
                                <thead>
                                    <tr>
                                        <th>No. Recibo</th>
                                        <th>C&oacute;digo factura</th>
                                        <th>No. Orden</th>
                                        <th>Fecha cita</th>
                                        <th>Documento</th>
                                        <th>Nombre</th>
                                        <th>Convenio</th>
                                        <th>Forma de pago</th>
                                        <th>Detalle</th>
                                        <th>Pago</th>
                                        <th>Usuario creador</th>
                                        <th>Estado</th>
                                    </tr>
                                   
                                </table>
                        </div>
                    </div>{# Fin Tabla de resultados #}
                </div>{# Fin panel-body #}
            </div>{# Fin panel primary #}
        </div>{# Fin Container fluid #}
        
    {# Ventanas Modales #}
        {# Modal detalle recibo #}
        <div class="modal fade noprint" id="detalle_recibo" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-dialog-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Detalle Recibo # <span id="no_consecutivo_recibo"></span></h4>
                    </div>
                    <div class="modal-body">
                        {% include 'HirukoFacturacionBundle:Default:DetallesFacturas.html.twig' %}
                    </div>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar
                    </button>
                    </div>
                </div>
            </div>
        </div>
        {# Fin Modal detalle recibo #}
    {# Fin ventanas modales #}
    
    {# Scripts #}
        {# Tabla consulta - Tooltip - Datepicker #}
        <script>
          $(document).ready(function() {
                $('#detalle_consulta').DataTable({
                    "pageLength": 100, //ingresar el numero de entradas por pagina
                    dom: 'T<"clear">lfrtip',
                    tableTools: {
				"sSwfPath": SrcSwf,
				"aButtons": ["pdf" ]
                        },
                    language: {
                        
                        search:         "Buscar:",
                        lengthMenu:     "Mostrando _MENU_ registros por p\xe1gina",
                        info:           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                        infoFiltered:   "(filtrados de un total de _MAX_ registros)",
                        InfoPostFix:    "",
                        InfoEmpty:      "Mostrando registros del 0 al 0 de un total de 0 registros",
                        loadingRecords: "Cargando",
                        zeroRecords:    "B\xfasqueda sin resultados",
                        emptyTable:     "Tabla sin informaci\xf3n",
                        paginate: {
                        first:      "Primera",
                        previous:   "Anterior",
                        next:       "Siguiente",
                        last:       "\xdaltimo"
                        }
                    }
                });
            });
            $(function () {
                $('[data-toggle="tooltip"]').tooltip();
                $(".datepicker").datepicker();
            });
        </script>
        {# Fin Tabla consulta - tooltip #}
    {# Fin Scripts #}
{% endblock %}