{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    <link rel="stylesheet" href="{{ asset('bundles/grid/css/ui.jqgrid.css') }}"/>
    <link type="text/css" href="{{ asset('bundles/utilities/timepicker/css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <script src="{{ asset('bundles/grid/js/jquery.jqGrid.js') }}"></script>
    <script src="{{ asset('bundles/grid/js/i18n/grid.locale-'~ locale ~'.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script src="{{ asset('bundles/shedule/js/rooms_locks.js') }}"></script>
    <style>
        td {
            white-space: normal !important;
            text-align: center;
        }

    </style>
    <script language="javascript">

        var locksFestiveGrid = "{{ 'labels.date.holiday'|trans([], 'LocalizationBundle') }}";
        var msjlocks = "{{ 'messages.pleaseVerify'|trans([], 'LocalizationBundle') }}";
        var msjSaveOk = "{{ 'messages.saveok'|trans([], 'LocalizationBundle') }}";
        var msjError = "{{ 'messages.errorProcess'|trans([], 'LocalizationBundle') }}";
        var ok="{{ 'button.save'|trans([], 'LocalizationBundle') }}";
        var cancel="{{ 'button.close'|trans([], 'LocalizationBundle') }}";
        var oklocks="{{ 'button.save'|trans([], 'LocalizationBundle') }}";
        var url_grid="{{ path('_grid_room_data') }}";
        var caption="{{ 'labels.rooms'|trans([], 'LocalizationBundle') }}";
        var rooms="{{ 'labels.rooms'|trans([], 'LocalizationBundle') }}";
        var modality= "{{ 'modalities.modalities'|trans([], 'LocalizationBundle') }}";
        var headquarter ="{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}";
        var prefix= "{{ 'labels.Headquarter.prefix'|trans([], 'LocalizationBundle') }}";
        {# var locks="{{ 'room.locks'|trans([], 'LocalizationBundle') }}";
        var NoHolidays="{{ 'room.noHolidays'|trans([], 'LocalizationBundle') }}"; #}
        var NoHolidays="{{ 'messages.noData'|trans([], 'LocalizationBundle') }}";
        var seguroEliminar = "{{ 'messages.seguroEliminar'|trans([], 'LocalizationBundle') }}";
        var acepta = "{{ 'button.acept'|trans([], 'LocalizationBundle') }}";
        var cancela = "{{ 'button.cancel'|trans([], 'LocalizationBundle') }}";
        var cierra = "{{ 'button.close'|trans([], 'LocalizationBundle') }}";
        var saveok = "{{ 'messages.saveok'|trans([], 'LocalizationBundle')}}";
        var wait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle')}}";
        var refresh_s="{{ refresh_timer }}";
        
        var url_holidays="{{ path('room_holidays') }}";
        var msjRoomRequired="{{ 'messages.unaOpcion'|trans([], 'LocalizationBundle') }}";
        var msjRoomD="{{ 'messages.salaBloqueada'|trans([], 'LocalizationBundle') }}";
        var deleteDa="{{ 'button.eliminar'|trans([], 'LocalizationBundle') }}";
        var deleteDaError="{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var deleteDaSus="{{ 'messages.deleteOk'|trans([], 'LocalizationBundle') }}";
        var urlGetDataLocks="{{ path('GetDataLocks') }}";
        var urlRemove="{{ path('RemoveLocks') }}";
        var tableDat='<table class="table" >' +
                "<tr>" +
                "<th>{{ 'labels.rooms'|trans([], 'LocalizationBundle') }}</th>" +
                "<th>{{ 'labels.date.blockadeDay'|trans([], 'LocalizationBundle') }}</th>" +
                "<th>{{ 'labels.time.hourIni'|trans([], 'LocalizationBundle') }}</th>" +
                "<th>{{ 'labels.time.hourEnd'|trans([], 'LocalizationBundle') }}</th>" +
                "<th></th></tr>";
           
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
    </script>
    <style>
        .table td{
            text-align: left;
        }
    </style>

{% endblock %}
{% block content %}

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

    </section>


    {# <div id="AssignHolidays" title="{{ 'room.Holidays'|trans([], 'LocalizationBundle') }}"> #}
    <div id="AssignHolidays" title="{{ 'labels.date.holiday'|trans([], 'LocalizationBundle') }}">
        <div class="col-md-8" style="margin-bottom:30px;">
            {#Hour init#}
            <div class="col-md-6">
                <div class="form-group">
                    {#<label for="style" class="col-sm-12 control-label">{{ 'room.dateHoliday'|trans([], 'LocalizationBundle') }}</label> #}
                    <label for="style" class="col-sm-12 control-label">{{ 'labels.fechaBloqueo'|trans([], 'LocalizationBundle') }}</label>
                    <div class="col-sm-12">
                        <input type="text" readonly name="datepicker" id="datepicker" class="form-control field_receive" >
                    </div>
                </div>
            </div>
            {#Fin Hour init#}
            <div id="holidaysD" class="col-md-12" style="margin:20px 0 0 0">

            </div>
        </div>
        <div class="col-md-4">
            <label for="style"
                   class="col-sm-12 control-label"><strong>{{ 'labels.rooms'|trans([], 'LocalizationBundle') }}</strong></label>
            <label for="style" id="dataRoom"
                   class="col-sm-12 control-label"></label>

        </div>
    </div>

    <input type="hidden" id="rooms">
    

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

    <div id="loader" align="center">
        <img src="{{ asset('bundles/main/images/ajax-loader.gif') }}"/>
    </div>
{% endblock %}