{% extends 'MainBundle:Master:template_head.html.twig' %}

{% block scripts %}

    <link rel="stylesheet" href="{{ asset('bundles/receive/css/receive.css') }}"/>
    {#Bootstrap#}

    <link type="text/css" href="{{ asset('bundles/utilities/timepicker/css/bootstrap.min.css') }}"/>
    <link type="text/css" href="{{ asset('bundles/utilities/timepicker/css/bootstrap-timepicker.min.css') }}"/>
    <link type="text/css" href="{{ asset('bundles/utilities/css/bootstrap-select.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <script type="text/javascript" src="{{ asset('bundles/utilities/timepicker/js/bootstrap.min.js') }}"></script>
    <script type="text/javascript">
        var select_rooms = "{{ 'schedule.select_rooms'|trans([], 'LocalizationBundle') }}";
        var UrlDataLock = '{{ path("shedule_load_locks") }}';
        var UrlSaveLock = '{{ path("shedule_save_locks") }}';
        var select_days = "{{ 'schedule.select_days'|trans([], 'LocalizationBundle') }}";
        var select_days = "{{ 'schedule.select_days'|trans([], 'LocalizationBundle') }}";
        var titleCreateNewSchedule = "{{ 'schedule.create_new_schedule'|trans([], 'LocalizationBundle') }}";
        var UrlSearchSpaceSchedule = '{{ path("schedule_appointment_SearchSpaceSchedule") }}';
        var cit = "{{ cit }}";
    </script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bundles/utilities/timepicker/js/bootstrap-timepicker.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/create_locks.js') }}"></script>
    <style>
        .horasagenda{
            color:#080808;
        }
        .selectedHo{
            color:#6b6b6b;
            padding-left: 13px;
        }
    </style>
{% endblock %}
{% block content %}
    <section>
        <article>
            <div id="accordion1">
                <h3>{{ 'schedule.create_locks'|trans([], 'LocalizationBundle') }}</h3>

                <div style="padding-bottom: 100px;">
                    <div class="col-md-8" style="margin-bottom:30px;">
                        <div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <div id="loader" align="center">
                                        <img src="{{ asset('bundles/main/images/ajax-loader.gif') }}"/>
                                    </div>
                                    <div id="tableLocks">
                                        {% if(eventLock  is iterable) %}

                                            <label for="style"  class="control-label">
                                                <strong>{{ 'schedule.modalities'|trans([], 'LocalizationBundle') }}</strong>
                                            </label>
                                            <table class="table" >
                                                <tr>
                                                    <td>
                                                        <label for="style"  class="control-label">
                                                            <strong>{{ 'schedule.modalities'|trans([], 'LocalizationBundle') }}</strong>
                                                        </label>
                                                    </td>
                                                    <td>
                                                        <label for="style"  class="control-label">
                                                            <strong>{{ 'schedule.modalities'|trans([], 'LocalizationBundle') }}</strong>
                                                        </label>
                                                    </td>
                                                    <td>
                                                        <label for="style"  class=" control-label">
                                                            <strong>{{ 'schedule.modalities'|trans([], 'LocalizationBundle') }}</strong>
                                                        </label>
                                                    </td>
                                                </tr>
                                                {% for EvL in eventLock %}
                                                    <tr>
                                                        <td class="control-label">

                                                        </td>
                                                        <td>
                                                            <label for="style"  class="control-label">
                                                                <strong>{{ 'schedule.modalities'|trans([], 'LocalizationBundle') }}</strong>
                                                            </label>
                                                        </td>
                                                        <td>
                                                            <label for="style"  class=" control-label">
                                                                <strong>{{ 'schedule.modalities'|trans([], 'LocalizationBundle') }}</strong>
                                                            </label>
                                                        </td>
                                                    </tr>
                                                {% endfor %}

                                            </table>

                                        {% else %}

                                            <label for="style"  class="control-label">
                                                <strong>{{ eventLock }}</strong>
                                            </label>
                                        {% endif %}
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </section>
    {# Div modal alerts#}
    <div id="alertError">
        <div class="alert alert-success" id="alertSuccess" role="alert"></div>
        <div class="alert alert-danger" id="alertDanger" role="alert"></div>
    </div>

{% endblock %}