{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    {# CSS #}
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/utilities/datatable/datatables.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-3.3.7/css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link href="{{ asset('bundles/utilities/font-awesome-4.7.0/css/font-awesome.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/css/bootstrap-datepicker3.min.css') }}"/>


    {% set configUser = app.user.config %}
     {% if configUser.skin_dark is defined %}
         {% if configUser.skin_dark %}
             {# validacion tema oscuro #}
             <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-dark.css') }}">
             <link rel="stylesheet" href="{{ asset('bundles/grid/css/htmlGrid.css') }}">
         {% else %}
             {# validacion tema claro #}
             <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-light.css') }}" >
             <link rel="stylesheet" href="{{ asset('bundles/grid/css/lightGrid.css') }}">
         {% endif %}
     {% else %}
     <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-light.css') }}" >
     <link rel="stylesheet" href="{{ asset('bundles/grid/css/lightGrid.css') }}">
     {% endif %}
    {# JS #}
    <script>
        var stateSave = true ;
    </script>
    <script type="text/javascript" src="{{ asset('bundles/grid/js/consultaPisos.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/datatable/datatables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-3.3.7/js/bootstrap.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/bootstrap-select/js/bootstrap-select.min.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 tipoEdad = {{ tipoEdad|raw }};
        var sedes = {{ HeadQuarter|raw }};
        var modalidades = {{ Modalidades|raw }};
        var procedencias = {{ Procedencia|raw }};
        var UrlActualiza = '{{ path('grid_consultas') }}';
        var pleaseWait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}";
        var maximum = "{{ 'labels.range15'|trans([], 'LocalizationBundle') }}";
    </script>
    <style>
        table {
            font-size:13px;
        }
        table th {
            color:#fff;
            text-transform: uppercase;
        }
        table td a{
            color:#69a5d7;
            text-transform: uppercase;
        }
        table td a:hover{
            color:#0388f6;
            text-decoration: none;
        }
        table td {
            color:#8896a0;
        }
        tfoot input {
            width: 100%;
            padding: 3px;
            box-sizing: border-box;
        }
        tfoot {
            display: table-header-group;
        }

        div.DTTT { margin-bottom: 0.5em; float: right; }
        div.dataTables_wrapper { clear: both; }
        .input-group input{
                height:34px;
                border-radius: 4px;
        }

        .error{
            border:2px solid #FF0000;
        }
        .glyphicon-ok:before {
            content: "\e013";
        }
        .check-mark {
            color:#888;
        }
        .search_init {
            border:1px solid #ddd;
            height:34px;
            color:#888;
            font-size: 1em;
            font-weight: 600;
        }
        .search_init:after {
            border:1px solid #ddd;
            height:34px;
            color:#888;
            font-size: 1em;
            font-weight: 600;
        }
        input, select,.input-sm {
            color:#888;
            font-size: 1em;
            font-weight: 600;
            height:34px;
        }

        input:hover, input:focus, input:after {
            /*font-size: 1em;*/
            color:#888;
            height:34px;
            border:1px solid #4687bf;
        }
        select, select:hover, select:focus, select:after {
            font-size: 1em;
            color:#888;
            height:34px;
            border:1px solid #4687bf;
        }

    </style>
{% endblock %}
{% block content %}
       <div class="container-fluid">
            <div class="well">
                {#<div class="panel-heading">
                  <h3 class="panel-title">Consultas</h3>
                </div>#}

                <div class="row">
                    {# Formulario busqueda #}
                    <form>
                        <div class="form-group">
                            <div class="col-md-3">
                                <div class="input-group">
                                    <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                                    <input name="documento" id="documento" class="form-control inputVal" placeholder="{{ 'labels.document.doc'|trans([], 'LocalizationBundle')}}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="sr-only">Icono Fecha</label>
                            <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="dateS" id="dateS" readonly class="form-control datepicker inputVal" placeholder="{{ 'labels.date.dateIni'|trans([], 'LocalizationBundle')}}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="sr-only">Icono Fecha</label>
                            <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="dateSS" id="dateSS" readonly class="form-control datepicker inputVal" placeholder="{{ 'labels.date.dateEnd'|trans([], 'LocalizationBundle')}}">
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="col-md-2">
                        <button class="btn btn-primary" id="search" ><span class="glyphicon glyphicon-search" aria-hidden="true"></span> {{ 'button.search'|trans([], 'LocalizationBundle')}}</button>
                        <button class="btn btn-primary" id="delete" ><span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span> {{ 'button.delete'|trans([], 'LocalizationBundle')}}</button>
                    </div>
                    {# Fin Formulario busqueda #}

                    <div class="clearfix"></div>
                    <div class="col-md-12"><hr></div>
                    <div class="col-md-3" style="margin-bottom:20px; margin-top:20px;">
                        <button class="btn btn-primary" id="update" > <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> {{ 'button.update'|trans([], 'LocalizationBundle')}}</button>
                        <button class="btn btn-primary" id="cleanfilt" > <span aria-hidden="true"></span> {{ 'labels.action.limpiarFiltro'|trans([], 'LocalizationBundle')}}</button>
                    </div>
                    <div class="clearfix"></div>
                    {# Tabla prueba #}
                    <div class="col-md-12" id="TabConsPisos">
                        {{ tabConPisos|raw }}
                    </div> {# Fin tabla consulta #}
                </div>
            </div>
        </div>


{% endblock %}