{% 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 UrlDataRoom = '{{ path("roomListGlobal") }}';
        var UrlSaveSchedule = '{{ path("shedule_save") }}';
        var UrlverifySchedule = '{{ path("VerifyScheduleData") }}';
        var select_days = "{{ 'schedule.select_days'|trans([], 'LocalizationBundle') }}";
        var verifyHours = "{{ 'schedule.verify_hours'|trans([], 'LocalizationBundle') }}";
        var verifyHoursDates = "{{ 'schedule.verify_hours_data'|trans([], 'LocalizationBundle') }}";
        var UrlverifyDays = "{{ path("VerifyDays") }}";
        var VerifyDayss = "{{ 'schedule.verify_days'|trans([], 'LocalizationBundle') }}";
        var UrlgetTemplate = "{{ path("GetTemplateSchedule") }}";
    </script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bundles/utilities/jquery-timepicker/jquery.ui.timepicker.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_schedule.js') }}"></script>
    <style>

        .ui-timepicker-inline {
            display: inline;
        }

        #ui-timepicker-div {
            padding: 0.2em;
        }

        .ui-timepicker-table {
            display: inline-table;
            width: 0;
        }

        .ui-timepicker-table table {
            margin: 0.15em 0 0 0;
            border-collapse: collapse;
        }

        .ui-timepicker-hours, .ui-timepicker-minutes {
            padding: 0.2em;
        }

        .ui-timepicker-table .ui-timepicker-title {
            line-height: 1.8em;
            text-align: center;
        }

        .ui-timepicker-table td {
            padding: 0.1em;
            width: 2.2em;
        }

        .ui-timepicker-table th.periods {
            padding: 0.1em;
            width: 2.2em;
        }

        /* span for disabled cells */
        .ui-timepicker-table td span {
            display: block;
            padding: 0.2em 0.3em 0.2em 0.5em;
            width: 1.2em;

            text-align: right;
            text-decoration: none;
        }

        /* anchors for clickable cells */
        .ui-timepicker-table td a {
            display: block;
            padding: 0.2em 0.3em 0.2em 0.5em;
            cursor: pointer;
            text-align: right;
            text-decoration: none;
        }

        /* buttons and button pane styling */
        .ui-timepicker .ui-timepicker-buttonpane {
            background-image: none;
            margin: .7em 0 0 0;
            padding: 0 .2em;
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }

        .ui-timepicker .ui-timepicker-buttonpane button {
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

        /* The close button */
        .ui-timepicker .ui-timepicker-close {
            float: right
        }

        /* the now button */
        .ui-timepicker .ui-timepicker-now {
            float: left;
        }

        /* the deselect button */
        .ui-timepicker .ui-timepicker-deselect {
            float: left;
        }


    </style>
{% endblock %}
{% block content %}
    <section>
        <article>
            <div id="accordion1">
                <h3>{{ 'menu.schedule.create'|trans([], 'LocalizationBundle') }}</h3>

                <div style="padding-bottom: 100px;">
                    <div class="container-fluid">
                        {#Status#}
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="style"
                                       class="col-sm-6 control-label">{{ 'schedule.status'|trans([], 'LocalizationBundle') }}
                                    : (*)</label>

                                <div class="col-sm-6">
                                    {{ 'schedule.enabled'|trans([], 'LocalizationBundle') }}
                                    <input type="radio" checked value="0" class="form-control select_receive"
                                           name="status"/>
                                    {{ 'schedule.disabled'|trans([], 'LocalizationBundle') }}
                                    <input type="radio" value="1" class="form-control select_receive" name="status"/>
                                    {{ 'schedule.template'|trans([], 'LocalizationBundle') }}
                                    <input type="radio" value="2" class="form-control select_receive" name="status"/>
                                </div>
                            </div>
                        </div>
                        {#Fin Status#}
                        {# templates#}
                        <div class="templatesSch">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="style"
                                           class="col-sm-6 control-label">{{ 'schedule.template'|trans([], 'LocalizationBundle') }}
                                        : (*)</label>

                                    <div class="col-sm-6">
                                        <select id="templates" class="form-control select_receive">
                                            <option value="">{{ 'schedule.select_templates'|trans([], 'LocalizationBundle') }}</option>
                                            {% for temp in templates %}
                                                <option value="{{ temp.idScheduleRules }}">{{ temp.name }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {#Fin templates#}

                        {#Name#}
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="style"
                                       class="col-sm-6 control-label">{{ 'schedule.name'|trans([], 'LocalizationBundle') }}
                                    :
                                    (*)</label>

                                <div class="col-sm-6">
                                    <input name="name" id="name" class="form-control field_receive" type="text"
                                           required="required"
                                           onkeyup="javascript:this.value=this.value.toUpperCase();">
                                </div>
                            </div>
                        </div>

                        {#Fin Name#}
                        <div class="col-md-12">
                            <hr>
                        </div>
                        <div class="templatesSch">
                            {#Date init#}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="style"
                                           class="col-sm-6 control-label">{{ 'schedule.date_init'|trans([], 'LocalizationBundle') }}
                                        : (*)</label>

                                    <div class="col-sm-6">
                                        <input name="date_init" id="date_init" class="form-control field_receive"
                                               type="calendar">
                                    </div>
                                </div>
                            </div>
                            {#Fin Date init#}
                            {#Date end#}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="style"
                                           class="col-sm-6 control-label">{{ 'schedule.date_end'|trans([], 'LocalizationBundle') }}
                                        : (*)</label>

                                    <div class="col-sm-6">
                                        <input name="date_end" id="date_end" class="form-control field_receive"
                                               type="calendar">
                                    </div>
                                </div>
                            </div>
                        </div>
                        {#Fin Date end#}
                        {#Hour init#}
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="style"
                                       class="col-sm-6 control-label">{{ 'schedule.hour_init'|trans([], 'LocalizationBundle') }}
                                    : (*)</label>

                                <div class="col-sm-6">
                                    <input type="text" name="hour_init" id="hour_init"
                                           class="form-control field_receive"
                                           data-default-time="false">
                                </div>
                            </div>
                        </div>
                        {#Fin Hour init#}
                        {#Hour end#}
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="style"
                                       class="col-sm-6 control-label">{{ 'schedule.hour_end'|trans([], 'LocalizationBundle') }}
                                    : (*)</label>

                                <div class="col-sm-6">
                                    <input type="text" name="hour_end" id="hour_end" class="form-control field_receive"
                                           data-default-time="false">
                                </div>
                            </div>
                        </div>

                        {#Fin Hour end#}
                        <div class="templatesSch">
                            {# Days#}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="style"
                                           class="col-sm-6 control-label">{{ 'schedule.days'|trans([], 'LocalizationBundle') }}
                                        : (*)</label>

                                    <div class="col-sm-6">
                                        <div id="days_div">
                                            <select id="days" class="selectpicker show-menu-arrow select_receive"
                                                    multiple
                                                    data-max-options="7">
                                                {#<option value="Lunes">{{ 'days.monday'|trans([], 'LocalizationBundle') }}</option>
                                                <option value="Martes">{{ 'days.tuesday'|trans([], 'LocalizationBundle') }}</option>
                                                <option value="Miercoles">{{ 'days.wednesday'|trans([], 'LocalizationBundle') }}</option>
                                                <option value="Jueves">{{ 'days.thursday'|trans([], 'LocalizationBundle') }}</option>
                                                <option value="Viernes">{{ 'days.friday'|trans([], 'LocalizationBundle') }}</option>
                                                <option value="Sabado">{{ 'days.saturday'|trans([], 'LocalizationBundle') }}</option>
                                                <option value="Domingo">{{ 'days.sunday'|trans([], 'LocalizationBundle') }}</option>#}
                                            </select>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        {#Fin Days#}
                        {#Duration#}
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="style"
                                       class="col-sm-6 control-label">{{ 'schedule.duration'|trans([], 'LocalizationBundle') }}
                                    : (*)</label>

                                <div class="col-sm-6">
                                    <select id="duration" class="form-control select_receive">
                                        <option value="5">5 min.</option>
                                        <option value="6">6 min.</option>
                                        <option value="10">10 min.</option>
                                        <option value="15">15 min.</option>
                                        <option value="20">20 min.</option>
                                        <option value="30">30 min.</option>
                                        <option value="60">60 min.</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        {#Fin Rooms#}
                        <div id="notemplates">
                            <div class="col-md-12">
                                <hr>
                            </div>

                            {# Modalities#}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="style"
                                           class="col-sm-6 control-label">{{ 'schedule.modalities'|trans([], 'LocalizationBundle') }}
                                        : (*)</label>

                                    <div class="col-sm-6">
                                        <select id="modalities" class="form-control select_receive">
                                            <option value="">{{ 'schedule.select_modalities'|trans([], 'LocalizationBundle') }}</option>
                                            {% for mod in modalities %}
                                                <option value="{{ mod.varMod }}">{{ mod.varMod }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                            </div>
                            {#Fin Modalities#}
                            {#Rooms#}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="style"
                                           class="col-sm-6 control-label">{{ 'schedule.rooms'|trans([], 'LocalizationBundle') }}
                                        : (*)</label>

                                    <div class="col-sm-6">
                                        <select id="rooms" class="form-control select_receive" disabled>
                                            <option value="">{{ 'schedule.select_rooms'|trans([], 'LocalizationBundle') }}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            {#Fin Rooms#}

                        </div>


                        <div class="col-md-12">
                            <hr>
                        </div>
                        {#Hour end#}
                        <div class="col-md-6">
                            <div class="form-group">

                                <div class="col-sm-6">
                                    <input type="button" id="updateDataPatient" class="btn btn-primary"
                                           value="{{ 'schedule.save_schedule'|trans([], 'LocalizationBundle') }}">
                                </div>
                            </div>
                        </div>
                        {#Fin Hour end #}
                        <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>

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

                        {#Fin Hour end #}
                    </div>
                </div>
            </div>
        </article>
    </section>
    {# Div modal alerts#}
    <div id="alerts">

    </div>

{% endblock %}