{% 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_reportes.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/adesignscalendar/js/fullcalendar/moment.min.js') }}"></script>
    <script>
        var SrcSwf = '{{ asset('bundles/indicator/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var urlConsultaConvenios = '{{ path('ConveniosLista') }}';
        var urlConsultaContratos = '{{ path('contratos_convenios') }}';
        var urlConsultaContratosSedes = '{{ path('contratos_convenios_sedes') }}';
        
        var urlCargarSedes = '{{ path("contratos_sedes") }}';
        var factura_cafam = '{{ factura_cafam }}';
        var facturacion = '{{ facturacion }}';
        var factura_convenio = '{{ factura_convenio }}';
        var UrlConsultarModalidadesConvenio = '{{ path('hiruko_consultar_modalidades') }}';
        var UrlReporteConvenios = '{{ path('hiruko_reporte_convenios') }}';
        var UrlReportePacientes = '{{ path('hiruko_reporte_pacientes') }}';
        var UrlReportePacientesSf = '{{ path('hiruko_reporte_pacientes_sf') }}';
        var UrlReporteLecturas = '{{ path('hiruko_reporte_lecturas') }}';
        var UrlReporteOrdenes = '{{ path('hiruko_ordenes_x_contrato') }}';
        var UrlReporteModalidades = '{{ path('hiruko_modalidades_x_contrato') }}';
        var UrlReporteEstudios = '{{ path('hiruko_estudios_x_contrato') }}';
        var UrlReporteSalas = '{{ path('hiruko_reporte_salas') }}';
        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">
        <h3 class="panel-title">Consulta reportes facturación</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-id="reportes" id="reportes"
                            data-actions-box="true" data-style="btn-primary" title='Reportes'>
                        <option value="convenios" data-range="days">Consolidado convenios</option>
                        <option value="pacientes_cf" data-range="days">Consolidado pacientes con facturas</option>
                        <option value="pacientes_sf" data-range="days">Consolidado pacientes </option>
                        <option value="lecturas" data-range="days">Lecturas por radiologo</option>
                        <option value="ordenes" data-range="years">Estad&iacute;stico &oacute;rdenes</option>
                        <option value="salas" data-range="years">Estad&iacute;stico salas</option>
                        <option value="modalidades" data-range="years">Estad&iacute;stico modalidades</option>
                        <option value="estudios" data-range="years">Estad&iacute;stico estudios</option>
                    </select>
                </div>
            </div>

            <div class="col-md-12">
                <hr>
            </div>
            {% if(factura_cafam == 'true') %}
                <div class="form-group">
                    <div class="col-md-3">
                        <select class="form-control selectpicker" data-live-search="true"  data-id="selConvenio" id="selConvenio"
                                data-actions-box="true" data-style="btn-primary" title='Convenios'>

                            {% for eps in contratos %}
                                <option value="{{ eps.idEps }}*{{ eps.idContratos }}*{{ eps.tipoContrato }}*{{ eps.valorMonto }}">{{ eps.name }}
                                    - {{ eps.nombreContrato }}</option>
                            {% endfor %}

                        </select>
                    </div>
                </div>
            {% elseif(factura_convenio == 'true') %}
                <div class="form-group">
                    <div class="col-md-3">
                        <select class="form-control selectpicker" data-live-search="true" data-id="selContratos" id="selContratos"
                                data-actions-box="true" data-style="btn-primary" title='Contratos'>

                            {% for eps in contratos %}
                                <option value="{{ eps.idEps }}*{{ eps.idContratos }}*{{ eps.tipoContrato }}*{{ eps.valorMonto }}">{{ eps.name }}
                                    - {{ eps.nombreContrato }}</option>
                            {% endfor %}

                        </select>
                    </div>
                </div>

            {% else %}
                <div class="form-group">
                    <div class="col-md-3">
                        <select class="form-control selectpicker" data-live-search="true" data-id="selConvenio" id="selConvenio"
                                data-actions-box="true" data-style="btn-primary" title='Convenios' multiple>

                            {% for eps in convenios %}
                            <option value="{{ eps.idEps }}">{{ eps.name }}</option>
                            {% endfor %}#}


                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-3">
                        <select class="form-control selectpicker" data-live-search="true" data-id="selContratos" id="selContratos"
                                data-actions-box="true" data-style="btn-primary" title='Contratos' multiple>


                        </select>
                    </div>
                </div>
            {% endif %}

            <div class="form-group">

                <div class="col-md-3" style="padding-right: 0px; padding-left: 0px;">
                    <div class="col-md-12" id="modals">
                        <select class="form-control selectpicker" id="modalidades"
                                data-actions-box="true" data-live-search="true"
                                data-style="btn-primary" multiple title='Modalidad'>
                            <optgroup label="Seleccione"></optgroup>
                        </select>
                    </div>
                    <div class="col-md-4" id="checkModals">
                        <input type="checkbox" id="valModalidades" > Discriminado por modalidades
                    </div>
                </div>
            </div>
            <div class="form-group">

                <div class="col-md-3" style="padding-right: 0px; padding-left: 0px;">
                    <div class="col-md-12" id="modals">
                        <select class="form-control selectpicker" id="sedes"
                                data-actions-box="true" data-live-search="true"
                                data-style="btn-primary" multiple title='Sedes'>
                            <optgroup label="Seleccione"></optgroup>
                        </select>
                    </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="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="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 #}
    {# Formulario para la generación de Reporte convenios#}
    <form action="{{ path("xls_report") }}" method="post" name="formsub" target="_blank" id="XlSconvenios"
          class="forms">
        <input type="hidden" id="datosXlSconvenios" name="datos_a_enviar"/>
        <input type="hidden" id="nameConvenios" name="nombreReporte"/>
    </form>

    {# Formulario para la generación de Reporte de lecturas por radiologo#}
    <form action="{{ path("xls_report") }}" method="post" name="formlec" target="_blank" id="XlSlecturas" class="forms">
        <input type="hidden" id="datosXlSlecturas" name="datos_a_enviar"/>
        <input type="hidden" id="nameLecturas" name="nombreReporte"/>
    </form>

    {# Formulario para la generación de Reporte de pacientes#}
    <form action="{{ path("xls_report") }}" method="post" name="formpac" target="_blank" id="XlSpacientes" class="forms">
        <input type="hidden" id="datosXlSpacientes" name="datos_a_enviar"/>
        <input type="hidden" id="namePacientes" name="nombreReporte"/>
    </form>
    <div class="row">
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-12">
                <hr>
            </div>
        </div>
        <div class="clearfix"></div>

        <div id="divfacturas">

            {#{{ resultado|raw }}#}

        </div>

    </div>
    </div>{# Fin Tabla de resultados #}
    </div>{# Fin panel-body #}
    </div>{# Fin panel primary #}
    </div>{# Fin Container fluid #}

    {# Ventanas modales #}

    {# Modal anular #}
    {#<div class="modal fade" id="anular" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
        <input type="hidden" id="codigoFacturaAnulacion" name="codigoFacturaAnulacion" />
        <div class="modal-dialog modal-dialog-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Factura  <span id="numeroFactura" ></span></h4>
                </div>
                <div class="modal-body">

                    <div class="checkbox checkbox-primary checkbox-inline">
                        <input type="checkbox" id="anularorden" value="option">
                        <label>Anular autom&aacute;ticamente la orden</label>
                    </div>
                    <h4>Comentario</h4><hr>
                    <textarea id='comentarioAnulacion' class="form-control" style="min-height:150px;"></textarea>
                    <h5>Nota: al seleccionar <b>Anular autom&aacute;ticamente la orden</b> el comentario de la orden anulada ser&aacute; el mismo de la factura anulada </h5>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                    <button id='anularFactura' type="button" class="btn btn-danger">Anular</button>
                </div>
            </div>
        </div>
    </div>#}
    {# Fin Modal anular #}

    {# Block anular #}
    {# <div id="blockanularfactura" style="display:none; cursor: default; padding:20px;">
         <div class="container-fluid">
             <div class="col-md-12">
                 <h3>¿Est&aacute; seguro de anular la factura?</h3>
             </div>

             <div class="col-md-12" style="margin:0 auto;text-align: center;">
                 <div class="col-md-6">
                     <input type="button"  data-toggle="modal" data-target="#anular" class="btn btn-danger form-control" id="afirmativo" value="Si" />
                 </div>
                 <div class="col-md-6">
                     <input type="button" class="btn btn-default form-control" id="negativo" value="No" />
                 </div>
             </div>
         </div>
     </div> #}
    {# Fin Block anular #}

    {# Fin Ventanas modales #}
{% endblock %}