{% 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') }}"/>
    {% 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/css/lightGrid.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/scheduleHtml.js') }}"></script>
    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>

    <script type="text/javascript">
        var urlAssingUser = "{{ path('shedule_assign_user') }}";
        var urlcreateSchedule = "{{ path('shedule_create') }}";
        var urlcreateLockSchedule = "{{ path('shedule_assign_lock', {'cit': 'cit'}) }}";
        var urlcreateLockRange = "{{ path('locksRangeViewSchedule', {'cit': 'cit'}) }}";
        var urlEditSchedule = "{{ path('EditViewSchedule', {'cit': 'cit'}) }}";
        var UrlRemoveSchedule = '{{ path("UpdateSchedule") }}';
        var UrlVerifyDates = "{{ path('shedule_assign_lock', {'cit': 'cit'}) }}";
        var titleCreateNewSchedule = "{{ 'menu.schedule.create'|trans([], 'LocalizationBundle') }}";
        var url_AssignUs = "{{ path('assign_User_View', {'cit': 'cit'}) }}";
        var msjConfirm="{{ 'messages.agenda.msjEliminar'|trans([], 'LocalizationBundle') }}";
        var cancel="{{ 'button.cancel'|trans([], 'LocalizationBundle') }}";
        var acepta="{{ 'button.acept'|trans([], 'LocalizationBundle') }}";
        var cit = '';
        var UrlCountSchedule = '{{ path("CountSchedule") }}';
        var loader = "{{ asset('bundles/utilities/images/anim_gif.gif') }}";
        var wait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle')}}";
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle')}}";
        var closeModal = "{{ 'button.close'|trans([], 'LocalizationBundle') }}";
        var msjadvertencia = "{{ 'messages.agenda.ocupada'|trans([], 'LocalizationBundle') }}";
        var msjEdit = "{{ 'messages.agenda.alertaEdicion'|trans([], 'LocalizationBundle') }}";
    </script>

{% endblock %}

{% block content %}
    <div id="userAssingDialog">
        <input type="hidden" id="idScheduleRules"/>
        <div id="">
            <span id="dataIdSchedule"></span>
            <select id="selectUser">
                <option value=""></option>
                {% if listUsers is defined %}
                    {% for r in listUsers %}
                        <option value="{{ r.id }}">{{ r.username }}</option>
                    {% endfor %}
                {% endif %}
            </select>

            <div id="alert_data" class="alert alert-success" role="alert"></div>
        </div>
    </div>
    <div id="createNewSchedule"></div>
    <div id="createLockRangeSchedule">
    </div>
    <div id="editSchedule">
    </div>
    <div id="createLockSchedule">
    </div>
    <div class="container-fluid">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-6">
                        <h4>{{ 'menu.schedule.create'|trans([], 'LocalizationBundle') }}</h4>
                    </div>
                    <div class="col-md-6">
                        <span class="pull-right">
                           <button type="button" class="btn btn-primary" id="createNew"><span class="glyphicon glyphicon-plus"></span>
                               {{ 'menu.schedule.create'|trans([], 'LocalizationBundle') }}
                            </button>
                        </span>
                    </div>
                </div>

                {# Worklist #}
                <table id="tableTraWL" class="table table-hover table-transcription table-striped dataTable no-footer dtr-inline dt-responsive table-bordered" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>{{ 'labels.rooms'|trans([], 'LocalizationBundle') }}</th>
                            <th style="width: 15%">{{ 'labels.name'| trans([], 'LocalizationBundle') }}</th>
                            <th id="dateIni">{{ 'labels.date.dateIni'| trans([], 'LocalizationBundle') }}</th>
                            <th id="dateEnd">{{ 'labels.date.dateEnd'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.time.hourIni'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.time.hourEnd'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.date.days'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.time.duration'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.role.usuario'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.bloqueos'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'button.edit'| trans([], 'LocalizationBundle') }}</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>{{ 'labels.rooms'|trans([], 'LocalizationBundle') }}</th>
                            <th style="width: 15%">{{ 'labels.name'| trans([], 'LocalizationBundle') }}</th>
                            <th id="dateIni">{{ 'labels.date.dateIni'| trans([], 'LocalizationBundle') }}</th>
                            <th id="dateEnd">{{ 'labels.date.dateEnd'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.time.hourIni'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.time.hourEnd'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.date.days'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.time.duration'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.role.usuario'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.bloqueos'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'button.edit'| trans([], 'LocalizationBundle') }}</th>
                        </tr>
                    </tfoot>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    <!--<section>
        <div style="padding:0 20px 20px 20px; ">
            <table id="grid"></table>
            <div id="pager"></div>
        </div>

    </section>
    <div id="userAssingDialog">
        <input type="hidden" id="idScheduleRules"/>
        <div id="">
            <span id="dataIdSchedule"></span>
            <select id="selectUser">
                <option value=""></option>
                {% if listUsers is defined %}
                    {% for r in listUsers %}
                        <option value="{{ r.id }}">{{ r.username }}</option>
                    {% endfor %}
                {% endif %}
            </select>

            <div id="alert_data" class="alert alert-success" role="alert"></div>
        </div>
    </div>

    <div id="createNewSchedule">
    </div>
    <div id="createLockRangeSchedule">
    </div>
    <div id="editSchedule">
    </div>
    <div id="createLockSchedule">
    </div>
    {#Fin Hour end #}
    <div id="confirm">
        {#Hour end#}
        <div id="alert_data_confirm" class="alert alert-info" role="alert"></div>
    </div>
    <div id="loader" align="center">
        <img src="{{ asset('bundles/main/images/ajax-loader.gif') }}"/>
    </div>

    <div id="alert">
        {#Hour end#}
        <div id="alert_data" class="alert alert-success" role="alert"></div>
        <div id="alert_data_error" class="alert alert-danger" role="alert"></div>
    </div>-->
{% endblock %}