{% 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.js') }}"></script>
    <script>var url_busqueda = '{{ path("hiruko_facturacion_consulta_facturas_generadas") }}';</script>
    <script>var url_radicar = '{{ path("hiruko_facturacion_radicar") }}';</script>
    <script>var url_anular = '{{ path("hiruko_facturacion_anular") }}';</script>
        <script>
        var SrcSwf = '{{ asset('bundles/indicator/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var labelPorFavorEsperar = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
        var labelCamposObligatorios= '{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}';
    </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">{{ 'Facturacion.ConsultaFacturas.Titulo'|trans([], 'LocalizationBundle') }}</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='{{ 'Facturacion.ConsultaFacturas.Convenios'|trans([], 'LocalizationBundle') }}'>
                                      {% for Convenio in listconvenios %}
                                      {#<option value="{{ Convenio.idEps }}*{{ Convenio.idContratos }}*{{ Convenio.tipoContrato }}" >{{ Convenio.name }} - {{ Convenio.nombreContrato }}</option>#}
                                      <option value="{{ Convenio.idEps }}*{{ Convenio.idContratos }}*{{ Convenio.tipoContrato }}" >{{ 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="{{ 'Facturacion.ConsultaFacturas.FechaInicial'|trans([], 'LocalizationBundle') }}">
                                    </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="{{ 'Facturacion.ConsultaFacturas.FechaFinal'|trans([], 'LocalizationBundle') }}">
                                    </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="{{ 'Facturacion.ConsultaFacturas.CodigoFactura'|trans([], 'LocalizationBundle') }}"  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">{{ 'Facturacion.Buscar'|trans([], 'LocalizationBundle') }}</button>
                                    </div>
                                    <div class="col-md-3">
                                        <button id="borrar" class="btn btn-danger form-control">{{ 'Facturacion.Borrar'|trans([], 'LocalizationBundle') }}</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" >
                            <div class="row"><div class="col-md-12"><hr></div></div>
                            <div class="clearfix"></div>
                            <div class="row" style="margin-bottom:10px;">
                                <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='fechaRadicacion' class="form-control datepicker cor" placeholder="{{ 'Facturacion.ConsultaFacturas.FechaRadicacion'|trans([], 'LocalizationBundle') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="form-group">
                                            <div class="col-md-3">
                                                <button id='radicar' class="btn btn-success form-control">{{ 'Facturacion.ConsultaFacturas.Radicar'|trans([], 'LocalizationBundle') }}</button>
                                            </div>
                                        </div>  
                                    </div>
                                </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 %}