{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    {# CSS #}
    {#Bootstrap#}
    <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/css/lightGrid.css') }}"/>
        {% endif %}
    {% else %}
        <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-dark.css') }}" >
        <link rel="stylesheet" href="{{ asset('bundles/grid/css/htmlGrid.css') }}"/>
    {% endif %}

    {# JS #}
    <script type="text/javascript" src="{{ asset('bundles/utilities/datatable/datatables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/jquery.dataTables.columnFilter.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-3.3.7/js/bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/js/bootstrap-datepicker.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/locales/bootstrap-datepicker.es.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 type="text/javascript" src="{{ asset('bundles/grid/js/grid/vnaHtml.js') }}"></script>
    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
    <script>
        var locale = '{{ app.request.locale }}';
    </script>

{% endblock scripts %}
{% block content %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="well">
                    <div class="row addspacer">
                        <div class="col-md-6">
                            <h4>VNA</h4>
                        </div>
                    </div>
                    <div class="row">
                        <table id="tableCFWL" class="table table-hover table-striped dtr-inline dt-responsive table-bordered" cellspacing="0" width="100%">
                            <thead>
                            <tr>
                                <th>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.document.doc'| trans([], 'LocalizationBundle') }}</th>
                                <th style="width: 15%">{{ 'labels.patient.patientName'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'modalities.modality'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.study.plural'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.action.verImagenes'| trans([], 'LocalizationBundle') }}</th>
                            </tr>
                            </thead>
                            <tfoot>
                            <tr>
                                <th id="lbldateAppointment">{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.document.doc'| trans([], 'LocalizationBundle') }}</th>
                                <th style="width: 15%">{{ 'labels.patient.patientName'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'modalities.modality'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.study.plural'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.action.verImagenes'| trans([], 'LocalizationBundle') }}</th>
                            </tr>
                            </tfoot>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}