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

{% block scripts %}

    {#Bootstrap#}

    <script type="text/javascript" src="{{ asset('bundles/utilities/js/bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/js/site.js') }}"></script>
    <link type="text/css" href="{{ asset('bundles/utilities/css/site.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/receive/css/receive.css') }}"/>    
    <script type="text/javascript" src="{{ asset('bundles/utilities/jquery-timepicker/jquery.ui.timepicker.js') }}"></script>
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    
    <link rel="stylesheet" href="{{ asset('bundles/shedule/css/build.css') }}"/>
    <link href="{{ asset('bundles/utilities/css/font-awesome.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript">

        var UrlSearchLocks = '{{ path("search_locks") }}';
        var UrlUserData = '{{ path("shedule_search_assign_user") }}';
        var UrlUpdateData = '{{ path("shedule_update_assign_user") }}';
        var urlDataS = "{{ 'schedule.no_assing'|trans([], 'LocalizationBundle') }}";
        var UrlSearchSpaceSchedule = '{{ path("schedule_appointment_SearchSpaceSchedule") }}';
        var UrlSearchValidate = '{{ path("validateUserAssing") }}';
        var UrlDeleteUser = '{{ path("shedule_remove_user_assign") }}';
        var UrlAssingUser = '{{ path("shedule_assign_user") }}';
        var UrlAssingUserData = '{{ path("AssingUserData") }}';
        var UrlverifyDays = "{{ path("VerifyDays") }}";
        var urlAusentarUsuario = '{{ path("AusentarUsuario") }}';
        var select_days = "{{ 'schedule.select_days'|trans([], 'LocalizationBundle') }}";
        var VerifyDayss = "{{ 'schedule.verify_days'|trans([], 'LocalizationBundle') }}";
        var loader = "{{ asset('bundles/utilities/images/anim_gif.gif') }}";
        var IdUserSchedule=0;
        var Days = new Array();
        var dat = 0;
        {% for schD in schedule[0]['daysWeek'] %}
        Days[dat++] = '{{ schD }}';
        {% endfor %}
        var cit = "{{ cit }}";
        var table = ' <label for="style"  class="control-label"><strong>' +
                "{{ 'schedule.user_assigned'|trans([], 'LocalizationBundle') }}s" +
                '</strong></label><table class="table" ><tr><td><label for="style" class="control-label"><strong>' +
                "{{ 'schedule.user_assign'|trans([], 'LocalizationBundle') }}s" +
                '</strong> </label></td><td><label for="style"  class="control-label"><strong>' +
                "{{ 'schedule.date_init'|trans([], 'LocalizationBundle') }}" +
                '</strong></label></td><td><label for="style"  class="control-label"><strong>' +
                "{{ 'schedule.date_end'|trans([], 'LocalizationBundle') }}" +
                '</strong></label></td><td><label for="style"  class=" control-label"><strong>' +
                "{{ 'schedule.hour_init'|trans([], 'LocalizationBundle') }}" +
                '</strong></label></td><td><label for="style"  class=" control-label"><strong>' +
                "{{ 'schedule.hour_end'|trans([], 'LocalizationBundle') }}" +
                '</strong></label></td><td><label for="style"  class=" control-label"><strong>' +
                "{{ 'schedule.days'|trans([], 'LocalizationBundle') }}" +
                '</strong></label></td></tr>';
    </script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/assingUser.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>{{ 'schedule.assign_user'|trans([], 'LocalizationBundle') }}</h3>

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

                            {#Date start#}
                            <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 start#}
                            {#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>
                            {#Fin Date start#}
                            
                             {# hora inicio#}
                            <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 name="hour_init" id="hour_init"
                                               class="form-control field_receive">
                                    </div>
                                </div>
                            </div>
                            {# hora fin#}
                            <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 name="hour_end" id="hour_end"
                                               class="form-control field_receive">
                                    </div>
                                </div>
                            </div>
                                        
                             {# users#}
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="style"
                                           class="col-sm-3 control-label">{{ 'schedule.days'|trans([], 'LocalizationBundle') }}
                                        : (*)</label>

                                    <div class="col-sm-9" id="daysS">
                                        
                                    </div>
                                    <input type="hidden" name="daySelect" id="daySelect" value="" >
                                    <input type="hidden" name="dayOrig" id="dayOrig" value="" >
                                </div>
                            </div>            

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

                                    <div class="col-sm-6">
                                        {# <select id="users" class="form-control select_receive"> #}
                                        <select class="form-control selectpicker" id="users" data-style="btn-default"  data-live-search="true" title='Seleccione' >
                                            <option value="">{{ 'schedule.select_user'|trans([], 'LocalizationBundle') }}</option>
                                            {% for us in users %}
                                                <option value="{{ us.id }}">{{ us.firstname }} {{ us.lastname }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                            </div>
                           
                            <div class="clearfix"></div>
                            <div class="col-md-12">
                                <hr>
                            </div>
                           

                            {#save#}
                            <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.assign_user'|trans([], 'LocalizationBundle') }}">
                                    </div>
                                    <div class="col-sm-6" id="editUserAssign">
                                        <input type="button" id="editDataPatient"
                                               class="btn btn-primary"
                                               value="{{ 'schedule.edit_assign_user'|trans([], 'LocalizationBundle') }}">

                                        <input type="button" id="newdata"
                                               class="btn btn-primary"
                                               value="Nuevo">
                                    </div>
                                </div>
                            </div>
                            {#Fin save #}

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

                                            <label for="style" class="control-label">
                                                <strong>{{ 'schedule.user_assigned'|trans([], 'LocalizationBundle') }}</strong>
                                            </label>
                                            <table class="table">
                                                <tr>
                                                    <td>
                                                        <label for="style" class="control-label">
                                                            <strong>{{ 'schedule.user_assign'|trans([], 'LocalizationBundle') }}s</strong>
                                                        </label>
                                                    </td>
                                                    <td>
                                                        <label for="style" class="control-label">
                                                            <strong>{{ 'schedule.date_init'|trans([], 'LocalizationBundle') }}</strong>
                                                        </label>
                                                    </td>
                                                    <td>
                                                        <label for="style" class="control-label">
                                                            <strong>{{ 'schedule.date_end'|trans([], 'LocalizationBundle') }}</strong>
                                                        </label>
                                                    </td>
                                                    <td>
                                                        <label for="style" class=" control-label">
                                                            <strong>{{ 'schedule.hour_init'|trans([], 'LocalizationBundle') }}</strong>
                                                        </label>
                                                    </td>
                                                    <td>
                                                        <label for="style" class=" control-label">
                                                            <strong>{{ 'schedule.hour_end'|trans([], 'LocalizationBundle') }}</strong>
                                                        </label>
                                                    </td>
                                                    <td>
                                                        <label for="style" class=" control-label">
                                                            <strong>{{ 'schedule.days'|trans([], 'LocalizationBundle') }}</strong>
                                                        </label>
                                                    </td>
                                                    <td>
                                                    </td>
                                                    <td>
                                                    </td>
                                                </tr>
                                                <tbody id="bodyTable">
                                                    
                                                </tbody>
                                            </table>

                                        {% else %}

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


                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-4" style="margin:20px 0 0 0">
                        {% for sch in schedule %}
                            <div id="hid">
                                <input type="hidden" id="dateinitD" value="{{ sch.dateStart }}">
                                <input type="hidden" id="dateendD" value="{{ sch.dateEnd }}">
                                <input type="hidden" id="hourinitD" value="{{ sch.hoursStartD }}">
                                <input type="hidden" id="hourendD" value="{{ sch.hoursEndD }}">
                                <input type="hidden" id="durationD" value="{{ sch.hoursEndD }}">
                            </div>
                            {# Nombre #}

                            <div class="clearfix">
                                <label for="style"><strong
                                            style="text-transform: uppercase;">{{ 'schedule.title_data'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                <hr>
                            </div>

                            {# Nombre #}
                            <label class="col-sm-3"
                                   for="style"><strong>{{ 'schedule.name'|trans([], 'LocalizationBundle') }}</strong>:</label>
                            <label id="nombre" class="col-sm-9" name="style" type="text"
                                   list="stylelist"
                                   title="Name"> {{ sch.name }}</label>
                            <div class="clearfix"></div>
                            {# Fecha inicial #}
                            <label class="col-sm-3"
                                   for="style"><strong>{{ 'schedule.date_init'|trans([], 'LocalizationBundle') }}</strong>:</label>
                            <label id="dateInit" class="col-sm-9" name="style" type="text"
                                   list="stylelist"
                                   title="Date init"> {{ sch.dateStart }}</label>
                            <div class="clearfix"></div>
                            {# Fecha final #}
                            <label class="col-sm-3"
                                   for="style"><strong>{{ 'schedule.date_end'|trans([], 'LocalizationBundle') }}</strong>:</label>
                            <label id="dateEnd" class="col-sm-9" name="style" type="text"
                                   list="stylelist"
                                   title="Date end"> {{ sch.dateEnd }}</label>
                            <div class="clearfix"></div>
                            {# Hora inicial #}
                            <label class="col-sm-3"
                                   for="style"><strong>{{ 'schedule.hour_init'|trans([], 'LocalizationBundle') }}</strong>:</label>
                            <label id="hoursInit" class="col-sm-9" name="style" type="text"
                                   list="stylelist"
                                   title="Hours init"> {{ sch.hoursStart }}</label>
                            <div class="clearfix"></div>
                            {# Hora final #}
                            <label class="col-sm-3"
                                   for="style"><strong>{{ 'schedule.hour_end'|trans([], 'LocalizationBundle') }}</strong>:</label>
                            <label id="hoursEnd" class="col-sm-9" name="style" type="text"
                                   list="stylelist"
                                   title="Hours end"> {{ sch.hoursEnd }}</label>
                            <div class="clearfix"></div>
                            {# Días #}
                            <label class="col-sm-3"
                                   for="style"><strong>{{ 'schedule.days'|trans([], 'LocalizationBundle') }}</strong>:</label>
                            <label id="daysLabel" class="col-sm-9" name="style" type="text"
                                   list="stylelist" title="Days">
                                {% for schD in sch.daysWeek %}
                                    {{ schD }},
                                {% endfor %}
                            </label>

                            <div class="clearfix"></div>
                            {# Salas #}
                            <label class="col-sm-3"
                                   for="style"><strong>{{ 'schedule.rooms'|trans([], 'LocalizationBundle') }}</strong>:</label>
                            <label id="room" class="col-sm-9" name="style" type="text"
                                   list="stylelist"
                                   title="Rooms"> {{ sch.roomName }}</label>
                            <div class="clearfix"></div>
                            {# Salas #}
                            <label class="col-sm-3"
                                   for="style"><strong>{{ 'schedule.duration'|trans([], 'LocalizationBundle') }}</strong>:</label>
                            <label id="duration" class="col-sm-9" name="style" type="text"
                                   list="stylelist"
                                   title="duration"> {{ sch.duration }}</label>
                            <input type="hidden" value="{{ sch.duration }}" id="durationData"/>
                            <div class="clearfix"></div>
                        {% endfor %}
                    </div>

                </div>
            </div>
        </article>
    </section>
    <div class="modal fade" id="fecAusencia" data-backdrop="static" data-keyboard="false" data-show="true">
        <div class="modal-dialog" style="width: 80%" >
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Ausentar usuario</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 text-left">
                        <h4>{{ 'schedule.UserSchedule'|trans([], 'LocalizationBundle') }}</h4>
                    </div>
                    <div class="col-md-12" >
                        <table class="table table-striped table-bordered" id="divTr" width="100%" >
                            <thead>
                                <tr>
                                    <th style="text-align: center;" >
                                        {{ 'schedule.user_assign'|trans([], 'LocalizationBundle') }}                   
                                    </th>
                                    <th style="text-align: center;" >
                                        {{ 'schedule.date_init'|trans([], 'LocalizationBundle') }}
                                    </th>
                                    <th style="text-align: center;" >
                                        {{ 'schedule.date_end'|trans([], 'LocalizationBundle') }}
                                    </th>
                                    <th style="text-align: center;" >
                                        {{ 'schedule.hour_init'|trans([], 'LocalizationBundle') }}
                                    </th>
                                    <th style="text-align: center;" >
                                        {{ 'schedule.hour_end'|trans([], 'LocalizationBundle') }}                            
                                    </th>
                                    <th style="text-align: center;" >
                                        {{ 'schedule.days'|trans([], 'LocalizationBundle') }}
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td id="doc" ></td>
                                    <td id="fec1" ></td>
                                    <td id="fec2" ></td>
                                    <td id="hora1" ></td>
                                    <td id="hora2" ></td>
                                    <td id="dias" ></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>        
                    <div class="col-md-12 text-left">
                        <h4>{{ 'schedule.selectAusentDate'|trans([], 'LocalizationBundle') }}</h4>
                        <input type="text" class="hide" id="focus" />
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="col-md-6">{{ 'schedule.date_init'|trans([], 'LocalizationBundle') }}: (*)</label>
                            <div class="col-sm-6">
                                <input name="fecAusIni" id="fecAusIni" class="form-control datepicker" readonly >
                            </div>
                        </div>
                    </div>
                    {#Fin Date start#}
                    {#Date End#}
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="col-sm-6">{{ 'schedule.date_end'|trans([], 'LocalizationBundle') }}: (*)</label>
                            <div class="col-sm-6">
                                <input name="fecAusEnd" id="fecAusEnd" class="form-control datepicker" readonly >
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-md-12">
                        <hr>
                    </div>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-primary" id="acepta" >Aceptar</a>
                    <a href="#" class="btn btn-primary" id="cancela" >Cancelar</a>
                </div>
            </div>
        </div>
    </div>

{% endblock %}