{% 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_facturas_anuladas.js') }}"></script>
    <script>var url_busqueda = '{{ path("hiruko_facturacion_consultar_facturas_anuladas") }}';</script>
    <script>
        var SrcSwf = '{{ asset('bundles/indicator/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var SrcGif = '{{ 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">
                    <h3 class="panel-title">Consulta facturas anuladas</h3>
                </div>
                {# panel-body #}
                <div class="panel-body">
                    {# Formulario de búsqueda #}
                    <div class="row">
                        <div class="form-group">
                            <div class="form-group">
                                <div class="col-md-3">
                                    <select class="form-control selectpicker" data-live-search="true" data-id="selConvenio" data-actions-box="true" data-style="btn-primary" multiple title='Convenios'>
                                      {% for Convenio in listconvenios %}
                                      <option value="{{ Convenio.idEps }}">{{ Convenio.name }} - {{ Convenio.nombreContrato }}</option>
                                      {% endfor %}
                                    </select>
                                    <input type="hidden" id="selConvenio" name="selConvenio" class="required" />
                                </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 id="fechaIni" name="fechaIni" 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 id="fechaFin" name="fechaFin" 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-barcode" aria-hidden="true"></span></div>
                                        <input id="codigoFactura" name="codigoFactura" class="form-control cor" placeholder="C&oacute;digo factura" onkeypress="return soloNumeros(event);">
                                    </div>
                                </div>
                            </div>
                        </div>

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

                        <div class="form-group">   
                            <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 class="col-md-3">
                                        <button id="borrar" class="btn btn-danger form-control">Borrar</button>
                                    </div>
                                </div>  
                            </div>
                        </div>

                        <div class="clearfix"></div>
                    </div>
                    {# Fin Formulario de búsqueda #}
                    
                    {# Tabla de resultados #}
                    <div class="row">
                        <div class="col-md-12" id="divfacturas">
                            <div class="row"><div class="col-md-12"><hr></div></div>
                            <div class="clearfix"></div> 
                            
                            {{ resultado|raw }}
                                   
                        </div>
                    </div>{# Fin Tabla de resultados #}
                </div>{# Fin panel-body #}
            </div>{# Fin panel primary #}
        </div>{# Fin Container fluid #}

{% endblock %}