{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}

    {# CSS #}
    <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') }}"/>

    {# Scripts #}
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/reporteResolucion4505.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.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/indicator/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.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 loader = "{{ asset('bundles/utilities/images/anim_gif.gif') }}";
        var tabla = '<table id="datosReporte" class="table table-hover table-striped table-bordered dt-responsive" cellspacing="0" width="100%"><thead> <tr> <th>{{ 'reporte_4505.tipoRegistro'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.consecutivoRegistro'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.codigoIps'|trans([], 'LocalizationBundle') }}</th><th>{{ 'reporte_4505.tipoId'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.numeroId'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.primerApellido'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.segundoApellido'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.primerNombre'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.segundoNombre'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.fechaNacmiento'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.generoUsuario'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.fechaMamografia'|trans([], 'LocalizationBundle') }}</th> <th>{{ 'reporte_4505.resultadoMamografia'|trans([], 'LocalizationBundle') }}</th> </tr> </thead> <tbody> </tbody> </table>';
        var camposObligatorios = "{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}";
        var pleaseWait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}";
        var noSearchData = "{{ 'messages.noSearchData'|trans([], 'LocalizationBundle') }}";
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle')}}";
        var search = "{{ 'labels.dataTable.search'|trans([], 'LocalizationBundle')}}";
        var lengthMenu = "{{ 'labels.dataTable.lengthMenu'|trans([], 'LocalizationBundle')}}";
        var info = "{{ 'labels.dataTable.info'|trans([], 'LocalizationBundle')}}";
        var infoFiltered = "{{ 'labels.dataTable.infoFiltered'|trans([], 'LocalizationBundle')}}";
        var InfoEmpty = "{{ 'labels.dataTable.InfoEmpty'|trans([], 'LocalizationBundle')}}";
        var loadingRecords = "{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle')}}";
        var zeroRecords = "{{ 'labels.dataTable.zeroRecords'|trans([], 'LocalizationBundle')}}";
        var emptyTable = "{{ 'labels.dataTable.emptyTable'|trans([], 'LocalizationBundle')}}";
        var first = "{{ 'labels.dataTable.paginate.first'|trans([], 'LocalizationBundle')}}";
        var previous = "{{ 'labels.dataTable.paginate.previous'|trans([], 'LocalizationBundle')}}";
        var next = "{{ 'labels.dataTable.paginate.next'|trans([], 'LocalizationBundle')}}";
        var last = "{{ 'labels.dataTable.paginate.last'|trans([], 'LocalizationBundle')}}";
        var urlBuscarReporte4505 = "{{ path('reporte_reporte4505_buscar') }}";
        $(function() {
            $( ".datepicker" ).datepicker({
                dateFormat: 'yy-mm-dd'
            });
        });
    </script>

    <style>
        div.DTTT {
            margin-bottom: 0.5em; float: right;
        }
        table th {
            text-transform: uppercase;
        }
        div.dataTables_wrapper {
            clear: both;
        }
        .input-group input{
            height:34px;
            border-radius: 4px;
        }
        .btn {height:34px;}
        .glyphicon-ok:before {
            content: "\e013";
        }
        .check-mark {
            color:#888;
        }
    </style>
{% endblock %}
{% block content %}
    <div class="container-fluid">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Resolución 4505</h3>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        {# Formulario busqueda #}
                        <form>
                            <div class="col-md-12"></div>

                            <div class="form-group">
                                <div class="col-md-2">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                        <input id="fechaIni" name="dateInit" readonly class="form-control datepicker required" placeholder="{{ 'labels.date.dateIni'|trans([], 'LocalizationBundle') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                        <input id="fechaFin" name="dateEnd" readonly class="form-control datepicker required" placeholder="{{ 'labels.date.dateEnd'|trans([], 'LocalizationBundle') }}">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="sr-only">{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</label>
                                <div class="col-md-2">
                                    <select class="form-control selectpicker" id="selConvenio" data-id="selConvenio" data-actions-box="true" data-style="btn-primary" data-live-search="true" multiple title='{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}'>
                                        <optgroup label="{{ 'messages.selectAll'|trans([], 'LocalizationBundle') }}">
                                            {% for eps in epsList %}
                                                <option value="{{ eps.idEps }}">{{ eps.name }}</option>
                                            {% endfor %}
                                        </optgroup>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-2">
                                    <select class="form-control selectpicker" data-actions-box="true" id="selSede" data-id="selSede" data-style="btn-primary" data-live-search="true" multiple title='{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}'>
                                        <optgroup label="{{ 'messages.selectAll'|trans([], 'LocalizationBundle') }}">
                                            {% for sed in sedeList %}
                                                <option value="{{ sed.idHeadquarter }}">{{ sed.varHead }}</option>
                                            {% endfor %}
                                        </optgroup>
                                    </select>
                                </div>
                            </div>
                        </form>
                        {# Botones busqueda #}
                        <div class="col-md-4">
                            <button class="btn btn-primary" id="search" >{{ 'button.search'|trans([], 'LocalizationBundle') }}</button>
                        
                            <button class="btn btn-primary" id="clear" >{{ 'button.delete'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                        {# Fin Botones busqueda #}

                    </div>
                </div>
                {# Fin Formulario busqueda #}
                <div class="clearfix"></div>
                <div class="col-md-12"><hr></div>

                {# Tabla oculta construcción resultado consulta #}
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-body" id="panel-body">
                            <table id="datosReporte" class="table table-hover table-striped table-bordered dt-responsive" cellspacing="0" width="100%">
                                <thead>
                                <tr>
                                    <th>{{ 'reporte_4505.tipoRegistro'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.consecutivoRegistro'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.codigoIps'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.tipoId'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.numeroId'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.primerApellido'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.segundoApellido'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.primerNombre'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.segundoNombre'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.fechaNacmiento'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.generoUsuario'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.fechaMamografia'|trans([], 'LocalizationBundle') }}</th>
                                    <th>{{ 'reporte_4505.resultadoMamografia'|trans([], 'LocalizationBundle') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                {# Fin Tabla de resultados #}
            </div>{# Fin body #}
        </div>{# Fin panel #}
    </div> {# Fin Container - fluid #}
    {# Tabla busqueda #}
{% endblock %}