{% extends '::base.html.twig' %}

{% block dashboard %}
    <style>
        .double-scroll {
            width: 100%;
            margin-bottom: 40px;
        }

        /* pager wrapper, div */
        .pager {
            padding-left: 0;
            margin: 0;
            text-align: left;
            list-style: none;
        }

        /* pager wrapper, in thead/tfoot */
        td.pager {
            background-color: #e6eeee;
        }

        /* pager navigation arrows */
        .pager img {
            vertical-align: middle;
            margin-right: 2px;
        }

        /* pager output text */
        .pager .pagedisplay {
            font-size: 14px;
            font-weight: bold;
            padding: 0 5px 0 5px;
            width: 50px;
            text-align: center;
        }

        /*** loading ajax indeterminate progress indicator ***/
        #tablesorterPagerLoading {
            background: rgba(255, 255, 255, 0.8) url(icons/loading.gif) center center no-repeat;
            position: absolute;
            z-index: 1000;
        }

        /*** css used when "updateArrows" option is true ***/
        /* the pager itself gets a disabled class when the number of rows is less than the size */
        .pager.disabled {
            display: none;
        }

        /* hide or fade out pager arrows when the first or last row is visible */
        .pager img.disabled {
            /* visibility: hidden */
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

        .tablesorter-pager select {
            margin: 0;
            padding: 0;
            width: 50px;
        }

        .wrapper {
            padding-bottom: 50px;
        }

        .header {
            background: #000000;
        }

        .header .container {
            padding-bottom: 20px;
        }

        .header .container h1 {
            color: #FFF;
            line-height: 50px;
            margin-top: 30px;
            margin-bottom: 0;
        }

        .header .container h3 {
            color: #E0E0E0;
            font-size: 16px;
            margin-top: -5px;
        }

        .header .container h3 a {
            color: #66aacc;
        }

        .header .container h3 a:hover {
            color: #b3d5e6;
        }

        .top-menu {
            position: absolute;
            z-index: 9999;
        }

        .top-menu .nav-list {
            background: rgba(255, 255, 255, 0.8);
            border: 1px solid #CCC;
            margin: 20px;
            position: fixed;
            right: 0;
        }

        pre, .well {
            background: #FFFFFF;
        }

        .syntax-container {
            background: #FCFCFC;
            -webkit-border-radius: 7px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 7px;
            -moz-background-clip: padding;
            border-radius: 7px;
            background-clip: padding-box;
            border: 1px solid #e3e3e3;
            margin-bottom: 30px;
            padding-bottom: 20px;
        }

        .isloading-wrapper.isloading-right {
            margin-left: 10px;
        }

        .isloading-overlay {
            position: relative;
            text-align: center;
        }

        .isloading-overlay .isloading-wrapper {
            background: #FFFFFF;
            -webkit-border-radius: 7px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 7px;
            -moz-background-clip: padding;
            border-radius: 7px;
            background-clip: padding-box;
            display: inline-block;
            margin: 0 auto;
            padding: 10px 20px;
            top: 10%;
            z-index: 9000;
        }

        /*Glyphicon Spinner*/
        .glyphicon-spin {
            -animation: spin .9s infinite linear;
            -webkit-animation: spin2 .9s infinite linear;
        }

        @-webkit-keyframes spin2 {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes spin {
            from {
                transform: scale(1) rotate(0deg);
            }
            to {
                transform: scale(1) rotate(360deg);
            }
        }

        #menuTop {
            margin-top: 30px;
        }

        body {
             /*margin-top: 80px;*/
        }

        h1 {
            font-size: 36px;
        }

    
        /*color de cabecera de tabla*/
        .tablesorter-header-inner, table.tablesorter thead tr th, .tablesorter-filter {
            color: #fff;
            background-color: #307aba;
            border-color: #dedede;
            font-weight: normal;
        }

        table.tablesorter thead tr th {

            height: 40px;
        }

        .tablesorter-blue .headerSortUp, .tablesorter-blue .tablesorter-headerSortUp, .tablesorter-blue .tablesorter-headerAsc {
            background-color: #307aba;
        }

        .tablesorter-blue .headerSortDown, .tablesorter-blue .tablesorter-headerSortDown, .tablesorter-blue .tablesorter-headerDesc {
            background-color: #307aba;
        }

        .tablesorter-blue .tablesorter-filter-row td {
            background: #307aba;
        }

        input[type="search"] {
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

    </style>
    <link rel="stylesheet" href="{{ asset('datatables/css/dataTables.bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{ asset('datatables/css/buttons.bootstrap.min.css')}}">    
    <script src="{{ asset('js/jquery.form.js') }}"></script>
    <script src="{{ asset('js/jquery.isloading.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.doubleScroll.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/tableExport.js') }}"></script>
    <script src="{{ asset('js/jquery.base64.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/multiselect.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/jquery.confirm.js') }}"></script>    
    <script>
        $(function(){
            $("#timeZoneUser").select2();
            $("#countryUser").select2();
            $("#Country").select2();
            $("#TimeZone").select2();
            $('.muestra_generate').hide();
            $(".activar_user").hide();
            $('#undo_redo_crear').multiselect();
            $('#undo_redo_editar').multiselect();
            $('#undo_redo_groups_crear').multiselect();
            $('#undo_redo_groups_editar').multiselect();
            $("#muestra_totales").hide();
            $("#muestra_totales_ambiente").hide();            
            $(".muestra_crear_usuario").hide();
            $(".get-list").change(function(e) {
                $("#ambiente option").remove();
                var data_select_refresh = $(this).attr('data');
                var data_act = $(this).attr('data-act');
                var campo_filtrar = $(this).attr('data-campo-filtro');  
                var campo_mostrar = $(this).attr('data-campo-mostrar'); 
                var data = {
                    valor_filtro : $(this).val(),
                    campo_filtrar : campo_filtrar,
                    campo_mostrar : campo_mostrar,
                };
                $("."+data_act+" option").remove();
                $("."+data_act).append('<option value="TODOS">-- All --</option>');
                if ($(this).val()!='TODOS'){
                    $.getJSON("{{path('licencias_llenarSelect')}}", data, function (data){
                        var registros = data.registros;
                        for (var i = 0; i < registros.length; i++){
                            $("#"+data_select_refresh).append('<option value="' + registros[i]['valor'] + '">' + registros[i]['nombre'] + '</option>');
                        }
                    });
                }
            });  

            $(".get-list-ambiente").change(function(e) {
                var cu = $('#cu').val();
                var pais = $('#pais').val();
                var area = $(this).val();
                var data = {
                    cu : cu,
                    pais : pais,
                    area : area,
                };   
                $("#ambiente option").remove();
                //$("#ambiente").append('<option value="TODOS">-- All --</option>');             
                if ($(this).val()!='TODOS'){

                    $.getJSON("{{path('licencias_llenarAmbiente')}}", data, function (data){
                        var registros = data.registros;
                        for (var i = 0; i < registros.length; i++){
                            $("#ambiente").append('<option value="' + registros[i]['valor'] + '">' + registros[i]['nombre'] + '</option>');
                        }
                        $('.muestra_generate').show();
                    });
                }
            });             

            $("#generar").click(function(){  
                var ambiente = $("#ambiente").val(); 
                console.log(ambiente);
                if (ambiente!='' && ambiente!=null){ 
                    getReporte();
                }else{
                    swal("Error!", "Environment Required", "error");
                }
            });

            $("#guardar").click(function(){
                data = {};
                data['idAppenate'] = $('#idAppenate').val(); 
                data['companyId'] = $('#companyId').val(); 
                data['key'] = $('#key').val(); 
                data['email'] = $('#emailUser').val();
                data['firstName'] = $('#firstNameUser').val();
                data['lastName'] = $('#lastNameUser').val();
                data['country'] = $('#countryUser').val();
                data['timeZone'] = $('#timeZoneUser').val();
                var folders = '';
                $("#undo_redo_editar_to option").each(function(){
                   folders+= '"'+$(this).attr('value')+'",';
                });
                data['folders'] = folders;
                var groups = '';
                $("#undo_redo_groups_editar_to option").each(function(){
                   groups+= '"'+$(this).attr('value')+'",';
                });
                data['groups'] = groups;
                $.getJSON('{{ path('licencias_getUpdateUser') }}',data,function(data){
                    if (data.respuesta=='Not Ok'){
                        $.isLoading('hide');
                        swal("Error!", data.msj, "error"); 
                    }else{
                        $.isLoading('hide');
                        swal("Modified User!", "Ok!", "success");
                        getReporte();
                        $("#modalDetail").modal('hide');
                    } 
                }).fail(function(){
                    $.isLoading('hide');
                });  
            });

            $(".remove").confirm({
                title:"Remove Confirmation",
                text:"You must make sure that this user does not have pending reports saved on your device because if he deletes it, all files will be lost and cannot be recovered.",
                confirm: function(button) {
                    data = {};
                    data['idAppenate'] = $('#idAppenate').val(); 
                    data['companyId'] = $('#companyId').val(); 
                    data['key'] = $('#key').val();
                    $.isLoading({text: "Removing User..."});
                    $.getJSON('{{ path('licencias_getRemoveUser') }}',data,function(data){
                        swal("Removed User!", "Ok!", "success");
                        getReporte();
                        $("#modalDetail").modal('hide');
                        $.isLoading('hide');
                    }).fail(function(){
                       $.isLoading('hide');
                    });  
                },
                cancel: function(button) {
                    return false;
                },
                confirmButton: "Yes, I'm sure",
                cancelButton: "No"
            });

            $("#activar").click(function(){
                data = {};
                data['idAppenate'] = $('#idAppenate').val(); 
                data['companyId'] = $('#companyId').val(); 
                data['key'] = $('#key').val(); 
                data['status'] = "Invited"; 
                $.isLoading({text: "Loading"});
                $.getJSON('{{ path('licencias_getActivarDesactivarUser') }}',data,function(data){
                    if (data.respuesta=='Not Ok'){
                        $.isLoading('hide');
                        swal("Error!", data.msj, "error"); 
                    }else{
                        $.isLoading('hide');
                        swal("Modified User!", "Ok!", "success");
                        getReporte();
                        $("#modalDetail").modal('hide');
                    } 
                }).fail(function(){
                    $.isLoading('hide');
                });  
            });

            $("#desactivar").confirm({
                title:"Inactive Confirmation",
                text:"You must make sure that this user does not have pending reports saved on your device because if he deletes it, all files will be lost and cannot be recovered.",
                confirm: function(button) {
                    data = {};
                    data['idAppenate'] = $('#idAppenate').val(); 
                    data['companyId'] = $('#companyId').val(); 
                    data['key'] = $('#key').val(); 
                    data['status'] = "Inactive"; 
                    $.isLoading({text: "Loading"});
                    $.getJSON('{{ path('licencias_getActivarDesactivarUser') }}',data,function(data){
                        if (data.respuesta=='Not Ok'){
                            $.isLoading('hide');
                            swal("Error!", data.msj, "error"); 
                        }else{
                            $.isLoading('hide');
                            swal("Modified User!", "Ok!", "success");
                            getReporte();
                            $("#modalDetail").modal('hide');
                        } 
                    }).fail(function(){
                        $.isLoading('hide');
                    });
                },
                cancel: function(button) {
                    return false;
                },
                confirmButton: "Yes, I'm sure",
                cancelButton: "No"
            });

            $("#crear").click(function(){
                $('#s2id_Country option:selected').removeAttr('selected');
                $('#s2id_TimeZone option:selected').removeAttr('selected');
                $("#s2id_Country .select2-chosen").text('');
                $("#s2id_TimeZone .select2-chosen").text('');
                //folders
                $("#undo_redo_crear_to option").each(function(){
                    $("#undo_redo_crear").append('<option value="'+$(this).attr('value')+'">'+$(this).text()+'</option>');
                });
                $("#undo_redo_crear_to option").remove();
                //groups
                $("#undo_redo_groups_crear_to option").each(function(){
                    $("#undo_redo_groups_crear").append('<option value="'+$(this).attr('value')+'">'+$(this).text()+'</option>');
                });
                $("#undo_redo_groups_crear_to option").remove();
                $(".crear_usuario").val('');
                $("#companyIdUser").val($("#companyId").val());
                $("#keydUser").val($("#key").val());
                $("#createUser").modal();
            });  

            $("#resetPass").confirm({
                title:"Reset Password Confirmation",
                text:"Are you sure you want to reset the password?",
                confirm: function(button) {
                    $("#passCompanyIdUser").val($("#companyId").val());
                    $("#passKeydUser").val($("#key").val());
                    $("#idAppenatePass").val($("#idAppenate").val());
                    $("#passFirtsName").val($("#firstNameUser").val());
                    $("#passLastName").val($("#lastNameUser").val());    
                    $("#passEmail").val($("#emailUser").val()); 
                    data = {};
                    data['idAppenate'] = $('#idAppenate').val(); 
                    data['companyId'] = $('#companyId').val(); 
                    data['key'] = $('#key').val(); 
                    $.isLoading({text: "Loading"});
                    $.getJSON('{{ path('licencias_passUsuario') }}',data,function(data){
                        if (data.respuesta=='Not Ok'){
                            $.isLoading('hide');
                            swal("Error!", data.msj, "error"); 
                        }else{
                            $.isLoading('hide');
                            swal("Reset Password!", "Ok!", "success");
                            getReporte();
                        } 
                    }).fail(function(){
                        $.isLoading('hide');
                    });
                },
                cancel: function(button) {
                    return false;
                },
                confirmButton: "Yes, I'm sure",
                cancelButton: "No"
            });                    
             
            $('form[name="formCreateUser"]').ajaxForm({
                beforeSubmit: function (formData, jqForm, options) {
                    $.isLoading({
                        text: "Creating User"
                    });                    
                },
                error: function (error) {
                    $.isLoading('hide');
                },
                success: function (data) {
                    if (data.respuesta=='Not Ok'){
                        $.isLoading('hide');
                        swal("Error!", data.msj, "error"); 
                    }else{
                        $.isLoading('hide');
                        swal("The User Was Created!", "Ok!", "success");
                        getReporte();
                        $("#createUser").modal('hide');   
                    }           
                }
            });
            //VALIDACION PESTANAS
            $(".activar_activos").click(function(){ 
                if ($("#total_activos").val()>0){
                    var name_ambiente = $("#ambiente_name").val();
                    $(".pager_activos").show();
                    var pagerOptions1 = {
                        container: $(".pager_activos"),
                        output: 'Rows '+name_ambiente+' : {endRow}',
                        fixedHeight: false,
                        removeRows: true,
                        cssGoto: '.gotoPage'
                    };                    
                    $(".table1").tablesorter({
                        theme: 'blue',
                        widgets: ["zebra", "filter"],
                        widgetOptions: {
                            filter_cssFilter: '',
                            filter_childRows: false,
                            filter_hideFilters: false,
                            filter_ignoreCase: true,
                            filter_reset: '.reset',
                            filter_saveFilters: true
                        }
                    }).tablesorterPager(pagerOptions1);
                    $(".pager").show();
                }else{
                    $(".pager_activos").hide();
                }
            });
            $(".activar_inactivos").click(function(){
                if ($("#total_inactivos").val()>0){
                    var name_ambiente = $("#ambiente_name").val();
                    $(".pager_inactivos").show();
                    var pagerOptions2 = {
                        container: $(".pager_inactivos"),
                        output: 'Rows '+name_ambiente+' : {endRow}',
                        fixedHeight: false,
                        removeRows: true,
                        cssGoto: '.gotoPage'
                    };                    
                    $(".table2").tablesorter({
                        theme: 'blue',
                        widgets: ["zebra", "filter"],
                        widgetOptions: {
                            filter_cssFilter: '',
                            filter_childRows: false,
                            filter_hideFilters: false,
                            filter_ignoreCase: true,
                            filter_reset: '.reset',
                            filter_saveFilters: true
                        }
                    }).tablesorterPager(pagerOptions2); 
                    $(".pager").show();
                }else{
                    $(".pager_inactivos").hide();
                }
            });
            
        });
        function getReporte(){
            data = {};
            data['idApiLicence'] = $('#ambiente').val();  
            $("#crear").hide();
            $.isLoading({text: "Loading..."});
            $.getJSON('{{ path('licencias_getUser') }}',data,function(data){                
                //
                $(".table1").remove();
                $(".table2").remove();
                $(".pager").hide();
                $(".activar_user").show();
                $("#reporte_activos").empty();
                $("#reporte_inactivos").empty();
                //
                var monitor_activos = data.monitor_activos;
                var monitor_inactivos = data.monitor_inactivos;
                var flag = true;
                var folders = data.folders;
                var groups = data.groups;
                var name_ambiente = data.ambiente_name;
                var crear = data.crear;
                if (crear==1){
                    $("#crear").show();
                }
                $("#ambiente_name").val(data.ambiente_name);
                $("#total_name_ambiente").val(data.ambiente_name);
                $("#total_activos").val(monitor_activos.length);
                $("#total_inactivos").val(monitor_inactivos.length);
               
                //INACTIVOS
                if(monitor_inactivos.length == 0){
                    $(".pager_inactivos").hide();
                    $("#reporte_inactivos").empty();
                    $("#reporte_inactivos").append('<div class="alert alert-warning text-center" role="alert">NO USERS</div>');
                    $("#inicio").show();
                }else{                                      
                    var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
                    $("#reporte_inactivos").empty().append(createTable(monitor_inactivos,undefined,undefined,objectType,'table2'));
                    $('.double-scroll').doubleScroll();
                    var pagerOptions2 = {
                        container: $(".pager_inactivos"),
                        output: 'Rows '+name_ambiente+' : {endRow}',
                        fixedHeight: false,
                        removeRows: true,
                        cssGoto: '.gotoPage'
                    };                    
                    $(".table2").tablesorter({
                        theme: 'blue',
                        widgets: ["zebra", "filter"],
                        widgetOptions: {
                            filter_cssFilter: '',
                            filter_childRows: false,
                            filter_hideFilters: false,
                            filter_ignoreCase: true,
                            filter_reset: '.reset',
                            filter_saveFilters: true
                        }
                    }).tablesorterPager(pagerOptions2); 
                    $(".pager").show();
                }
                 //ACTIVOS
                if(monitor_activos.length == 0){
                    $(".pager_activos").hide();
                    $("#reporte_activos").empty();
                    $("#reporte_activos").append('<div class="alert alert-warning text-center" role="alert">NO USERS</div>');
                    $("#inicio").show();
                }else{                                      
                    var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
                    $("#reporte_activos").empty().append(createTable(monitor_activos,undefined,undefined,objectType,'table1'));
                    $('.double-scroll').doubleScroll();
                    var pagerOptions = {
                        container: $('.pager_activos'),
                        output: 'Rows '+name_ambiente+' : {endRow}',
                        fixedHeight: false,
                        removeRows: true,
                        cssGoto: '.gotoPage',
                    };
                    $('.table1').tablesorter({
                     theme: 'blue',
                     widgets: ['zebra', 'filter'],
                     widgetOptions: {
                         filter_cssFilter: '',
                         filter_childRows: false,
                         filter_hideFilters: false,
                         filter_ignoreCase: true,
                         filter_reset: '.reset',
                         filter_saveFilters: true,
                     },
                    }).tablesorterPager(pagerOptions);
                    $(".pager").show();
                }
                if (monitor_activos.length>0 || monitor_inactivos.length>0){
                   $("#muestra_totales").show(); 
                   $("#muestra_totales_ambiente").show();                    
                }
                $("#undo_redo_crear option").remove();
                $("#undo_redo_crear_to option").remove();
                $.each(folders, function(key, value) {                    
                    $("#undo_redo_crear").append('<option value="'+value.idFolder+'">'+value.name+'</option>');
                }); 
                $("#undo_redo_groups_crear option").remove();
                $("#undo_redo_groups_crear_to option").remove();
                $.each(groups, function(key, value) {                    
                    $("#undo_redo_groups_crear").append('<option value="'+value.idGroup+'">'+value.name+'</option>');
                });
                $("#total_licencias").text(parseInt(data.total_licencias));
                $("#total_activas").text(parseInt(data.total_activas));
                $("#total_inactivas").text(parseInt(data.total_inactivas));
                $("#total_disponible").text(parseInt(data.total_disponible));
                $("#ambiente_id").val(data.ambiente_id);
                $("#total_activas_ambiente").text(parseInt(data.total_activas_ambiente));
                $("#total_inactivas_ambiente").text(parseInt(data.total_inactivas_ambiente));
                if (data.total_disponible<=0){
                    $(".muestra_crear_usuario").hide();
                }else{
                    $(".muestra_crear_usuario").show();
                }
                $("#companyId").val(data.company_Id);
                $("#key").val(data.key);  
                $("#name_cu").text(''); 
                $(".name_cu").text('');                  
                //console.log(data.area_name);
                if (data.area_name=="BUILD"){
                    var dataCuCuenta = data.area_name;
                    var dataCuTitulo = 'TOTALS: '+data.area_name; 
                }else{
                    var dataCuCuenta = data.name_cu+'-'+data.area_name; 
                    var dataCuTitulo = 'TOTALS REGION / CU: '+data.name_cu+'-'+data.area_name;     
                }            
                $("#name_cu").text(dataCuTitulo); 
                $(".name_cu").text(dataCuCuenta); 
                $('.pager').show();
                $('#inicio').show();
                $('#autoload').attr('disabled', false);


                $.isLoading('hide');
            }).fail(function(){
                $.isLoading('hide');
            });  
        }
        function createTable(monitor,total,nombreColTotal,type,idTable){
            var header = Object.keys(monitor[0]);
            var headerType = Object.keys(type);
            var table = '<table  class="table table-bordered table-hover table-striped table-responsive '+idTable+'"> <thead>' +
                        '<tr class="btn-info">';

            for (var j = 0; j < header.length; j++) {
                table += '<th class=\'text-center\'>' + header[j] + '</th>';
                
            }

            table += '</tr></thead>';

            for (var i = 0; i < monitor.length; i++) {
                table += '<tr id=\'' + monitor[i][header[0]] + '\'>';

                for (var j = 0; j < header.length; j++) {
                    var clases = '';                    
                    table += "<td "+clases+">" + monitor[i][header[j]]  + "</td>";   
                }

                table += '</tr>';
                if (typeof total !== 'undefined') {
                    if (i == monitor.length - 1) {
                        var headerTotal = Object.keys(total);
                        table += '<tr><td>' + nombreColTotal + '</td>';
                        for (var x = 0; x < headerTotal.length; x++) {
                            table += '<td>';
                            table += total[headerTotal[x]];
                            table += '</td>';
                        }
                        table += '</tr>';
                    }
                }
            }
            table += '</table>';
            return table;
        }
        function detalle(id,email){
            $("#title-detail").text('Detail: '+email+' - '+$("#ambiente_name").val());
            data = {};
            data['idAppenate'] = id; 
            data['email'] = email; 
            $("#undo_redo_editar").remove('option'); 
            $("#undo_redo_editar_to").remove('option'); 
            $.isLoading({text: "Loading"});
            $.getJSON('{{ path('licencias_getDetalle') }}',data,function(data){
                if (data.data_api!='Not Ok'){
                    var data_user = data.data_api.User;
                    var data_userDb = data.data_user;
                    if (data_userDb.status!='Inactive'){
                        $(".botones_activos").show();
                        $(".botones_inactivos").hide();
                    }else{
                        $(".botones_activos").hide();
                        $(".botones_inactivos").show();
                    }
                    $("#idAppenate").val(data_userDb.idAppenate);
                    $("#companyId").val(data_userDb.companyId);
                    $("#key").val(data_userDb.key);
                    $("#emailUser").val(data_user.Email);
                    $("#firstNameUser").val(data_user.FirstName);
                    $("#lastNameUser").val(data_user.LastName);
                    $("#statusUser").text(data_user.Status);
                    $("#lastUpdatedUser").text(data_user.LastUpdated.substring(0, 19));
                    $("#lastActivityUser").text(data_user.LastActivity.substring(0, 19));
                    var folders = data.folders;
                    var foldersUser = [];
                    foldersUser = data.data_api.User.Folders?data.data_api.User.Folders:[];
                    $("#undo_redo_editar option").remove();
                    $("#undo_redo_editar_to option").remove();
                    $.each(folders, function(key, value) {
                        if ($.inArray(value.idFolder, foldersUser)!=-1){
                            $("#undo_redo_editar_to").append('<option value="'+value.idFolder+'">'+value.name+'</option>');
                        }else{
                            $("#undo_redo_editar").append('<option value="'+value.idFolder+'">'+value.name+'</option>');
                        }
                    });  
                    var groups = data.groups;
                    var groupsUser = [];
                    groupsUser = data.data_api.User.Groups?data.data_api.User.Groups:[];
                    $("#undo_redo_groups_editar option").remove();
                    $("#undo_redo_groups_editar_to option").remove();
                    $.each(groups, function(key, value) {
                        if ($.inArray(value.idGroup, groupsUser)!=-1){
                            $("#undo_redo_groups_editar_to").append('<option value="'+value.idGroup+'">'+value.name+'</option>');
                        }else{
                            $("#undo_redo_groups_editar").append('<option value="'+value.idGroup+'">'+value.name+'</option>');
                        }
                    });  
                    var devicesUser = data.data_api.User.UserDevices?data.data_api.User.UserDevices:[];
                    $('#tableDevices .detailTableDevices'). remove();
                    $.each(devicesUser, function(key, value) {
                        $("#tableDevices").append('<tr class="detailTableDevices"><td>'+value.Hardware+'</td><td>'+value.OS+'</td><td>'+value.OSVersion+'</td><td>'+value.AppVersion+'</td></tr>');
                    });
                    var locationUser = data.data_user_location?data.data_user_location:[];
                    $('#tableLocation .detailTableLocation'). remove();
                    $.each(locationUser, function(key, value) {
                        $("#tableLocation").append('<tr class="detailTableLocation"><td>'+value.date+'</td><td>'+value.latitude+'</td><td>'+value.longitude+'</td></tr>');
                    }); 
                    $('#countryUser option:selected').removeAttr('selected');
                    var countryUser = data.data_api.User.Country?data.data_api.User.Country:'';
                    if (countryUser){
                        $("#countryUser > option").each(function() {
                            if (this.value==countryUser){
                                $(this).attr('selected',true);
                                $("#s2id_countryUser .select2-chosen").text(this.text);
                            }
                        });
                    }
                    $('#timeZoneUser option:selected').removeAttr('selected');
                    var timeZoneUser = data.data_api.User.TimeZone?data.data_api.User.TimeZone:'';
                    if (timeZoneUser){
                        $("#timeZoneUser > option").each(function() {
                            if (this.value==timeZoneUser){
                                $(this).attr('selected',true);
                                $("#s2id_timeZoneUser .select2-chosen").text(this.text);
                            }
                        });
                    }
                    $("#modalDetail").modal();
                }else{
                    swal("Error","OK","error"); 
                }
                $.isLoading('hide');
            })
        }
        function ExportExcel(type) {
          $("#tipo_exportar").val(type);
          $("#ambiente_exportar").val($("#ambiente_id").val());  
          $("#area_exportar").val($("#area").val());        
          console.log('area',$("#area").val());    
          document.forms['formulario_filtros'].action="{{path('licencias_ExportExcel')}}";
          document.forms['formulario_filtros'].submit();
        } 
    </script>
    <div class ="container-fluid" id="info">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 text-center m-b-2" >
                <h1>Appenate Users</h1>
            </div>
        </div>
    </div>
    <br>
    <div class="container-fluid" bg-primary>
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title"><a data-toggle="collapse" href="#collapse1">Filters <span class="caret"></span></a></h3>
            </div>
            <div id="collapse1" class="panel-collapse collapse in">
                <div id="panelFilter" class="panel-body">
                    <div class="row">
                        <div id="div_cu" class="col-md-3 col-sm-3 col-xs-12">
                            <div class="form-group">
                                <label>REGION / CU: </label>
                                <select class="form-control get-list" 
                                    id="cu" name="cu" 
                                    data='pais'
                                    data-act='refresh_pais' data-campo-filtro='cu' 
                                    data-campo-mostrar='pais'>
                                    <option value="TODOS">-- All -- </option>
                                    {%for cu in cus %}
                                        <option value="{{cu.valor}}">{{cu.nombre}}</option>
                                    {%endfor%}
                                </select>
                            </div>
                        </div>
                        <div id="div_country" class="col-md-3 col-sm-3 col-xs-12">
                            <div class="form-group">
                                <label>COUNTRY: </label>
                                <select class="form-control get-list refresh_pais" id="pais" name="pais"
                                    data='area'
                                    data-act='refresh_area' data-campo-filtro='pais' 
                                    data-campo-mostrar='area'>
                                    <option value="TODOS">-- All --</option>
                                </select>
                            </div>
                        </div>
                        <div id="div_area" class="col-md-3 col-sm-3 col-xs-12">
                            <div class="form-group">
                                <label>AREA: </label>
                                <select class="form-control get-list-ambiente refresh_pais refresh_area" id="area" name="area">
                                    <option value="TODOS">-- All --</option>
                                </select>
                            </div>
                        </div>
                        <div id="div_ambiente" class="col-md-3 col-sm-3 col-xs-12">
                            <div class="form-group">
                                <label>ENVIRONMENT: </label>
                                <select class="form-control get-list-users" id="ambiente" name="ambiente">
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row muestra_generate">
                        <div class="col-md-4 col-sm-3 col-xs-12"></div>
                        <div class="col-md-3 col-sm-3 col-xs-12">
                            <label class="control-label"></label>
                            <button class="btn btn-primary form-control btn-sm" id="generar">{{'ticketDetail.boton.generar' | trans}}</button>
                        </div>
                        <div class="col-md-4 col-sm-3 col-xs-12"></div>
                    </div>
                </div>
            </div>
            <!--TOTALES-->
        </div>
    </div>
    <section class="content" id="muestra_totales">
        <h1 class="text-center"><span id="name_cu"></span></h1>
        <div class="row">
            <div class="col-lg-3 col-xs-6">
              <div class="small-box bg-aqua">
                <div class="inner">
                  <h3 id="total_licencias"></h3>
                  <p>Number of Licenses <span class="name_cu"></span></p>
                </div>
                <div class="icon">
                  <i class="ion ion-ios-people-outline"></i>
                </div>
                <!--<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>-->
              </div>
            </div>
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-green">
                <div class="inner">
                  <h3 id="total_disponible"></h3>
                  <p>Available Licenses <span class="name_cu"></span></p>
                </div>
                <div class="icon">
                  <i class="ion ion-person-add"></i>
                </div>
                <!--<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>-->
              </div>
            </div>
            <div class="col-lg-3 col-xs-6">
              <div class="small-box bg-yellow">
                <div class="inner">
                  <h3 id="total_activas"></h3>
                  <p>Active Users <span class="name_cu"></span></p>
                </div>
                <div class="icon">
                  <i class="ion ion-person"></i>
                </div>
                <!--<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>-->
              </div>
            </div>
            <div class="col-lg-3 col-xs-6">
              <div class="small-box bg-red">
                <div class="inner">
                  <h3 id="total_inactivas"></h3>
                  <p>Inactive Users <span class="name_cu"></span></p>
                </div>
                <div class="icon">
                  <i class="ion ion-close"></i>
                </div>
                <!--<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>-->
              </div>
            </div>
        </div>


    </section>
    <!--<section class="content" id="muestra_totales_ambiente">
        <h1 class="text-center">TOTALS ENVIRONMENT: <span id="total_name_ambiente"></span></h1>
        <div class="row">
            <div class="col-lg-3 col-xs-6">
             
            </div>            
            <div class="col-lg-3" style="width: 15%; height: 35%;">
              <div class="small-box bg-yellow">
                <div class="inner">
                  <h3 id="total_activas_ambiente"></h3>
                  <p>Active Users</p>
                </div>
                <div class="icon">
                  <i class="ion ion-person"></i>
                </div>
              </div>
            </div>
            <div class="col-lg-3" style="width: 15%; height: 35%;">
              <div class="small-box bg-red">
                <div class="inner">
                  <h3 id="total_inactivas_ambiente"></h3>
                  <p>Inactive Users</p>
                </div>
                <div class="icon">
                  <i class="ion ion-close"></i>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-xs-6">
             
            </div>
        </div>        
    </section>-->
    <div class="container-fluid" id="inicio">
        <div class="tab-content" style="margin-top: 20px;">
            <input type="hidden" name="ambiente_name" id="ambiente_name">
            <input type="hidden" id="companyId">
            <input type="hidden" id="key">  
            {% if is_granted('ROLE_USER_APPENATE_ADMIN') %}          
                <div class="row muestra_crear_usuario">
                    <div class="col-md-10"></div>
                    <div class="col-md-2">
                         <button type="button" id="crear" class="btn btn-success" style="width: 100%">Create User</button>
                    </div>
                </div>
            {% endif %}
            <br>
            <div id="_summary" class="tab-pane fade in active">
                <div class="row activar_user">                    
                    <input type="hidden" id="total_activos" name="total_activos">
                    <input type="hidden" id="total_inactivos" name="total_inactivos">
                    <div class="btn-group pull-right" role="group" aria-label="..." style="margin-right: 50px;text-align: end;">
                        <form id="formulario_filtros" onsubmit="return false;">
                            <input type="hidden" name="ambiente_exportar" id="ambiente_exportar">
                            <input type="hidden" name="tipo_exportar" id="tipo_exportar">
                            <input type="hidden" name="area_exportar" id="area_exportar">
                        </form>
                        <a class="dt-button" tabindex="0" id="excel" href="javascript:ExportExcel('AMBIENTE')">
                        <img src={{ asset("images/xls.png")}} width="24px"> XLS ENVIRONMENT
                        </a><br><br>
                        <a class="dt-button" tabindex="0" id="excel" href="javascript:ExportExcel('TOTAL')">
                        <img src={{ asset("images/xls.png")}} width="24px"> XLS COUNTRY
                        </a><br><br>
                        <a class="dt-button" tabindex="0" id="excel" href="javascript:ExportExcel('CONTABLE')">
                        <img src={{ asset("images/xls.png")}} width="24px"> XLS COUNT OF LICENSES REGION/CU
                        </a>
                    </div>
                </div> 
                <ul class="nav nav-pills nav-justified activar_user">
                    <li class="active mainTab activar_activos">
                        <a data-toggle="tab" href="#tab_activos"><strong>User Actives</strong></a>
                    </li>
                    <li class="mainTab activar_inactivos">
                        <a data-toggle="tab" href="#tab_inactivos"><strong>User Inactives</strong></a>
                    </li>
                </ul>
                <div class="tab-content activar_user" style="margin-top: 20px;">  
                    <div id="tab_activos" class="tab-pane active"> 
                        <div class="pager pager_activos">
                            <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                            <span class="pagedisplay"></span>
                        </div>                        
                        <div class="row double-scroll" id="reporte_activos">

                        </div>                        
                    </div>
                    <div id="tab_inactivos" class="tab-pane fade">
                        <div class="pager pager_inactivos">
                            <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                            <span class="pagedisplay"></span>
                        </div>   
                        <div class="row double-scroll" id="reporte_inactivos">

                        </div>
                    </div>
                </div>
                <div id="pager" class="pager pager_activos pager_inactivos" style="display: none;text-align: center; ">
                    <form>
                        <img src="{{asset('tablesorter-master/addons/pager/icons/first.png')}}" class="first"/>
                        <img src="{{asset('tablesorter-master/addons/pager/icons/prev.png')}}" class="prev"/>

                        <img src="{{asset('tablesorter-master/addons/pager/icons/next.png')}}" class="next"/>
                        <img src="{{asset('tablesorter-master/addons/pager/icons/last.png')}}" class="last"/>
                        <span class="pagedisplay"></span>
                        <select class="pagesize" title="Select page size">
                            <option selected="selected" value="1000">1000</option>
                            <option  value="500">500</option>
                            <option  value="100">100</option>

                        </select>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Detail User-->
    <div class="modal fade" id="modalDetail" role="dialog">
        <div class="modal-dialog modal-lg" style="width: 1200px">        
          <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title" id="title-detail"></h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-7">
                       <div class="row">
                            <h2>Basic Details</h2>
                       </div>
                       <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Email: </label>
                                    <input type="text" class="form-control" name="emailUser" id="emailUser" style="width: 100%">
                                </div>
                            </div>
                       </div>
                       <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>First Name: </label>
                                    <input type="text" class="form-control" name="firstNameUser" id="firstNameUser" style="width: 100%">
                                </div>
                            </div>
                       </div>
                       <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Last Name: </label>
                                    <input type="text" class="form-control" name="lastNameUser" id="lastNameUser" style="width: 100%">
                                </div>
                            </div>
                       </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Country: </label>
                                    <select required name="countryUser" id="countryUser" style="width: 100%">
                                        <option value="AF">Afghanistan</option>
                                        <option value="AX">Åland Islands</option>
                                        <option value="AL">Albania</option>
                                        <option value="DZ">Algeria</option>
                                        <option value="AS">American Samoa</option>
                                        <option value="AD">Andorra</option>
                                        <option value="AO">Angola</option>
                                        <option value="AI">Anguilla</option>
                                        <option value="AQ">Antarctica</option>
                                        <option value="AG">Antigua and Barbuda</option>
                                        <option value="AR">Argentina</option>
                                        <option value="AM">Armenia</option>
                                        <option value="AW">Aruba</option>
                                        <option value="AU">Australia</option>
                                        <option value="AT">Austria</option>
                                        <option value="AZ">Azerbaijan</option>
                                        <option value="BS">Bahamas</option>
                                        <option value="BH">Bahrain</option>
                                        <option value="BD">Bangladesh</option>
                                        <option value="BB">Barbados</option>
                                        <option value="BY">Belarus</option>
                                        <option value="BE">Belgium</option>
                                        <option value="BZ">Belize</option>
                                        <option value="BJ">Benin</option>
                                        <option value="BM">Bermuda</option>
                                        <option value="BT">Bhutan</option>
                                        <option value="BO">Bolivia, Plurinational State of</option>
                                        <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                        <option value="BA">Bosnia and Herzegovina</option>
                                        <option value="BW">Botswana</option>
                                        <option value="BV">Bouvet Island</option>
                                        <option value="BR">Brazil</option>
                                        <option value="IO">British Indian Ocean Territory</option>
                                        <option value="BN">Brunei Darussalam</option>
                                        <option value="BG">Bulgaria</option>
                                        <option value="BF">Burkina Faso</option>
                                        <option value="BI">Burundi</option>
                                        <option value="KH">Cambodia</option>
                                        <option value="CM">Cameroon</option>
                                        <option value="CA">Canada</option>
                                        <option value="CV">Cape Verde</option>
                                        <option value="KY">Cayman Islands</option>
                                        <option value="CF">Central African Republic</option>
                                        <option value="TD">Chad</option>
                                        <option value="CL">Chile</option>
                                        <option value="CN">China</option>
                                        <option value="CX">Christmas Island</option>
                                        <option value="CC">Cocos (Keeling) Islands</option>
                                        <option value="CO">Colombia</option>
                                        <option value="KM">Comoros</option>
                                        <option value="CG">Congo</option>
                                        <option value="CD">Congo, the Democratic Republic of the</option>
                                        <option value="CK">Cook Islands</option>
                                        <option value="CR">Costa Rica</option>
                                        <option value="CI">Côte d'Ivoire</option>
                                        <option value="HR">Croatia</option>
                                        <option value="CU">Cuba</option>
                                        <option value="CW">Curaçao</option>
                                        <option value="CY">Cyprus</option>
                                        <option value="CZ">Czech Republic</option>
                                        <option value="DK">Denmark</option>
                                        <option value="DJ">Djibouti</option>
                                        <option value="DM">Dominica</option>
                                        <option value="DO">Dominican Republic</option>
                                        <option value="EC">Ecuador</option>
                                        <option value="EG">Egypt</option>
                                        <option value="SV">El Salvador</option>
                                        <option value="GQ">Equatorial Guinea</option>
                                        <option value="ER">Eritrea</option>
                                        <option value="EE">Estonia</option>
                                        <option value="ET">Ethiopia</option>
                                        <option value="FK">Falkland Islands (Malvinas)</option>
                                        <option value="FO">Faroe Islands</option>
                                        <option value="FJ">Fiji</option>
                                        <option value="FI">Finland</option>
                                        <option value="FR">France</option>
                                        <option value="GF">French Guiana</option>
                                        <option value="PF">French Polynesia</option>
                                        <option value="TF">French Southern Territories</option>
                                        <option value="GA">Gabon</option>
                                        <option value="GM">Gambia</option>
                                        <option value="GE">Georgia</option>
                                        <option value="DE">Germany</option>
                                        <option value="GH">Ghana</option>
                                        <option value="GI">Gibraltar</option>
                                        <option value="GR">Greece</option>
                                        <option value="GL">Greenland</option>
                                        <option value="GD">Grenada</option>
                                        <option value="GP">Guadeloupe</option>
                                        <option value="GU">Guam</option>
                                        <option value="GT">Guatemala</option>
                                        <option value="GG">Guernsey</option>
                                        <option value="GN">Guinea</option>
                                        <option value="GW">Guinea-Bissau</option>
                                        <option value="GY">Guyana</option>
                                        <option value="HT">Haiti</option>
                                        <option value="HM">Heard Island and McDonald Mcdonald Islands</option>
                                        <option value="VA">Holy See (Vatican City State)</option>
                                        <option value="HN">Honduras</option>
                                        <option value="HK">Hong Kong</option>
                                        <option value="HU">Hungary</option>
                                        <option value="IS">Iceland</option>
                                        <option value="IN">India</option>
                                        <option value="ID">Indonesia</option>
                                        <option value="IR">Iran, Islamic Republic of</option>
                                        <option value="IQ">Iraq</option>
                                        <option value="IE">Ireland</option>
                                        <option value="IM">Isle of Man</option>
                                        <option value="IL">Israel</option>
                                        <option value="IT">Italy</option>
                                        <option value="JM">Jamaica</option>
                                        <option value="JP">Japan</option>
                                        <option value="JE">Jersey</option>
                                        <option value="JO">Jordan</option>
                                        <option value="KZ">Kazakhstan</option>
                                        <option value="KE">Kenya</option>
                                        <option value="KI">Kiribati</option>
                                        <option value="KP">Korea, Democratic People's Republic of</option>
                                        <option value="KR">Korea, Republic of</option>
                                        <option value="KW">Kuwait</option>
                                        <option value="KG">Kyrgyzstan</option>
                                        <option value="LA">Lao People's Democratic Republic</option>
                                        <option value="LV">Latvia</option>
                                        <option value="LB">Lebanon</option>
                                        <option value="LS">Lesotho</option>
                                        <option value="LR">Liberia</option>
                                        <option value="LY">Libya</option>
                                        <option value="LI">Liechtenstein</option>
                                        <option value="LT">Lithuania</option>
                                        <option value="LU">Luxembourg</option>
                                        <option value="MO">Macao</option>
                                        <option value="MK">Macedonia, the Former Yugoslav Republic of</option>
                                        <option value="MG">Madagascar</option>
                                        <option value="MW">Malawi</option>
                                        <option value="MY">Malaysia</option>
                                        <option value="MV">Maldives</option>
                                        <option value="ML">Mali</option>
                                        <option value="MT">Malta</option>
                                        <option value="MH">Marshall Islands</option>
                                        <option value="MQ">Martinique</option>
                                        <option value="MR">Mauritania</option>
                                        <option value="MU">Mauritius</option>
                                        <option value="YT">Mayotte</option>
                                        <option selected="selected" value="MX">Mexico</option>
                                        <option value="FM">Micronesia, Federated States of</option>
                                        <option value="MD">Moldova, Republic of</option>
                                        <option value="MC">Monaco</option>
                                        <option value="MN">Mongolia</option>
                                        <option value="ME">Montenegro</option>
                                        <option value="MS">Montserrat</option>
                                        <option value="MA">Morocco</option>
                                        <option value="MZ">Mozambique</option>
                                        <option value="MM">Myanmar</option>
                                        <option value="NA">Namibia</option>
                                        <option value="NR">Nauru</option>
                                        <option value="NP">Nepal</option>
                                        <option value="NL">Netherlands</option>
                                        <option value="NC">New Caledonia</option>
                                        <option value="NZ">New Zealand</option>
                                        <option value="NI">Nicaragua</option>
                                        <option value="NE">Niger</option>
                                        <option value="NG">Nigeria</option>
                                        <option value="NU">Niue</option>
                                        <option value="NF">Norfolk Island</option>
                                        <option value="MP">Northern Mariana Islands</option>
                                        <option value="NO">Norway</option>
                                        <option value="OM">Oman</option>
                                        <option value="PK">Pakistan</option>
                                        <option value="PW">Palau</option>
                                        <option value="PS">Palestine, State of</option>
                                        <option value="PA">Panama</option>
                                        <option value="PG">Papua New Guinea</option>
                                        <option value="PY">Paraguay</option>
                                        <option value="PE">Peru</option>
                                        <option value="PH">Philippines</option>
                                        <option value="PN">Pitcairn</option>
                                        <option value="PL">Poland</option>
                                        <option value="PT">Portugal</option>
                                        <option value="PR">Puerto Rico</option>
                                        <option value="QA">Qatar</option>
                                        <option value="RE">Réunion</option>
                                        <option value="RO">Romania</option>
                                        <option value="RU">Russian Federation</option>
                                        <option value="RW">Rwanda</option>
                                        <option value="BL">Saint Barthélemy</option>
                                        <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                        <option value="KN">Saint Kitts and Nevis</option>
                                        <option value="LC">Saint Lucia</option>
                                        <option value="MF">Saint Martin (French part)</option>
                                        <option value="PM">Saint Pierre and Miquelon</option>
                                        <option value="VC">Saint Vincent and the Grenadines</option>
                                        <option value="WS">Samoa</option>
                                        <option value="SM">San Marino</option>
                                        <option value="ST">Sao Tome and Principe</option>
                                        <option value="SA">Saudi Arabia</option>
                                        <option value="SN">Senegal</option>
                                        <option value="RS">Serbia</option>
                                        <option value="SC">Seychelles</option>
                                        <option value="SL">Sierra Leone</option>
                                        <option value="SG">Singapore</option>
                                        <option value="SX">Sint Maarten (Dutch part)</option>
                                        <option value="SK">Slovakia</option>
                                        <option value="SI">Slovenia</option>
                                        <option value="SB">Solomon Islands</option>
                                        <option value="SO">Somalia</option>
                                        <option value="ZA">South Africa</option>
                                        <option value="GS">South Georgia and the South Sandwich Islands</option>
                                        <option value="SS">South Sudan</option>
                                        <option value="ES">Spain</option>
                                        <option value="LK">Sri Lanka</option>
                                        <option value="SD">Sudan</option>
                                        <option value="SR">Suriname</option>
                                        <option value="SJ">Svalbard and Jan Mayen</option>
                                        <option value="SZ">Swaziland</option>
                                        <option value="SE">Sweden</option>
                                        <option value="CH">Switzerland</option>
                                        <option value="SY">Syrian Arab Republic</option>
                                        <option value="TW">Taiwan, Province of China</option>
                                        <option value="TJ">Tajikistan</option>
                                        <option value="TZ">Tanzania, United Republic of</option>
                                        <option value="TH">Thailand</option>
                                        <option value="TL">Timor-Leste</option>
                                        <option value="TG">Togo</option>
                                        <option value="TK">Tokelau</option>
                                        <option value="TO">Tonga</option>
                                        <option value="TT">Trinidad and Tobago</option>
                                        <option value="TN">Tunisia</option>
                                        <option value="TR">Turkey</option>
                                        <option value="TM">Turkmenistan</option>
                                        <option value="TC">Turks and Caicos Islands</option>
                                        <option value="TV">Tuvalu</option>
                                        <option value="UG">Uganda</option>
                                        <option value="UA">Ukraine</option>
                                        <option value="AE">United Arab Emirates</option>
                                        <option value="GB">United Kingdom</option>
                                        <option value="US">United States</option>
                                        <option value="UM">United States Minor Outlying Islands</option>
                                        <option value="UY">Uruguay</option>
                                        <option value="UZ">Uzbekistan</option>
                                        <option value="VU">Vanuatu</option>
                                        <option value="VE">Venezuela, Bolivarian Republic of</option>
                                        <option value="VN">Viet Nam</option>
                                        <option value="VG">Virgin Islands, British</option>
                                        <option value="VI">Virgin Islands, U.S.</option>
                                        <option value="WF">Wallis and Futuna</option>
                                        <option value="EH">Western Sahara</option>
                                        <option value="YE">Yemen</option>
                                        <option value="ZM">Zambia</option>
                                        <option value="ZW">Zimbabwe</option>
                                    </select>
                                </div>
                            </div>
                       </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Time Zone: </label>   
                                    <select required name="timeZoneUser" id="timeZoneUser" style="width: 100%">
                                        <option value="Dateline Standard Time">(UTC-12:00) International Date Line West</option>
                                        <option value="UTC-11">(UTC-11:00) Coordinated Universal Time-11</option>
                                        <option value="Aleutian Standard Time">(UTC-10:00) Aleutian Islands</option>
                                        <option value="Hawaiian Standard Time">(UTC-10:00) Hawaii</option>
                                        <option value="Marquesas Standard Time">(UTC-09:30) Marquesas Islands</option>
                                        <option value="Alaskan Standard Time">(UTC-09:00) Alaska</option>
                                        <option value="UTC-09">(UTC-09:00) Coordinated Universal Time-09</option>
                                        <option value="Pacific Standard Time (Mexico)">(UTC-08:00) Baja California</option>
                                        <option value="UTC-08">(UTC-08:00) Coordinated Universal Time-08</option>
                                        <option value="Pacific Standard Time">(UTC-08:00) Pacific Time (US &amp; Canada)</option>
                                        <option value="US Mountain Standard Time">(UTC-07:00) Arizona</option>
                                        <option value="Mountain Standard Time (Mexico)">(UTC-07:00) Chihuahua, La Paz, Mazatlan</option>
                                        <option value="Mountain Standard Time">(UTC-07:00) Mountain Time (US &amp; Canada)</option>
                                        <option value="Yukon Standard Time">(UTC-07:00) Yukon</option>
                                        <option value="Central America Standard Time">(UTC-06:00) Central America</option>
                                        <option value="Central Standard Time">(UTC-06:00) Central Time (US &amp; Canada)</option>
                                        <option value="Easter Island Standard Time">(UTC-06:00) Easter Island (Daylight Savings Time: +1 Hour)</option>
                                        <option value="Central Standard Time (Mexico)">(UTC-06:00) Guadalajara, Mexico City, Monterrey</option>
                                        <option value="Canada Central Standard Time">(UTC-06:00) Saskatchewan</option>
                                        <option selected="selected" value="SA Pacific Standard Time">(UTC-05:00) Bogota, Lima, Quito, Rio Branco</option>
                                        <option value="Eastern Standard Time (Mexico)">(UTC-05:00) Chetumal</option>
                                        <option value="Eastern Standard Time">(UTC-05:00) Eastern Time (US &amp; Canada)</option>
                                        <option value="Haiti Standard Time">(UTC-05:00) Haiti</option>
                                        <option value="Cuba Standard Time">(UTC-05:00) Havana</option>
                                        <option value="US Eastern Standard Time">(UTC-05:00) Indiana (East)</option>
                                        <option value="Turks And Caicos Standard Time">(UTC-05:00) Turks and Caicos</option>
                                        <option value="Paraguay Standard Time">(UTC-04:00) Asuncion (Daylight Savings Time: +1 Hour)</option>
                                        <option value="Atlantic Standard Time">(UTC-04:00) Atlantic Time (Canada)</option>
                                        <option value="Venezuela Standard Time">(UTC-04:00) Caracas</option>
                                        <option value="Central Brazilian Standard Time">(UTC-04:00) Cuiaba</option>
                                        <option value="SA Western Standard Time">(UTC-04:00) Georgetown, La Paz, Manaus, San Juan</option>
                                        <option value="Pacific SA Standard Time">(UTC-04:00) Santiago (Daylight Savings Time: +1 Hour)</option>
                                        <option value="Newfoundland Standard Time">(UTC-03:30) Newfoundland</option>
                                        <option value="Tocantins Standard Time">(UTC-03:00) Araguaina</option>
                                        <option value="E. South America Standard Time">(UTC-03:00) Brasilia</option>
                                        <option value="SA Eastern Standard Time">(UTC-03:00) Cayenne, Fortaleza</option>
                                        <option value="Argentina Standard Time">(UTC-03:00) City of Buenos Aires</option>
                                        <option value="Greenland Standard Time">(UTC-03:00) Greenland</option>
                                        <option value="Montevideo Standard Time">(UTC-03:00) Montevideo</option>
                                        <option value="Magallanes Standard Time">(UTC-03:00) Punta Arenas</option>
                                        <option value="Saint Pierre Standard Time">(UTC-03:00) Saint Pierre and Miquelon</option>
                                        <option value="Bahia Standard Time">(UTC-03:00) Salvador</option>
                                        <option value="UTC-02">(UTC-02:00) Coordinated Universal Time-02</option>
                                        <option value="Mid-Atlantic Standard Time">(UTC-02:00) Mid-Atlantic - Old</option>
                                        <option value="Azores Standard Time">(UTC-01:00) Azores</option>
                                        <option value="Cape Verde Standard Time">(UTC-01:00) Cabo Verde Is.</option>
                                        <option value="UTC">(UTC) Coordinated Universal Time</option>
                                        <option value="GMT Standard Time">(UTC+00:00) Dublin, Edinburgh, Lisbon, London</option>
                                        <option value="Greenwich Standard Time">(UTC+00:00) Monrovia, Reykjavik</option>
                                        <option value="Sao Tome Standard Time">(UTC+00:00) Sao Tome</option>
                                        <option value="Morocco Standard Time">(UTC+01:00) Casablanca (Daylight Savings Time: +1 Hour)</option>
                                        <option value="W. Europe Standard Time">(UTC+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna</option>
                                        <option value="Central Europe Standard Time">(UTC+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague</option>
                                        <option value="Romance Standard Time">(UTC+01:00) Brussels, Copenhagen, Madrid, Paris</option>
                                        <option value="Central European Standard Time">(UTC+01:00) Sarajevo, Skopje, Warsaw, Zagreb</option>
                                        <option value="W. Central Africa Standard Time">(UTC+01:00) West Central Africa</option>
                                        <option value="Jordan Standard Time">(UTC+02:00) Amman</option>
                                        <option value="GTB Standard Time">(UTC+02:00) Athens, Bucharest</option>
                                        <option value="Middle East Standard Time">(UTC+02:00) Beirut</option>
                                        <option value="Egypt Standard Time">(UTC+02:00) Cairo</option>
                                        <option value="E. Europe Standard Time">(UTC+02:00) Chisinau</option>
                                        <option value="Syria Standard Time">(UTC+02:00) Damascus</option>
                                        <option value="West Bank Standard Time">(UTC+02:00) Gaza, Hebron</option>
                                        <option value="South Africa Standard Time">(UTC+02:00) Harare, Pretoria</option>
                                        <option value="FLE Standard Time">(UTC+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius</option>
                                        <option value="Israel Standard Time">(UTC+02:00) Jerusalem</option>
                                        <option value="South Sudan Standard Time">(UTC+02:00) Juba</option>
                                        <option value="Kaliningrad Standard Time">(UTC+02:00) Kaliningrad</option>
                                        <option value="Sudan Standard Time">(UTC+02:00) Khartoum</option>
                                        <option value="Libya Standard Time">(UTC+02:00) Tripoli</option>
                                        <option value="Namibia Standard Time">(UTC+02:00) Windhoek</option>
                                        <option value="Arabic Standard Time">(UTC+03:00) Baghdad</option>
                                        <option value="Turkey Standard Time">(UTC+03:00) Istanbul</option>
                                        <option value="Arab Standard Time">(UTC+03:00) Kuwait, Riyadh</option>
                                        <option value="Belarus Standard Time">(UTC+03:00) Minsk</option>
                                        <option value="Russian Standard Time">(UTC+03:00) Moscow, St. Petersburg</option>
                                        <option value="E. Africa Standard Time">(UTC+03:00) Nairobi</option>
                                        <option value="Volgograd Standard Time">(UTC+03:00) Volgograd</option>
                                        <option value="Iran Standard Time">(UTC+03:30) Tehran</option>
                                        <option value="Arabian Standard Time">(UTC+04:00) Abu Dhabi, Muscat</option>
                                        <option value="Astrakhan Standard Time">(UTC+04:00) Astrakhan, Ulyanovsk</option>
                                        <option value="Azerbaijan Standard Time">(UTC+04:00) Baku</option>
                                        <option value="Russia Time Zone 3">(UTC+04:00) Izhevsk, Samara</option>
                                        <option value="Mauritius Standard Time">(UTC+04:00) Port Louis</option>
                                        <option value="Saratov Standard Time">(UTC+04:00) Saratov</option>
                                        <option value="Georgian Standard Time">(UTC+04:00) Tbilisi</option>
                                        <option value="Caucasus Standard Time">(UTC+04:00) Yerevan</option>
                                        <option value="Afghanistan Standard Time">(UTC+04:30) Kabul</option>
                                        <option value="West Asia Standard Time">(UTC+05:00) Ashgabat, Tashkent</option>
                                        <option value="Ekaterinburg Standard Time">(UTC+05:00) Ekaterinburg</option>
                                        <option value="Pakistan Standard Time">(UTC+05:00) Islamabad, Karachi</option>
                                        <option value="Qyzylorda Standard Time">(UTC+05:00) Qyzylorda</option>
                                        <option value="India Standard Time">(UTC+05:30) Chennai, Kolkata, Mumbai, New Delhi</option>
                                        <option value="Sri Lanka Standard Time">(UTC+05:30) Sri Jayawardenepura</option>
                                        <option value="Nepal Standard Time">(UTC+05:45) Kathmandu</option>
                                        <option value="Central Asia Standard Time">(UTC+06:00) Astana</option>
                                        <option value="Bangladesh Standard Time">(UTC+06:00) Dhaka</option>
                                        <option value="Omsk Standard Time">(UTC+06:00) Omsk</option>
                                        <option value="Myanmar Standard Time">(UTC+06:30) Yangon (Rangoon)</option>
                                        <option value="SE Asia Standard Time">(UTC+07:00) Bangkok, Hanoi, Jakarta</option>
                                        <option value="Altai Standard Time">(UTC+07:00) Barnaul, Gorno-Altaysk</option>
                                        <option value="W. Mongolia Standard Time">(UTC+07:00) Hovd</option>
                                        <option value="North Asia Standard Time">(UTC+07:00) Krasnoyarsk</option>
                                        <option value="N. Central Asia Standard Time">(UTC+07:00) Novosibirsk</option>
                                        <option value="Tomsk Standard Time">(UTC+07:00) Tomsk</option>
                                        <option value="China Standard Time">(UTC+08:00) Beijing, Chongqing, Hong Kong, Urumqi</option>
                                        <option value="North Asia East Standard Time">(UTC+08:00) Irkutsk</option>
                                        <option value="Singapore Standard Time">(UTC+08:00) Kuala Lumpur, Singapore</option>
                                        <option value="W. Australia Standard Time">(UTC+08:00) Perth</option>
                                        <option value="Taipei Standard Time">(UTC+08:00) Taipei</option>
                                        <option value="Ulaanbaatar Standard Time">(UTC+08:00) Ulaanbaatar</option>
                                        <option value="Aus Central W. Standard Time">(UTC+08:45) Eucla</option>
                                        <option value="Transbaikal Standard Time">(UTC+09:00) Chita</option>
                                        <option value="Tokyo Standard Time">(UTC+09:00) Osaka, Sapporo, Tokyo</option>
                                        <option value="North Korea Standard Time">(UTC+09:00) Pyongyang</option>
                                        <option value="Korea Standard Time">(UTC+09:00) Seoul</option>
                                        <option value="Yakutsk Standard Time">(UTC+09:00) Yakutsk</option>
                                        <option value="Cen. Australia Standard Time">(UTC+09:30) Adelaide (Daylight Savings Time: +1 Hour)</option>
                                        <option value="AUS Central Standard Time">(UTC+09:30) Darwin</option>
                                        <option value="E. Australia Standard Time">(UTC+10:00) Brisbane</option>
                                        <option value="AUS Eastern Standard Time">(UTC+10:00) Canberra, Melbourne, Sydney (Daylight Savings Time: +1 Hour)</option>
                                        <option value="West Pacific Standard Time">(UTC+10:00) Guam, Port Moresby</option>
                                        <option value="Tasmania Standard Time">(UTC+10:00) Hobart (Daylight Savings Time: +1 Hour)</option>
                                        <option value="Vladivostok Standard Time">(UTC+10:00) Vladivostok</option>
                                        <option value="Lord Howe Standard Time">(UTC+10:30) Lord Howe Island (Daylight Savings Time: +0 Hour)</option>
                                        <option value="Bougainville Standard Time">(UTC+11:00) Bougainville Island</option>
                                        <option value="Russia Time Zone 10">(UTC+11:00) Chokurdakh</option>
                                        <option value="Magadan Standard Time">(UTC+11:00) Magadan</option>
                                        <option value="Norfolk Standard Time">(UTC+11:00) Norfolk Island (Daylight Savings Time: +1 Hour)</option>
                                        <option value="Sakhalin Standard Time">(UTC+11:00) Sakhalin</option>
                                        <option value="Central Pacific Standard Time">(UTC+11:00) Solomon Is., New Caledonia</option>
                                        <option value="Russia Time Zone 11">(UTC+12:00) Anadyr, Petropavlovsk-Kamchatsky</option>
                                        <option value="New Zealand Standard Time">(UTC+12:00) Auckland, Wellington (Daylight Savings Time: +1 Hour)</option>
                                        <option value="UTC+12">(UTC+12:00) Coordinated Universal Time+12</option>
                                        <option value="Fiji Standard Time">(UTC+12:00) Fiji</option>
                                        <option value="Kamchatka Standard Time">(UTC+12:00) Petropavlovsk-Kamchatsky - Old</option>
                                        <option value="Chatham Islands Standard Time">(UTC+12:45) Chatham Islands (Daylight Savings Time: +1 Hour)</option>
                                        <option value="UTC+13">(UTC+13:00) Coordinated Universal Time+13</option>
                                        <option value="Tonga Standard Time">(UTC+13:00) Nuku'alofa</option>
                                        <option value="Samoa Standard Time">(UTC+13:00) Samoa (Daylight Savings Time: +1 Hour)</option>
                                        <option value="Line Islands Standard Time">(UTC+14:00) Kiritimati Island</option>
                                    </select>
                                </div>
                            </div>
                       </div>

                       <div class="row">
                            <h2>Assigned Folders</h2>
                       </div>
                        <div class="row">
                            <div class="col-md-12">
                               <div class="row text-center">
                                    <div class="col-md-5">
                                        <select name="fromEditar[]" id="undo_redo_editar" class="form-control" size="13" multiple="multiple">
                                                
                                        </select>
                                    </div>
                                        
                                    <div class="col-md-2">
                                        <button type="button" id="undo_redo_editar_rightAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-forward"></i></button>
                                        <button type="button" id="undo_redo_editar_rightSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
                                        <button type="button" id="undo_redo_editar_leftSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
                                        <button type="button" id="undo_redo_editar_leftAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-backward"></i></button>
                                    </div>
                                        
                                    <div class="col-md-5">
                                        <select name="toEditar[]" id="undo_redo_editar_to" class="form-control" size="13" multiple="multiple"></select>
                                    </div>
                                </div>
                            </div>
                       </div>
                       <div class="row">
                            <h2>Assigned Groups</h2>
                       </div>
                        <div class="row">
                            <div class="col-md-12">
                               <div class="row text-center">
                                    <div class="col-md-5">
                                        <select name="fromEditarGroups[]" id="undo_redo_groups_editar" class="form-control" size="13" multiple="multiple">
                                                
                                        </select>
                                    </div>
                                        
                                    <div class="col-md-2">
                                        <button type="button" id="undo_redo_groups_editar_rightAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-forward"></i></button>
                                        <button type="button" id="undo_redo_groups_editar_rightSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
                                        <button type="button" id="undo_redo_groups_editar_leftSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
                                        <button type="button" id="undo_redo_groups_editar_leftAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-backward"></i></button>
                                    </div>
                                        
                                    <div class="col-md-5">
                                        <select name="toEditarGroups[]" id="undo_redo_groups_editar_to" class="form-control" size="13" multiple="multiple"></select>
                                    </div>
                                </div>
                            </div>
                       </div>
                    </div>
                    <div class="col-md-5">
                        <br>
                        <br>
                        <input type="hidden" id="idAppenate">
                        {% if is_granted('ROLE_USER_APPENATE_ADMIN') %}
                            <div class="row botones_activos">
                                <div class="col-md-3">
                                    <button type="button" id="guardar" class="btn btn-success" style="width: 100%">Save</button>
                                </div>
                                <div class="col-md-3">
                                    <button type="button" id="resetPass" class="btn btn-warning" style="width: 100%">Reset Pass</button>
                                </div>                            
                                <div class="col-md-3">
                                    <button type="button" id="desactivar" class="btn btn-danger" style="width: 100%">Inactive</button>
                                </div>
                                <!--<div class="col-md-3">
                                    <button type="button" id="remove1" class="btn btn-danger remove" style="width: 100%">Remove</button>
                                </div>-->
                            </div>
                            <div class="row botones_inactivos">
                                <!--<div class="col-md-3">
                                    <button type="button" id="remove2" class="btn btn-danger remove" style="width: 100%">Remove</button>
                                </div>-->
                                <div class="col-md-3">
                                    <button type="button" id="activar" class="btn btn-danger" style="width: 100%">Active</button>
                                </div>
                            </div>
                        {% endif %}
                        <br>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Status: </label>
                                    <span id="statusUser"></span>
                                </div>
                            </div>
                       </div>
                       <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Last Updated: </label>
                                    <span id="lastUpdatedUser"></span>
                                </div>
                            </div>
                       </div>
                       <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Last Activity: </label>
                                    <span id="lastActivityUser"></span>
                                </div>
                            </div>
                       </div>
                       <hr>
                       <div class="row">
                            <h2>Devices</h2>
                       </div>
                       <div class="row" style="height: 300px; overflow: auto;">
                            <table id="tableDevices" class="table table-bordered table-hover table-striped table-responsive" style="display: block;height: 300px;overflow-y: scroll;">
                                <tr>
                                    <th>Hardware</th>
                                    <th>Os</th>
                                    <th>OSVersion</th>                                    
                                    <th>App</th>
                                </tr>
                            </table>
                       </div>
                       <hr>
                       <div class="row">
                            <h2>Location History</h2>
                       </div>
                       <div class="row" style="height: 350px; overflow: auto;">
                            <table id="tableLocation" class="table table-bordered table-hover table-striped table-responsive" style="display: block;height: 350px;overflow-y: scroll;">
                                <tr>
                                    <th>Date</th>
                                    <th>Latitude</th>
                                    <th>Longitude</th>
                                </tr>
                            </table>
                       </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
          
        </div>
    </div>   
    
    <!-- Modal Create USer -->
    <div class="modal fade" id="createUser" role="dialog">
        <div class="modal-dialog">
          <form id="formCreateUser" name="formCreateUser" action="{{ path('licencias_crearUsuario',{'idproyectos':idproyectos,'idmodule':idmodule}) }}" method="POST"> 
          <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Create User</h4>
                </div>
                <input type="hidden" name="companyIdUser" id="companyIdUser">
                <input type="hidden" name="keydUser" id="keydUser">
                <input type="hidden" name="ambiente_id" id="ambiente_id">                
                <div class="modal-body">
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                            <label>FirstName</label>
                            <input type="text" required  class="form-control crear_usuario" name="FirstName">
                        </div>
                    </div>
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                            <label>LastName</label>
                            <input type="text" required  class="form-control crear_usuario" name="LastName">
                        </div>
                    </div>
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                            <label>Email</label>
                            <input type="text" required  class="form-control crear_usuario" name="Email">
                        </div>
                    </div> 
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Country: </label>
                                <select class="crear_usuario" required name="Country" id="Country" style="width: 100%">
                                    <option value=""></option>
                                    <option value="AF">Afghanistan</option>
                                    <option value="AX">Åland Islands</option>
                                    <option value="AL">Albania</option>
                                    <option value="DZ">Algeria</option>
                                    <option value="AS">American Samoa</option>
                                    <option value="AD">Andorra</option>
                                    <option value="AO">Angola</option>
                                    <option value="AI">Anguilla</option>
                                    <option value="AQ">Antarctica</option>
                                    <option value="AG">Antigua and Barbuda</option>
                                    <option value="AR">Argentina</option>
                                    <option value="AM">Armenia</option>
                                    <option value="AW">Aruba</option>
                                    <option value="AU">Australia</option>
                                    <option value="AT">Austria</option>
                                    <option value="AZ">Azerbaijan</option>
                                    <option value="BS">Bahamas</option>
                                    <option value="BH">Bahrain</option>
                                    <option value="BD">Bangladesh</option>
                                    <option value="BB">Barbados</option>
                                    <option value="BY">Belarus</option>
                                    <option value="BE">Belgium</option>
                                    <option value="BZ">Belize</option>
                                    <option value="BJ">Benin</option>
                                    <option value="BM">Bermuda</option>
                                    <option value="BT">Bhutan</option>
                                    <option value="BO">Bolivia, Plurinational State of</option>
                                    <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                    <option value="BA">Bosnia and Herzegovina</option>
                                    <option value="BW">Botswana</option>
                                    <option value="BV">Bouvet Island</option>
                                    <option value="BR">Brazil</option>
                                    <option value="IO">British Indian Ocean Territory</option>
                                    <option value="BN">Brunei Darussalam</option>
                                    <option value="BG">Bulgaria</option>
                                    <option value="BF">Burkina Faso</option>
                                    <option value="BI">Burundi</option>
                                    <option value="KH">Cambodia</option>
                                    <option value="CM">Cameroon</option>
                                    <option value="CA">Canada</option>
                                    <option value="CV">Cape Verde</option>
                                    <option value="KY">Cayman Islands</option>
                                    <option value="CF">Central African Republic</option>
                                    <option value="TD">Chad</option>
                                    <option value="CL">Chile</option>
                                    <option value="CN">China</option>
                                    <option value="CX">Christmas Island</option>
                                    <option value="CC">Cocos (Keeling) Islands</option>
                                    <option value="CO">Colombia</option>
                                    <option value="KM">Comoros</option>
                                    <option value="CG">Congo</option>
                                    <option value="CD">Congo, the Democratic Republic of the</option>
                                    <option value="CK">Cook Islands</option>
                                    <option value="CR">Costa Rica</option>
                                    <option value="CI">Côte d'Ivoire</option>
                                    <option value="HR">Croatia</option>
                                    <option value="CU">Cuba</option>
                                    <option value="CW">Curaçao</option>
                                    <option value="CY">Cyprus</option>
                                    <option value="CZ">Czech Republic</option>
                                    <option value="DK">Denmark</option>
                                    <option value="DJ">Djibouti</option>
                                    <option value="DM">Dominica</option>
                                    <option value="DO">Dominican Republic</option>
                                    <option value="EC">Ecuador</option>
                                    <option value="EG">Egypt</option>
                                    <option value="SV">El Salvador</option>
                                    <option value="GQ">Equatorial Guinea</option>
                                    <option value="ER">Eritrea</option>
                                    <option value="EE">Estonia</option>
                                    <option value="ET">Ethiopia</option>
                                    <option value="FK">Falkland Islands (Malvinas)</option>
                                    <option value="FO">Faroe Islands</option>
                                    <option value="FJ">Fiji</option>
                                    <option value="FI">Finland</option>
                                    <option value="FR">France</option>
                                    <option value="GF">French Guiana</option>
                                    <option value="PF">French Polynesia</option>
                                    <option value="TF">French Southern Territories</option>
                                    <option value="GA">Gabon</option>
                                    <option value="GM">Gambia</option>
                                    <option value="GE">Georgia</option>
                                    <option value="DE">Germany</option>
                                    <option value="GH">Ghana</option>
                                    <option value="GI">Gibraltar</option>
                                    <option value="GR">Greece</option>
                                    <option value="GL">Greenland</option>
                                    <option value="GD">Grenada</option>
                                    <option value="GP">Guadeloupe</option>
                                    <option value="GU">Guam</option>
                                    <option value="GT">Guatemala</option>
                                    <option value="GG">Guernsey</option>
                                    <option value="GN">Guinea</option>
                                    <option value="GW">Guinea-Bissau</option>
                                    <option value="GY">Guyana</option>
                                    <option value="HT">Haiti</option>
                                    <option value="HM">Heard Island and McDonald Mcdonald Islands</option>
                                    <option value="VA">Holy See (Vatican City State)</option>
                                    <option value="HN">Honduras</option>
                                    <option value="HK">Hong Kong</option>
                                    <option value="HU">Hungary</option>
                                    <option value="IS">Iceland</option>
                                    <option value="IN">India</option>
                                    <option value="ID">Indonesia</option>
                                    <option value="IR">Iran, Islamic Republic of</option>
                                    <option value="IQ">Iraq</option>
                                    <option value="IE">Ireland</option>
                                    <option value="IM">Isle of Man</option>
                                    <option value="IL">Israel</option>
                                    <option value="IT">Italy</option>
                                    <option value="JM">Jamaica</option>
                                    <option value="JP">Japan</option>
                                    <option value="JE">Jersey</option>
                                    <option value="JO">Jordan</option>
                                    <option value="KZ">Kazakhstan</option>
                                    <option value="KE">Kenya</option>
                                    <option value="KI">Kiribati</option>
                                    <option value="KP">Korea, Democratic People's Republic of</option>
                                    <option value="KR">Korea, Republic of</option>
                                    <option value="KW">Kuwait</option>
                                    <option value="KG">Kyrgyzstan</option>
                                    <option value="LA">Lao People's Democratic Republic</option>
                                    <option value="LV">Latvia</option>
                                    <option value="LB">Lebanon</option>
                                    <option value="LS">Lesotho</option>
                                    <option value="LR">Liberia</option>
                                    <option value="LY">Libya</option>
                                    <option value="LI">Liechtenstein</option>
                                    <option value="LT">Lithuania</option>
                                    <option value="LU">Luxembourg</option>
                                    <option value="MO">Macao</option>
                                    <option value="MK">Macedonia, the Former Yugoslav Republic of</option>
                                    <option value="MG">Madagascar</option>
                                    <option value="MW">Malawi</option>
                                    <option value="MY">Malaysia</option>
                                    <option value="MV">Maldives</option>
                                    <option value="ML">Mali</option>
                                    <option value="MT">Malta</option>
                                    <option value="MH">Marshall Islands</option>
                                    <option value="MQ">Martinique</option>
                                    <option value="MR">Mauritania</option>
                                    <option value="MU">Mauritius</option>
                                    <option value="YT">Mayotte</option>
                                    <option selected="selected" value="MX">Mexico</option>
                                    <option value="FM">Micronesia, Federated States of</option>
                                    <option value="MD">Moldova, Republic of</option>
                                    <option value="MC">Monaco</option>
                                    <option value="MN">Mongolia</option>
                                    <option value="ME">Montenegro</option>
                                    <option value="MS">Montserrat</option>
                                    <option value="MA">Morocco</option>
                                    <option value="MZ">Mozambique</option>
                                    <option value="MM">Myanmar</option>
                                    <option value="NA">Namibia</option>
                                    <option value="NR">Nauru</option>
                                    <option value="NP">Nepal</option>
                                    <option value="NL">Netherlands</option>
                                    <option value="NC">New Caledonia</option>
                                    <option value="NZ">New Zealand</option>
                                    <option value="NI">Nicaragua</option>
                                    <option value="NE">Niger</option>
                                    <option value="NG">Nigeria</option>
                                    <option value="NU">Niue</option>
                                    <option value="NF">Norfolk Island</option>
                                    <option value="MP">Northern Mariana Islands</option>
                                    <option value="NO">Norway</option>
                                    <option value="OM">Oman</option>
                                    <option value="PK">Pakistan</option>
                                    <option value="PW">Palau</option>
                                    <option value="PS">Palestine, State of</option>
                                    <option value="PA">Panama</option>
                                    <option value="PG">Papua New Guinea</option>
                                    <option value="PY">Paraguay</option>
                                    <option value="PE">Peru</option>
                                    <option value="PH">Philippines</option>
                                    <option value="PN">Pitcairn</option>
                                    <option value="PL">Poland</option>
                                    <option value="PT">Portugal</option>
                                    <option value="PR">Puerto Rico</option>
                                    <option value="QA">Qatar</option>
                                    <option value="RE">Réunion</option>
                                    <option value="RO">Romania</option>
                                    <option value="RU">Russian Federation</option>
                                    <option value="RW">Rwanda</option>
                                    <option value="BL">Saint Barthélemy</option>
                                    <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                    <option value="KN">Saint Kitts and Nevis</option>
                                    <option value="LC">Saint Lucia</option>
                                    <option value="MF">Saint Martin (French part)</option>
                                    <option value="PM">Saint Pierre and Miquelon</option>
                                    <option value="VC">Saint Vincent and the Grenadines</option>
                                    <option value="WS">Samoa</option>
                                    <option value="SM">San Marino</option>
                                    <option value="ST">Sao Tome and Principe</option>
                                    <option value="SA">Saudi Arabia</option>
                                    <option value="SN">Senegal</option>
                                    <option value="RS">Serbia</option>
                                    <option value="SC">Seychelles</option>
                                    <option value="SL">Sierra Leone</option>
                                    <option value="SG">Singapore</option>
                                    <option value="SX">Sint Maarten (Dutch part)</option>
                                    <option value="SK">Slovakia</option>
                                    <option value="SI">Slovenia</option>
                                    <option value="SB">Solomon Islands</option>
                                    <option value="SO">Somalia</option>
                                    <option value="ZA">South Africa</option>
                                    <option value="GS">South Georgia and the South Sandwich Islands</option>
                                    <option value="SS">South Sudan</option>
                                    <option value="ES">Spain</option>
                                    <option value="LK">Sri Lanka</option>
                                    <option value="SD">Sudan</option>
                                    <option value="SR">Suriname</option>
                                    <option value="SJ">Svalbard and Jan Mayen</option>
                                    <option value="SZ">Swaziland</option>
                                    <option value="SE">Sweden</option>
                                    <option value="CH">Switzerland</option>
                                    <option value="SY">Syrian Arab Republic</option>
                                    <option value="TW">Taiwan, Province of China</option>
                                    <option value="TJ">Tajikistan</option>
                                    <option value="TZ">Tanzania, United Republic of</option>
                                    <option value="TH">Thailand</option>
                                    <option value="TL">Timor-Leste</option>
                                    <option value="TG">Togo</option>
                                    <option value="TK">Tokelau</option>
                                    <option value="TO">Tonga</option>
                                    <option value="TT">Trinidad and Tobago</option>
                                    <option value="TN">Tunisia</option>
                                    <option value="TR">Turkey</option>
                                    <option value="TM">Turkmenistan</option>
                                    <option value="TC">Turks and Caicos Islands</option>
                                    <option value="TV">Tuvalu</option>
                                    <option value="UG">Uganda</option>
                                    <option value="UA">Ukraine</option>
                                    <option value="AE">United Arab Emirates</option>
                                    <option value="GB">United Kingdom</option>
                                    <option value="US">United States</option>
                                    <option value="UM">United States Minor Outlying Islands</option>
                                    <option value="UY">Uruguay</option>
                                    <option value="UZ">Uzbekistan</option>
                                    <option value="VU">Vanuatu</option>
                                    <option value="VE">Venezuela, Bolivarian Republic of</option>
                                    <option value="VN">Viet Nam</option>
                                    <option value="VG">Virgin Islands, British</option>
                                    <option value="VI">Virgin Islands, U.S.</option>
                                    <option value="WF">Wallis and Futuna</option>
                                    <option value="EH">Western Sahara</option>
                                    <option value="YE">Yemen</option>
                                    <option value="ZM">Zambia</option>
                                    <option value="ZW">Zimbabwe</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Time Zone: </label>   
                                <select class="crear_usuario" required name="TimeZone" id="TimeZone" style="width: 100%">
                                    <option value=""></option>
                                    <option value="Dateline Standard Time">(UTC-12:00) International Date Line West</option>
                                    <option value="UTC-11">(UTC-11:00) Coordinated Universal Time-11</option>
                                    <option value="Aleutian Standard Time">(UTC-10:00) Aleutian Islands</option>
                                    <option value="Hawaiian Standard Time">(UTC-10:00) Hawaii</option>
                                    <option value="Marquesas Standard Time">(UTC-09:30) Marquesas Islands</option>
                                    <option value="Alaskan Standard Time">(UTC-09:00) Alaska</option>
                                    <option value="UTC-09">(UTC-09:00) Coordinated Universal Time-09</option>
                                    <option value="Pacific Standard Time (Mexico)">(UTC-08:00) Baja California</option>
                                    <option value="UTC-08">(UTC-08:00) Coordinated Universal Time-08</option>
                                    <option value="Pacific Standard Time">(UTC-08:00) Pacific Time (US &amp; Canada)</option>
                                    <option value="US Mountain Standard Time">(UTC-07:00) Arizona</option>
                                    <option value="Mountain Standard Time (Mexico)">(UTC-07:00) Chihuahua, La Paz, Mazatlan</option>
                                    <option value="Mountain Standard Time">(UTC-07:00) Mountain Time (US &amp; Canada)</option>
                                    <option value="Yukon Standard Time">(UTC-07:00) Yukon</option>
                                    <option value="Central America Standard Time">(UTC-06:00) Central America</option>
                                    <option value="Central Standard Time">(UTC-06:00) Central Time (US &amp; Canada)</option>
                                    <option value="Easter Island Standard Time">(UTC-06:00) Easter Island (Daylight Savings Time: +1 Hour)</option>
                                    <option value="Central Standard Time (Mexico)">(UTC-06:00) Guadalajara, Mexico City, Monterrey</option>
                                    <option value="Canada Central Standard Time">(UTC-06:00) Saskatchewan</option>
                                    <option selected="selected" value="SA Pacific Standard Time">(UTC-05:00) Bogota, Lima, Quito, Rio Branco</option>
                                    <option value="Eastern Standard Time (Mexico)">(UTC-05:00) Chetumal</option>
                                    <option value="Eastern Standard Time">(UTC-05:00) Eastern Time (US &amp; Canada)</option>
                                    <option value="Haiti Standard Time">(UTC-05:00) Haiti</option>
                                    <option value="Cuba Standard Time">(UTC-05:00) Havana</option>
                                    <option value="US Eastern Standard Time">(UTC-05:00) Indiana (East)</option>
                                    <option value="Turks And Caicos Standard Time">(UTC-05:00) Turks and Caicos</option>
                                    <option value="Paraguay Standard Time">(UTC-04:00) Asuncion (Daylight Savings Time: +1 Hour)</option>
                                    <option value="Atlantic Standard Time">(UTC-04:00) Atlantic Time (Canada)</option>
                                    <option value="Venezuela Standard Time">(UTC-04:00) Caracas</option>
                                    <option value="Central Brazilian Standard Time">(UTC-04:00) Cuiaba</option>
                                    <option value="SA Western Standard Time">(UTC-04:00) Georgetown, La Paz, Manaus, San Juan</option>
                                    <option value="Pacific SA Standard Time">(UTC-04:00) Santiago (Daylight Savings Time: +1 Hour)</option>
                                    <option value="Newfoundland Standard Time">(UTC-03:30) Newfoundland</option>
                                    <option value="Tocantins Standard Time">(UTC-03:00) Araguaina</option>
                                    <option value="E. South America Standard Time">(UTC-03:00) Brasilia</option>
                                    <option value="SA Eastern Standard Time">(UTC-03:00) Cayenne, Fortaleza</option>
                                    <option value="Argentina Standard Time">(UTC-03:00) City of Buenos Aires</option>
                                    <option value="Greenland Standard Time">(UTC-03:00) Greenland</option>
                                    <option value="Montevideo Standard Time">(UTC-03:00) Montevideo</option>
                                    <option value="Magallanes Standard Time">(UTC-03:00) Punta Arenas</option>
                                    <option value="Saint Pierre Standard Time">(UTC-03:00) Saint Pierre and Miquelon</option>
                                    <option value="Bahia Standard Time">(UTC-03:00) Salvador</option>
                                    <option value="UTC-02">(UTC-02:00) Coordinated Universal Time-02</option>
                                    <option value="Mid-Atlantic Standard Time">(UTC-02:00) Mid-Atlantic - Old</option>
                                    <option value="Azores Standard Time">(UTC-01:00) Azores</option>
                                    <option value="Cape Verde Standard Time">(UTC-01:00) Cabo Verde Is.</option>
                                    <option value="UTC">(UTC) Coordinated Universal Time</option>
                                    <option value="GMT Standard Time">(UTC+00:00) Dublin, Edinburgh, Lisbon, London</option>
                                    <option value="Greenwich Standard Time">(UTC+00:00) Monrovia, Reykjavik</option>
                                    <option value="Sao Tome Standard Time">(UTC+00:00) Sao Tome</option>
                                    <option value="Morocco Standard Time">(UTC+01:00) Casablanca (Daylight Savings Time: +1 Hour)</option>
                                    <option value="W. Europe Standard Time">(UTC+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna</option>
                                    <option value="Central Europe Standard Time">(UTC+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague</option>
                                    <option value="Romance Standard Time">(UTC+01:00) Brussels, Copenhagen, Madrid, Paris</option>
                                    <option value="Central European Standard Time">(UTC+01:00) Sarajevo, Skopje, Warsaw, Zagreb</option>
                                    <option value="W. Central Africa Standard Time">(UTC+01:00) West Central Africa</option>
                                    <option value="Jordan Standard Time">(UTC+02:00) Amman</option>
                                    <option value="GTB Standard Time">(UTC+02:00) Athens, Bucharest</option>
                                    <option value="Middle East Standard Time">(UTC+02:00) Beirut</option>
                                    <option value="Egypt Standard Time">(UTC+02:00) Cairo</option>
                                    <option value="E. Europe Standard Time">(UTC+02:00) Chisinau</option>
                                    <option value="Syria Standard Time">(UTC+02:00) Damascus</option>
                                    <option value="West Bank Standard Time">(UTC+02:00) Gaza, Hebron</option>
                                    <option value="South Africa Standard Time">(UTC+02:00) Harare, Pretoria</option>
                                    <option value="FLE Standard Time">(UTC+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius</option>
                                    <option value="Israel Standard Time">(UTC+02:00) Jerusalem</option>
                                    <option value="South Sudan Standard Time">(UTC+02:00) Juba</option>
                                    <option value="Kaliningrad Standard Time">(UTC+02:00) Kaliningrad</option>
                                    <option value="Sudan Standard Time">(UTC+02:00) Khartoum</option>
                                    <option value="Libya Standard Time">(UTC+02:00) Tripoli</option>
                                    <option value="Namibia Standard Time">(UTC+02:00) Windhoek</option>
                                    <option value="Arabic Standard Time">(UTC+03:00) Baghdad</option>
                                    <option value="Turkey Standard Time">(UTC+03:00) Istanbul</option>
                                    <option value="Arab Standard Time">(UTC+03:00) Kuwait, Riyadh</option>
                                    <option value="Belarus Standard Time">(UTC+03:00) Minsk</option>
                                    <option value="Russian Standard Time">(UTC+03:00) Moscow, St. Petersburg</option>
                                    <option value="E. Africa Standard Time">(UTC+03:00) Nairobi</option>
                                    <option value="Volgograd Standard Time">(UTC+03:00) Volgograd</option>
                                    <option value="Iran Standard Time">(UTC+03:30) Tehran</option>
                                    <option value="Arabian Standard Time">(UTC+04:00) Abu Dhabi, Muscat</option>
                                    <option value="Astrakhan Standard Time">(UTC+04:00) Astrakhan, Ulyanovsk</option>
                                    <option value="Azerbaijan Standard Time">(UTC+04:00) Baku</option>
                                    <option value="Russia Time Zone 3">(UTC+04:00) Izhevsk, Samara</option>
                                    <option value="Mauritius Standard Time">(UTC+04:00) Port Louis</option>
                                    <option value="Saratov Standard Time">(UTC+04:00) Saratov</option>
                                    <option value="Georgian Standard Time">(UTC+04:00) Tbilisi</option>
                                    <option value="Caucasus Standard Time">(UTC+04:00) Yerevan</option>
                                    <option value="Afghanistan Standard Time">(UTC+04:30) Kabul</option>
                                    <option value="West Asia Standard Time">(UTC+05:00) Ashgabat, Tashkent</option>
                                    <option value="Ekaterinburg Standard Time">(UTC+05:00) Ekaterinburg</option>
                                    <option value="Pakistan Standard Time">(UTC+05:00) Islamabad, Karachi</option>
                                    <option value="Qyzylorda Standard Time">(UTC+05:00) Qyzylorda</option>
                                    <option value="India Standard Time">(UTC+05:30) Chennai, Kolkata, Mumbai, New Delhi</option>
                                    <option value="Sri Lanka Standard Time">(UTC+05:30) Sri Jayawardenepura</option>
                                    <option value="Nepal Standard Time">(UTC+05:45) Kathmandu</option>
                                    <option value="Central Asia Standard Time">(UTC+06:00) Astana</option>
                                    <option value="Bangladesh Standard Time">(UTC+06:00) Dhaka</option>
                                    <option value="Omsk Standard Time">(UTC+06:00) Omsk</option>
                                    <option value="Myanmar Standard Time">(UTC+06:30) Yangon (Rangoon)</option>
                                    <option value="SE Asia Standard Time">(UTC+07:00) Bangkok, Hanoi, Jakarta</option>
                                    <option value="Altai Standard Time">(UTC+07:00) Barnaul, Gorno-Altaysk</option>
                                    <option value="W. Mongolia Standard Time">(UTC+07:00) Hovd</option>
                                    <option value="North Asia Standard Time">(UTC+07:00) Krasnoyarsk</option>
                                    <option value="N. Central Asia Standard Time">(UTC+07:00) Novosibirsk</option>
                                    <option value="Tomsk Standard Time">(UTC+07:00) Tomsk</option>
                                    <option value="China Standard Time">(UTC+08:00) Beijing, Chongqing, Hong Kong, Urumqi</option>
                                    <option value="North Asia East Standard Time">(UTC+08:00) Irkutsk</option>
                                    <option value="Singapore Standard Time">(UTC+08:00) Kuala Lumpur, Singapore</option>
                                    <option value="W. Australia Standard Time">(UTC+08:00) Perth</option>
                                    <option value="Taipei Standard Time">(UTC+08:00) Taipei</option>
                                    <option value="Ulaanbaatar Standard Time">(UTC+08:00) Ulaanbaatar</option>
                                    <option value="Aus Central W. Standard Time">(UTC+08:45) Eucla</option>
                                    <option value="Transbaikal Standard Time">(UTC+09:00) Chita</option>
                                    <option value="Tokyo Standard Time">(UTC+09:00) Osaka, Sapporo, Tokyo</option>
                                    <option value="North Korea Standard Time">(UTC+09:00) Pyongyang</option>
                                    <option value="Korea Standard Time">(UTC+09:00) Seoul</option>
                                    <option value="Yakutsk Standard Time">(UTC+09:00) Yakutsk</option>
                                    <option value="Cen. Australia Standard Time">(UTC+09:30) Adelaide (Daylight Savings Time: +1 Hour)</option>
                                    <option value="AUS Central Standard Time">(UTC+09:30) Darwin</option>
                                    <option value="E. Australia Standard Time">(UTC+10:00) Brisbane</option>
                                    <option value="AUS Eastern Standard Time">(UTC+10:00) Canberra, Melbourne, Sydney (Daylight Savings Time: +1 Hour)</option>
                                    <option value="West Pacific Standard Time">(UTC+10:00) Guam, Port Moresby</option>
                                    <option value="Tasmania Standard Time">(UTC+10:00) Hobart (Daylight Savings Time: +1 Hour)</option>
                                    <option value="Vladivostok Standard Time">(UTC+10:00) Vladivostok</option>
                                    <option value="Lord Howe Standard Time">(UTC+10:30) Lord Howe Island (Daylight Savings Time: +0 Hour)</option>
                                    <option value="Bougainville Standard Time">(UTC+11:00) Bougainville Island</option>
                                    <option value="Russia Time Zone 10">(UTC+11:00) Chokurdakh</option>
                                    <option value="Magadan Standard Time">(UTC+11:00) Magadan</option>
                                    <option value="Norfolk Standard Time">(UTC+11:00) Norfolk Island (Daylight Savings Time: +1 Hour)</option>
                                    <option value="Sakhalin Standard Time">(UTC+11:00) Sakhalin</option>
                                    <option value="Central Pacific Standard Time">(UTC+11:00) Solomon Is., New Caledonia</option>
                                    <option value="Russia Time Zone 11">(UTC+12:00) Anadyr, Petropavlovsk-Kamchatsky</option>
                                    <option value="New Zealand Standard Time">(UTC+12:00) Auckland, Wellington (Daylight Savings Time: +1 Hour)</option>
                                    <option value="UTC+12">(UTC+12:00) Coordinated Universal Time+12</option>
                                    <option value="Fiji Standard Time">(UTC+12:00) Fiji</option>
                                    <option value="Kamchatka Standard Time">(UTC+12:00) Petropavlovsk-Kamchatsky - Old</option>
                                    <option value="Chatham Islands Standard Time">(UTC+12:45) Chatham Islands (Daylight Savings Time: +1 Hour)</option>
                                    <option value="UTC+13">(UTC+13:00) Coordinated Universal Time+13</option>
                                    <option value="Tonga Standard Time">(UTC+13:00) Nuku'alofa</option>
                                    <option value="Samoa Standard Time">(UTC+13:00) Samoa (Daylight Savings Time: +1 Hour)</option>
                                    <option value="Line Islands Standard Time">(UTC+14:00) Kiritimati Island</option>
                                </select>
                            </div>
                        </div>
                   </div>
                    <div class="row" style="margin: 10px 0 0 0;">
                        <h2>Assigned Folders</h2>
                   </div>
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                           <div class="row text-center">
                                <div class="col-md-5">
                                    <select name="fromCrear[]" id="undo_redo_crear" class="form-control" size="13" multiple="multiple">
                                            
                                    </select>
                                </div>
                                    
                                <div class="col-md-2">
                                    <button type="button" id="undo_redo_crear_rightAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-forward"></i></button>
                                    <button type="button" id="undo_redo_crear_rightSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
                                    <button type="button" id="undo_redo_crear_leftSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
                                    <button type="button" id="undo_redo_crear_leftAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-backward"></i></button>
                                </div>
                                    
                                <div class="col-md-5">
                                    <select name="toCrear[]" id="undo_redo_crear_to" class="form-control" size="13" multiple="multiple"></select>
                                </div>
                            </div>
                        </div>
                    </div> 
                    <div class="row" style="margin: 10px 0 0 0;">
                        <h2>Assigned Groups</h2>
                    </div>
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                           <div class="row text-center">
                                <div class="col-md-5">
                                    <select name="fromCrearGroups[]" id="undo_redo_groups_crear" class="form-control" size="13" multiple="multiple">
                                            
                                    </select>
                                </div>
                                    
                                <div class="col-md-2">                                   
                                    <button type="button" id="undo_redo_groups_crear_rightAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-forward"></i></button>
                                    <button type="button" id="undo_redo_groups_crear_rightSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
                                    <button type="button" id="undo_redo_groups_crear_leftSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
                                    <button type="button" id="undo_redo_groups_crear_leftAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-backward"></i></button>                                    
                                </div>
                                    
                                <div class="col-md-5">
                                    <select name="toCrearGroups[]" id="undo_redo_groups_crear_to" class="form-control" size="13" multiple="multiple"></select>
                                </div>
                            </div>
                        </div>
                    </div>    
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>    
            </div>
          </form>  
        </div>
    </div>

        <!-- Modal Pass USer -->
    <div class="modal fade" id="passUser" role="dialog">
        <div class="modal-dialog">
          <form id="formPassUser" name="formPassUser" action="{{ path('licencias_passUsuario',{'idproyectos':idproyectos,'idmodule':idmodule}) }}" method="POST"> 
          <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Reset Password</h4>
                </div>
                <input type="hidden" name="passCompanyIdUser" id="passCompanyIdUser">
                <input type="hidden" name="passKeydUser" id="passKeydUser"> 
                <input type="hidden" name="idAppenatePass" id="idAppenatePass"> 
                <input type="hidden" name="passFirtsName" id="passFirtsName">
                <input type="hidden" name="passLastName" id="passLastName">                
                <input type="hidden" name="passEmail" id="passEmail">
                <div class="modal-body">
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                            <label>Password</label>
                            <input type="password" required class="form-control reset_pass" name="password"> 
                        </div>
                    </div>
                    <div class="row" style="margin-top:8px">
                        <div class="col-md-12">
                            <label>Confirm Password</label>
                            <input type="password" required class="form-control reset_pass" name="confirm">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>    
            </div>
          </form>  
        </div>
    </div>
  
</div>
{% endblock %}