{% 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>
    <style>
        td {
            white-space: normal !important;
            text-align: center;
        }

    </style>
    <script language="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')}}";


        {# se necesita para porder utilizar los filtros #}
        var url_data='{{ path('sessionDataGrid') }}';
        var url_removeS='{{ path('sessionRemoveData') }}';
        var session_data='';
        var filters='';

        {# para filtrar las salas #}
        var roomD='';
        {% if(app.session.get('mainGrid_room') is defined) %}
        modalityD= '{{ app.session.get('mainGrid_room') }}';
        session_data+='mainGrid_room*';
        {% endif %}
        if(roomD!=''){
            filters += '{"field":"room.roomCode","op":"eq","data":"'+roomD+'"},';
        }

        {# Select de salas #}
        var room=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for roomList in rooms %}
        room+='{{ roomList.roomCode }}'+":"+'{{ roomList.roomName }}';
        {% if loop.index != rooms|length %}
        room+=';';
        {% endif %}
        {% endfor %}



        {# para filtrar las Nombre de la agenda #}
        var nameD='';
        {% if(app.session.get('mainGrid_name') is defined) %}
        nameD= '{{ app.session.get('mainGrid_name') }}';
        session_data+='mainGrid_name*';
        {% endif %}
        if(nameD!=''){
            filters += '{"field":"SheRu.name","op":"eq","data":"'+nameD+'"},';}

        {# Select de Nombre de la agenda #}
        var name=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for nameList in names %}
        name+='{{ nameList.NameShe }}'+":"+'{{ nameList.NameShe }}';
        {% if loop.index != names|length %}
        name+=';';
        {% endif %}
        {% endfor %}


        {# Para filtrar medico asignado #}

        var ProfD='';
        {% if(app.session.get('validateGrid_prof') is defined) %}
        ProfD='{{ app.session.get('validateGrid_prof') }}';
        session_data+='validateGrid_prof*';
        {% endif %}
        if(ProfD!=''){
            filters +='{"field":"us.id","op":"eq","data":"'+ProfD+'"},';
        }

        {# Select del medico asignado #}

        var Prof=':{{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for professional in listradio %}
        Prof+='{{ professional.id }}'+":"+'{{ professional.firstname }} {{ professional.lastname }}';
        {% if loop.index != listradio|length %}
        Prof+=';';
        {% endif %}
        {% endfor %}




        {# para filtrar los Dias de la agenda #}
        var daysD='';
        {% if(app.session.get('mainGrid_days') is defined) %}
        nameD= '{{ app.session.get('mainGrid_days') }}';
        session_data+='mainGrid_days*';
        {% endif %}
        if(nameD!=''){
            filters += '{"field":"SheRu.daysWeek ","op":"eq","data":"'+nameD+'"},';}

        {# Select para dias#}
        var dayl=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for dayList in dayD %}
        {% if(dayList.day!='') %}

        dayl += '{{ dayList.day }}' + ":" + '{{ dayList.day}}';
        {% endif %}
        {% if loop.index != days|length %}
        dayl+=';';
        {% endif %}
        {% endfor %}



        {# Para filtrar fecha inicial#}
        var appointmentD='';
        {% if(app.session.get('mainGrid_date') is defined) %}
        appointmentD='{{ app.session.get('mainGrid_date') }}';
        session_data+='mainGrid_date*';
        {% endif %}
        if(appointmentD!=''){
            filters +='{"field":"SheRu.dateEnd","op":"eq","data":"'+appointmentD+'"},';
        }




        {# Para filtrar fecha final #}
        var appointmentDD='';
        {% if(app.session.get('mainGrid_datend') is defined) %}
        appointmentDD='{{ app.session.get('mainGrid_datend') }}';
        session_data+='mainGrid_datend*';
        {% endif %}
        if(appointmentDD!=''){
            filters +='{"field":"SheRu.dateEnd","op":"eq","data":"'+appointmentDD+'"},';
        }




        {# para filtrar los Dias del medico asignado #}
        var diasM='';
        {% if(app.session.get('mainGrid_days') is defined) %}
        diasM= '{{ app.session.get('mainGrid_days') }}';
        session_data+='mainGrid_days*';
        {% endif %}
        if(diasM!=''){
            filters += '{"field":"SheRu.daysWeek ","op":"eq","data":"'+diasM+'"},';}

        {# Select para dias#}
        var dias=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for dayList in dayD %}
        var diasDay='{{ dayList.day }}';
        if(diasDay!='') {
            dias += '{{ dayList.day }}' + ":" + '{{ dayList.day}}';
        }

        {% if loop.index != days|length %}
        dias+=';';
        {% endif %}
        {% endfor %}



        $(function () {
            console.info(room);
            $('#alert_data').hide();
            $(".userAssing").button({
                icons: {
                    primary: "ui-icon-person"
                }
            })
            ;
            $('#userAssingDialog').dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                },
                modal: true,
                resizable: false,
                closeOnEscape: false,
                open: function (event, ui) {
                    $(".ui-dialog-titlebar-close").hide();
                },
                buttons: {
                    "{{ 'button.close'|trans([], 'LocalizationBundle') }}": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $('#createLockRangeSchedule').dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                },
                modal: true,
                resizable: false,
                closeOnEscape: false,
                open: function (event, ui) {
                    $(".ui-dialog-titlebar-close").hide();
                },
                buttons: {
                    "{{ 'button.close'|trans([], 'LocalizationBundle') }}": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $('#editSchedule').dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                },
                modal: true,
                resizable: false,
                closeOnEscape: false,
                open: function (event, ui) {
                    $(".ui-dialog-titlebar-close").hide();
                },
                buttons: {
                    "{{ 'button.close'|trans([], 'LocalizationBundle') }}": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $('#createNewSchedule').dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                },
                modal: true,
                resizable: false,
                closeOnEscape: false,
                buttons: {
                    "{{ 'button.close'|trans([], 'LocalizationBundle') }}": function () {
                        $(this).dialog("close");
                    }
                }


            });
            $('#confirm').dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                },
                modal: true,
                resizable: false,
                closeOnEscape: false,
                open: function (event, ui) {
                    $(".ui-dialog-titlebar-close").hide();
                }

            });
            $('#createLockSchedule').dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                },
                modal: true,
                resizable: false,
                closeOnEscape: false,
                buttons: {
                    "{{ 'button.close'|trans([], 'LocalizationBundle') }}": function () {
                        $(this).dialog("close");
                    }
                }

            });
            $('#alert_data_error').hide();
            $('#alert_data').hide();
            $('#alert').dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                },
                modal: true,
                resizable: false,
                closeOnEscape: false,
                open: function (event, ui) {
                    $(".ui-dialog-titlebar-close").hide();
                },
                buttons: {
                    OK: function () {
                        $(this).dialog("close");
                    }
                }
            });

            $('#loader').dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                },
                modal: true,
                resizable: false,
                closeOnEscape: false,
                open: function (event, ui) {
                    $(".ui-dialog-titlebar-close").hide();
                }
            });
            // var rooms='{#{{ rooms }}#}';
            var xw = parseInt($(document).width());
            $("#grid").jqGrid({
                url: "{{ path('_grid_schedule_rules_data') }}",
                datatype: 'json',


                colModel: [
                    //sala
                    {name: 'roomCode', index: 'room.roomCode', sortable: false, width: 17, stype:"select", align: 'center', searchoptions:{ clearSearch: false, value:roomD.slice(0, -1), value:room}},
                    //name
                    {name: 'NameShe', index: 'SheRu.name', sortable: false, width: 17, stype:"select", align: 'center', searchoptions:{ clearSearch: false, value:nameD.slice(0, -1), value:name}},
                    //profesional cmabiar
                                {#{name:'lastname', index:'us.id', sortable: false, stype:"select", width:25, align: 'center', searchoptions:{clearSearch: false, value:ProfD.slice(0, -1), value:Prof}},#}

                    {
                        name: 'date_init', index: 'SheRu.dateStart', search: true, width: 14, stype: 'text',
                        formatoptions: {

                            srcformat: 'yy-mm-dd', newformat: 'yy-mm-dd'
                        },
                        sorttype:"date",
                        searchoptions: { clearSearch: false, sopt: ['eq','le','ge'], dataInit: function (elem) {
                            $(elem).datepicker({
                                dateFormat: 'yy-mm-dd',
                                changeYear: true,
                                changeMonth: true,

                            });
                        },defaultValue:appointmentD
                        } },

                    //date_end
                    {name: 'date_end', index: 'SheRu.dateEnd', search: true, width: 14, stype: 'text', formatoptions: {srcformat: 'yy-mm-dd', newformat: 'yy-mm-dd'

                    },
                        sorttype:"date",
                        searchoptions: { clearSearch: false, sopt: ['eq','le','ge'],

                            dataInit: function (elem) {
                                $(elem).datepicker({
                                    dateFormat: 'yy-mm-dd',
                                    changeYear: true,
                                    changeMonth: true,

                                });
                            },defaultValue:appointmentDD
                        } },


                    { name: 'hour_init', index: 'SheRu.hoursStart', width: 15, stype: 'text', searchoptions:{ clearSearch: false, sopt:['eq']}, sortable: true, sorttype:'number' },

                    { name: 'hour_end', index: 'SheRu.hoursEnd', width: 15, stype: 'text', searchoptions:{ clearSearch: false, sopt:['eq']}, sortable: true, sorttype:'number' },

                    {name: 'days', index: 'SheRu.daysWeek', sortable: false, width: 25, stype:"select", align: 'center', searchoptions:{  sopt:['cn'],clearSearch: false, value:dayl.slice(0, -1)}},

                    {name: 'duration', index: 'SheRu.duration', width: 10, stype:"text", searchoptions:{ clearSearch: false, sopt:['eq'] }, sortable: true, sorttype:'number'},


                    {# FECHAS INICIAL 

                    {name: 'st.hourInit', index: 'st.days', sortable: false, width: 25, stype:"select", align: 'center', searchoptions:{ clearSearch: false, value:dias.slice(0, -1)}},

                    { name: 'horaIni', index: 'st.hourInit', width: 15, stype: 'text', searchoptions:{ clearSearch: false, sopt:['eq']}, sortable: true, sorttype:'number' },

                    { name: 'horaFin', index: 'st.hourEnd', width: 15, stype: 'text', searchoptions:{ clearSearch: false, sopt:['eq']}, sortable: true, sorttype:'number' }, 



                    {name: 'status', index: 'SheRu.status', editoptions: {style: "text-transform: uppercase"}, sortable: false, width: 25, align: 'center', search: false},#}
                    {name: 'user', index: 'SheRu.idUserAssing', sortable: false, align: 'center', width: 10, search: false },
                    {name: 'blocked', index: 'SheRu.idScheduleRules', sortable: false, align: 'center', width: 10, search: false },
                    {name: 'user', index: 'SheRu.idScheduleRules', sortable: false, align: 'center', width: 10, search: false}

                ]
                , colNames: [
                    //rooms
                    "{{ 'labels.rooms'|trans([], 'LocalizationBundle') }}",
                    //name
                    "{{ 'labels.name'|trans([], 'LocalizationBundle') }}",
                    //Profesional aca estoy
            {#"{{ 'utilities.professional'|trans([], 'LocalizationBundle') }}",#}
                    //date_init
                    "{{ 'labels.date.dateIni'|trans([], 'LocalizationBundle') }}",
                    //date_end
                    "{{ 'labels.date.dateEnd'|trans([], 'LocalizationBundle') }}",
                    //hour_init
                    "{{ 'labels.time.hourIni'|trans([], 'LocalizationBundle') }}",
                    //hour_end
                    "{{ 'labels.time.hourEnd'|trans([], 'LocalizationBundle') }}",
                    //days
                    "{{ 'labels.date.days'|trans([], 'LocalizationBundle') }}",
                    //duration
                    "{{ 'labels.time.duration'|trans([], 'LocalizationBundle') }}",


                    //days
            {#"{{ 'schedule.days'|trans([], 'LocalizationBundle') }} medico asignado",

                    //hour_init
                    "{{ 'schedule.hour_init'|trans([], 'LocalizationBundle') }}",
                    //hour_end
                    "{{ 'schedule.hour_end'|trans([], 'LocalizationBundle') }}",#}


                    //status
                    {#"{{ 'schedule.status'|trans([], 'LocalizationBundle') }}",#}
                    "{{ 'labels.role.usuario'|trans([], 'LocalizationBundle') }}",
                    //active
                    "{{ 'labels.bloqueos'|trans([], 'LocalizationBundle') }}",
                    //active
                    "{{ 'button.edit'|trans([], 'LocalizationBundle') }}"
                ]
                ,
                rowList: [30, 60, 90],
                rowNum: 30,
                sortname: 'SheRu.dateEnd',
                sortorder: "desc",
                pager: '#pager',
                viewrecords: true,
                shrinkToFit: true,
                height: '100%',
                forceFit: true,
                autowidth: true,
                position: "last",
                caption: '{{ 'menu.schedule.create'|trans([], 'LocalizationBundle') }}',
                toppager: true,
                loadComplete: function (data) {
                    $('.userAssing').click(function () {
                            cit = $(this).attr('name');
                            url_AssignUs1 = url_AssignUs.replace("cit", cit);
                            dialog_d(url_AssignUs1, '#userAssingDialog');
                    });

                    $('.userlocked').click(function () {
                            $('#idScheduleRules').val('');
                            $('#idScheduleRules').val($(this).attr('name'));
                            cit = $(this).attr('name');

                            urlcreateLockSchedule1 = urlcreateLockSchedule.replace("cit", cit);
                            dialog_d(urlcreateLockSchedule1, '#createLockSchedule');

                    });
                    
                    $('.userlockedrange').click(function () {
                            $('#idScheduleRules').val('');
                            $('#idScheduleRules').val($(this).attr('name'));
                            //$('#userAssingDialog').dialog('open');
                            cit = $(this).attr('name');

                            urlcreateLockRange1 = urlcreateLockRange.replace("cit", cit);
                            dialog_d(urlcreateLockRange1, '#createLockRangeSchedule');
                    });
                    //$('.edit').each(function () {
                        $('.edit').click(function () {
                            $('#idScheduleRules').val('');
                            $('#idScheduleRules').val($(this).attr('name'));
                            //$('#userAssingDialog').dialog('open');
                            cit = $(this).attr('name');

                            urlEditSchedule1 = urlEditSchedule.replace("cit", cit);
                            
                            var scheRL = $(this).attr('name');
                            $.ajax({
                                url: UrlCountSchedule,
                                type: 'POST',
                                data: { scheRL: scheRL },
                                success: function( data ){
                                    var obj = JSON.parse(data);
                                    console.info(obj);
                                    if(obj[1] == 0 ){
                                        dialog_d(urlEditSchedule1, '#editSchedule');
                                    }else{
                                        $.blockUI({ css: {
                                            border: 'none',
                                            padding: '15px',
                                            '-webkit-border-radius': '10px',
                                            '-moz-border-radius': '10px',
                                            'border-radius': '10px',

                                        },message:'<h3>{{ 'messages.agenda.ocupada'|trans([], 'LocalizationBundle') }}</h3><br><h4>{{ 'messages.agenda.alertaEdicion'|trans([], 'LocalizationBundle') }}</h4><br><button class="btn btn-danger" id="cerrar" >Cerrar</button>' , baseZ: 99999 });

                                        $('#cerrar').click(function(){
                                            $.unblockUI();
                                        });


                                    }            
                                }
                            })
                            return false;
                            

                        });
                    //});
                    $('.remove').click(function () {
                        //$(this).click(function () {
                        $('#idScheduleRules').val('');
                        $('#idScheduleRules').val($(this).attr('name'));
                        //$('#userAssingDialog').dialog('open');
                        cit = $(this).attr('name');

                        /* urlEditSchedule1 = urlEditSchedule.replace("cit", cit);
                         dialog_d(urlEditSchedule1, '#editSchedule');*/

                        /* $('#alert_data_confirm').html(msjConfirm);
                         $('#confirm').dialog('option','buttons', [
                         {
                         text: 'OK',
                         click: function () {
                         $(this).dialog("close");
                         $('#loader').dialog('open');
                         removeSchedule(cit);
                         }
                         },
                         {
                         text: cancel,
                         click: function () {
                         $(this).dialog("close");
                         }
                         }
                         ] );
                         $('#confirm').dialog('open');*/

                        //});

                        var scheRL = $(this).attr('name');
                        $.ajax({
                            url: UrlCountSchedule,
                            type: 'POST',
                            data: { scheRL: scheRL },
                            success: function( data ){
                                var obj = JSON.parse(data);
                                console.info(obj);
                                if(obj[1] == 0 ){

                                    $.blockUI({
                                        css: {
                                            border: 'none',
                                            padding: '15px',
                                            backgroundColor: 'transparent',
                                            '-webkit-border-radius': '10px',
                                            '-moz-border-radius': '10px',
                                            color: '#fff'

                                        },
                                        message: '<div class="alert alert-danger" role="alert" style="font-size: 20px">'+msjConfirm+'<br><input type="button" id="acepta" class="btn btn-danger" value="'+acepta+'"><input type="button" id="close" class="btn btn-danger" value="'+cancel+'"></div>',
                                        baseZ: 99999
                                    });

                                    $('#acepta').click(function () {
                                        $.blockUI({
                                            css: {
                                                border: 'none',
                                                padding: '15px',
                                                '-webkit-border-radius': '10px',
                                                '-moz-border-radius': '10px'

                                            },
                                            message: '<div ><h3><img style="width: 40px; border: none;" src="' + loader + '"/>'+wait+'... </h3> </div>'
                                        });
                                        removeSchedule(cit);
                                    });

                                    $('#close').click(function () {
                                        setTimeout($.unblockUI, 1);
                                    });

                                }else{
                                    $.blockUI({ css: {
                                        border: 'none',
                                        padding: '15px',
                                        '-webkit-border-radius': '10px',
                                        '-moz-border-radius': '10px',
                                        'border-radius': '10px',

                                    },message:'<h3>{{ 'messages.agenda.ocupada'|trans([], 'LocalizationBundle') }}</h3><br><h4>{{ 'messages.agenda.alertaEdicion'|trans([], 'LocalizationBundle') }}</h4><br><button class="btn btn-danger" id="cerrar" >Cerrar</button>' , baseZ: 99999 });

                                    $('#cerrar').click(function(){
                                        $.unblockUI();
                                    });


                                }
                            }
                        })

                    });
                }
            });
            var table_selector = "#grid";
            var pager_selector = "#pager";
            $(table_selector).jqGrid('navGrid', pager_selector, {
                cloneToTop: true,
                edit: false,
                add: false,
                del: false,
                search: true,
                refresh: true,
                view: false
            }, {}, {}, {}, {multipleSearch: true});

            $(table_selector).jqGrid('navSeparatorAdd', table_selector + '_toppager', {
                sepclass: 'ui-separator',
                sepcontent: '',
                position: 'last'
            });

            $(table_selector).jqGrid('navButtonAdd', table_selector + '_toppager', {
                caption: '  +  ' + titleCreateNewSchedule,
                buttonicon: 'ui-icon ',
                onClickButton: function () {

                    dialog_d(urlcreateSchedule, '#createNewSchedule');

                },
                position: 'last',
                title: titleCreateNewSchedule
            });

            jQuery("#grid").jqGrid('setFrozenColumns');
            $('#gs_appointmentDate1').datepicker();

            jQuery("#grid").jqGrid('filterToolbar', {
                searchOperators: false,
                stringResult: true,
                searchOnEnter: false,
                searchfield: true,
                autosearch: true,
                disabledClear: true
            });
            $("#grid").jqGrid('setLabel', 'Name', '', {'text-align': 'right'});
            $('#grid').setGridParam({datatype: 'json', url: '{{ path('_grid_schedule_rules_data') }}'});
            $('#grid')[0].triggerToolbar();



            $('#gs_date_init').change(function (dateText, inst) {
                setSession(url_data,'adendumGrid','date', $('#gs_date_init').val());
                setTimeout(function () {
                    $('#grid')[0].triggerToolbar();
                }, 100);
            });
            

            $('#gs_date_end').change(function (dateText, inst) {
                setSession(url_data,'adendumGrid','date', $('#gs_date_end').val());
                setTimeout(function () {
                    $('#grid')[0].triggerToolbar();
                }, 100);
            });
            

            $('#gs_hour_init').change(function(){
                setSession(url_data,'adendumGrid','hour_init', $(this).val());
            });

            $('#gs_hour_init').change(function(){
                setSession(url_data,'adendumGrid','hour_init', $(this).val());
            });


            $('#gs_horaIni').change(function(){
                setSession(url_data,'adendumGrid','horaIni', $(this).val());
            });

            $('#gs_horaFin').change(function(){
                setSession(url_data,'adendumGrid','horaFin', $(this).val());
            });


            $('#gs_duration').change(function(){
                setSession(url_data,'adendumGrid','duration', $(this).val());
            });

            $('#gs_gs_NameShe').change(function(){
                setSession(url_data,'adendumGrid','NameShe', $(this).val());
            });

            setInterval('refresh()', parseInt({{ refresh_timer }}) * 2000);



        });




        /**
         * función de eliminar agenda
         * @param id_schedule_rules
         */
        function removeSchedule(id_schedule_rules) {
            $("#rooms").removeAttr("disabled");
            $.ajax({
                url: UrlRemoveSchedule,
                type: "POST",
                data: {
                    'name': '',
                    'date_init': '',
                    'date_end': '',
                    'hour_init': '',
                    'hour_end': '',
                    'days': '',
                    'modalities': '',
                    'rooms': '',
                    'duration': '',
                    'status': 1,
                    'id_schedule_rules': id_schedule_rules
                },
                success: function (resp) {
                    $('#loader').dialog('close');

                    var jsonResp = JSON.parse(resp);
                    console.info(jsonResp);

                    /*$('#alert_data_error').hide();
                    $('#alert_data').empty();
                    $('#alert_data').show();
                    $('#alert_data').html(jsonResp);
                    $('#alert').dialog('open');
                    setTimeout(
                            function () {
                                $('#alert').dialog('close');
                                window.parent.refresh();
                            }, 2000);*/
                    $.blockUI({
                        css: {
                            border: 'none',
                            padding: '15px',
                            backgroundColor: 'transparent',
                            '-webkit-border-radius': '10px',
                            '-moz-border-radius': '10px',
                            color: '#fff'

                        },
                        message: '<div class="alert alert-success" role="alert" style="font-size: 20px">'+jsonResp+'</div>',
                    baseZ: 99999
                    });    
                    
                    setTimeout(function () {
                        location.reload();
                    }, 2500);                    
                },
                onFailure: function () {
                    
                    $.blockUI({
                        css: {
                            border: 'none',
                            padding: '15px',
                            backgroundColor: 'transparent',
                            '-webkit-border-radius': '10px',
                            '-moz-border-radius': '10px',
                            color: '#fff'

                        },
                        message: '<div class="alert alert-danger" role="alert" style="font-size: 20px">'+errorAjax+'</div>',
                    baseZ: 99999
                    }); 
                    setTimeout($.unblockUI, 2000);
                }
            });

        }

        function dialog_d(ids, ident) {
            $(ident).empty();
            $(ident).append(
                    $("<iframe frameborder='0' id='iframe_detail' marginwidth='0' marginheight='0' width='100%' height='100%' allowfullscreen />")
                            .attr("src", ids)).dialog("option", {
                        width: $(window).width() - 100,
                        height: Math.floor($(window).height() * 70 / 100),
                        position: {
                            my: "center",
                            at: "center",
                            of: window
                        }
                    }).dialog("open");
                    //$.blockUI({ message: $(ident) });

        }

        function refresh() {
            $('#grid').trigger("reloadGrid", [{current: true}]);

        }
        function RemoveSessions(url, fields) {
            $.ajax({
                url: url,
                type: "POST",
                data: {
                    'fields': fields
                },
                success: function (resp) { //Limpia el cuerpo de la tabla para incluir la nueva información
                    var jsonResp = JSON.parse(resp);
                    console.log(jsonResp);
                    location.reload();
                },
                onFailure: function () {
                    //alert('Se ha producido un error');
                }
            });
        }
        function setSession(url, grid, field, value) {
            $.ajax({
                url: url,
                type: "POST",
                data: {
                    'grid': grid,
                    'field': field,
                    'value': value
                },
                success: function (resp) { //Limpia el cuerpo de la tabla para incluir la nueva información
                    var jsonResp = JSON.parse(resp);
                    console.info(jsonResp);
                },
                onFailure: function () {
                    //alert('Se ha producido un error');
                }
            });
        }

    </script>

{% endblock %}

{% block content %}

    <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 %}