document.addEventListener('DOMContentLoaded', function(e) {
    LoginRegistration.initComponents();

    var today = new Date();
    var year = today.getFullYear();
    var inicio = (year - 100);
    inicio = '01/01/' + inicio;
    var fin = (year - 7);
    fin = '31/12/' + fin;
    

    form = document.getElementById('formulario');

    formulariotab1 = FormValidation.formValidation(
        document.getElementById('formulario'),
        {
            locale: 'es_ES',
            localization: FormValidation.locales.es_ES,
            fields: {
                fechanacimiento: {
                    validators: {
                        notEmpty: { message: 'Campo requerido'},
                        date: {
                            message: 'Fecha inválida',
                            format: 'DD/MM/YYYY',
                            min: inicio,
                            max: fin
                        }
                    }
                },
            tipodocumento: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            documento: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    stringLength: {
                        max: 15,
                        message: 'El número de documento debe contener como máximo 15 caracteres.'
                    },
                    regexp: {regexp: /^[a-zA-Z0-9]+$/i, message: 'Solo se permiten letras y números en este campo.'}
                }
            },
            paisdocumento: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            nombre1: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    regexp: {regexp: /^[a-zA-Z\sñÑüÜ]+$/i, message: 'Solo se permiten letras en este campo.'}
                }
            },
            nombre2: {
                validators: {
                    regexp: {regexp: /^[a-zA-Z\sñÑüÜ]+$/i, message: 'Solo se permiten letras en este campo.'}
                }
            },
            apellido1: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    regexp: {regexp: /^[a-zA-Z\sñÑüÜ]+$/i, message: 'Solo se permiten letras en este campo.'}
                }
            },
            apellido2: {
                validators: {
                    regexp: {regexp: /^[a-zA-Z\sñÑüÜ]+$/i, message: 'Solo se permiten letras en este campo.'}
                }
            },
            telefono: {
                validators: {
                    regexp: {regexp: /^[1-9][0-9]*$/i,
                        message: 'Número de teléfono inválido.'
                    },
                    stringLength: {
                        min: 7,
                        max: 24,
                        message: 'El número de teléfono debe contener entre 7 y 24 dígitos.'
                    }                    
                }
            },
            celular: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    regexp: {regexp: /^[1-9][0-9]*$/i,
                        message: 'Número de celular inválido.'
                    },
                    stringLength: {
                        min: 10,
                        max: 10,
                        message: 'El número celular debe contener 10 dígitos.'
                    }                    
                }
            },
            sexo: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            estadocivil: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            paisnacimiento: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            departamentonacimiento: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            municipionacimiento: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            municipionacimiento2: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
                        
            
            pais: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            departamento: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            municipio: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            municipio2: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            direccion: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    stringLength: {
                        min: 6,
                        max: 255,
                        message: 'La dirección debe contener al menos 6 caracteres.'
                    } 
                }
            },
            email1: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    regexp: {regexp: /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
                        message: 'Correo electrónico inválido.'
                    },
                }
            },
            email2: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    identical: {
                        compare: function() {
                            return form.querySelector('[name="email1"]').value;
                        },
                        message: 'El correo electrónico tiene que ser igual al anterior.'
                    }

                }
            },
            password1: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    stringLength: {
                        min: 6,
                        message: 'La contraseña debe contener al menos 6 caracteres.'
                    },
                    regexp: {regexp: /^[a-zA-Z0-9!@#\$%\^\&*\)\(+=._-]+$/i,
                        message: 'Carácter inválido.'
                    }

                }
            },
            password2: {
                validators: {
                    notEmpty: { message: 'Campo requerido'},
                    stringLength: {
                        min: 6,
                        message: 'La contraseña debe contener al menos 6 caracteres.'
                    },
                    identical: {
                        compare: function() {
                            return form.querySelector('[name="password1"]').value;
                        },
                        message: 'La confirmación de la contraseña tiene que ser igual a la anterior.'
                    }

                }
            },
            habeasdata: {
                validators: {
                    notEmpty: { message: 'Campo requerido'}
                }
            },
            
            },
            plugins: {
                trigger: new FormValidation.plugins.Trigger(),
                excluded: new FormValidation.plugins.Excluded(),
                submitButton: new FormValidation.plugins.SubmitButton(),
                bootstrap: new FormValidation.plugins.Bootstrap(),
                defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
                icon: new FormValidation.plugins.Icon({
                    valid: 'fa fa-check',
                    invalid: 'fa fa-times',
                    validating: 'fa fa-refresh'
                })
            }
        }
    )
        .on('core.form.valid', function() {
            var form = $('#formulario');
            var btn1 = $('.btn-loading');
            var btn2 = $('.btn-cancel');
            formsubmitnew(form, btn1, btn2);
        });

    formulariotab2 = FormValidation.formValidation(
        document.getElementById('formularioInicio'),
        {
            locale: 'es_ES',
            localization: FormValidation.locales.es_ES,
            fields: {
                'usuario': {
                    validators: {
                        notEmpty: { message: 'Campo requerido'},
                        stringLength: {
                            min: 4,
                            message: 'El usuario debe contener al menos 6 caracteres.'
                        },
                    }
                },
                'password': {
                    validators: {
                        notEmpty: { message: 'Campo requerido'},
                        stringLength: {
                            min: 6,
                            message: 'La contraseña debe contener al menos 6 caracteres.'
                        },
                    }
                }
            },
            plugins: {
                trigger: new FormValidation.plugins.Trigger(),
                excluded: new FormValidation.plugins.Excluded(),
                submitButton: new FormValidation.plugins.SubmitButton(),
                bootstrap: new FormValidation.plugins.Bootstrap(),
                defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
                icon: new FormValidation.plugins.Icon({
                    valid: 'fa fa-check',
                    invalid: 'fa fa-times',
                    validating: 'fa fa-refresh'
                })
            }
        }
    )
        .on('core.form.valid', function() {
            var form = $('#formularioInicio');
            var btn1 = $('.btn-ingreso');
            var btn2 = $('.btn-registro');
            formsubmitnew(form, btn1, btn2);
        });
        

// oculta los dropsdowns de 
//  y municipio si el pais no es colombia  

    $('#pais').change(function () {
        var tipo = $(this).find(':selected').val();
        if (tipo === "COL"){
            $("#departamentodiv").show();
            $("#municipiodiv").show();
            $("#municipio2div").hide();
        } else {
            $("#departamentodiv").hide();
            $("#municipiodiv").hide();
            $("#municipio2div").show();
        }

    });        
  
    $('#departamento').change(function () {
        var departamento = $(this).find(':selected').val();

        $.get('CiudadesDepartamentosServlet', {
            departamentoNombre: departamento
        }, function (jsonResponse) {

            var select = $("#municipio");
            select.find('option').remove();
            $.each(jsonResponse, function (index, value) {
                var datos = value.split('*-*');
                var id = datos[0];
                var nombre = datos[1];

                $('<option>').val(id).text(nombre).appendTo(select);
            });
			
            select.select2({
                dropdownParent: $("#modalTab1"),
                templateResult: iconFormat,
                templateSelection: iconFormat,
                escapeMarkup: function(m) { return m; }
            })
            .on('change', function () {
                formulariotab1.revalidateField(this.id);
            }).trigger('change');
        });
    });
    
     $('#paisdocumento').change(function () {   
        var pais = $(this).find(':selected').val();
        var tipo = "PREG";

        $.get('TipoDocumentoServlet', {
            gradoNombre: tipo,
            paisNombre: pais
        }, function (jsonResponse) {

            var select = $("#tipodocumento");
            select.find('option').remove();
            $.each(jsonResponse, function (index, value) {
                var datos = value.split('*-*');
                var id = datos[0];
                var nombre = datos[1];

                $('<option>').val(id).text(nombre).appendTo(select);
            });
            
            select.select2({
                dropdownParent: $("#modalTab1"),
                templateResult: iconFormat,
                templateSelection: iconFormat,
                escapeMarkup: function(m) { return m; }
            })
            .on('change', function () {
                formulariotab1.revalidateField(this.id);
            }).trigger('change');            
            
        });
    });

    
    $('#divEsp').hover(
       function(){ $(this).addClass('fab-label-visible') },
       function(){ $(this).removeClass('fab-label-visible') }
    );
    
    $('#divEng').hover(
       function(){ $(this).addClass('fab-label-visible') },
       function(){ $(this).removeClass('fab-label-visible') }
    );
    
});






         

$(document).on('click', '.cambiar-modal', function() {
    $('#modalTab1').modal('show');
});

$(document).on('click', '.btn-loading-cambio', function() {
    var form = $('#formulariocambio');
    var btn1 = $('.btn-loading-cambio');
    var btn2 = $('.btn-cancel-cambio');
    formsubmit(form, btn1, btn2);
});


// ------------------------------
// Setup module
// ------------------------------

var LoginRegistration = function () {


    //
    // Setup module components
    //

    // Uniform
    var _componentUniform = function() {
        if (!$().uniform) {
            console.warn('Warning - uniform.min.js is not loaded.');
            return;
        }

        // Initialize
        $('.form-input-styled').uniform();
    };


    //
    // Return objects assigned to module
    //

    return {
        initComponents: function() {
            _componentUniform();
        }
    }
}();



$(function(){ /* DOM ready */

    // paises de los telefonos
    var celular = document.querySelector("#celular");
    var iti = window.intlTelInput(celular, {
        preferredCountries: ['co'],
        initialCountry: 'co'
        
        ,localizedCountries: {
            'af': 'Afganistan','al': 'Albania','de': 'Alemania','ad': 'Andorra','ao': 'Angola','ai': 'Anguila','ag': 'Antigua y Barbuda','bq': 'Antillas Holandesas','sa': 'Arabia Saudita','dz': 'Argeria','ar': 'Argentina','am': 'Armenia','aw': 'Aruba','au': 'Australia','at': 'Austria','az': 'Azerbaijan','bs': 'Bahamas','bh': 'Bahrein','bd': 'Banglad&eacute;s','bb': 'Barbados','by': 'Bielorrusia','be': 'B&eacute;lgica','bz': 'Belice','bj': 'Ben&iacute;n','bm': 'Bermuda','bo': 'Bolivia','ba': 'Bosnia y Herzegovina','bw': 'Botsuana','br': 'Brasil','bn': 'Brun&eacute;i','bg': 'Bulgaria','bf': 'Burkina Faso','bi': 'Burundi','bt': 'But&uacute;n','cv': 'Cabo Verde','kh': 'Camboya','cm': 'Camer&uacute;n','ca': 'Canada','td': 'Chad','cl': 'Chile','cn': 'China','cy': 'Chipre','co': 'Colombia','km': 'Comoras','cd': 'Congo','kp': 'Corea del Norte','kr': 'Corea del Sur','ci': 'Costa de Marfil','cr': 'Costa Rica','hr': 'Croacia','cu': 'Cuba','cw': 'Curazao','dk': 'Dinamarca','dm': 'Dominica','ec': 'Ecuador','eg': 'Egipto','sv': 'El Salvador','ae': 'Emiratos &uacute;rabes Unidos','er': 'Eritrea','sk': 'Eslovaquia','si': 'Eslovenia','es': 'España','us': 'Estados Unidos','ee': 'Estonia','et': 'Etiop&iacute;a','fj': 'Fiji','ph': 'Filipinas','fi': 'Finlandia','fr': 'Francia','ga': 'Gab&oacute;n','gm': 'Gambia','ge': 'Georgia','gh': 'Ghana','gi': 'Gibraltar','gd': 'Granada','gr': 'Grecia','gl': 'Groenlandia','gp': 'Guadalupe','gu': 'Guam','gt': 'Guatemala','gf': 'Guayana Francesa','gg': 'Guernsey','gn': 'Guinea','gw': 'Guinea Bissau','gq': 'Guinea Ecuatorial','gy': 'Guyana','ht': 'Hait&iacute;','nl': 'Holanda','hn': 'Honduras','hk': 'Hong Kong','hu': 'Hungr&iacute;a','in': 'India','id': 'Indonesia','ir': 'Iran','iq': 'Iraq','ie': 'Irlanda','cx': 'Isla de Pascua','im': 'Isla de Man','nf': 'Isla Norfolk','is': 'Islandia','ky': 'Islas Caim&uacute;n','cc': 'Islas Cocos','ck': 'Islas Cook','ax': 'Islas de Aland','fo': 'Islas Faroe','fk': 'Islas Malvinas','mp': 'Islas Marianas del Norte','mh': 'Islas Marshall','sb': 'Islas Salom&oacute;n','sj': 'Islas Svalbard y Jan Mayen','tk': 'Islas Tokelau','tc': 'Islas Turcos y Caicos','vg': 'Islas V&iacute;rgenes Brit&uacute;nicas','vi': 'Islas V&iacute;rgenes de los EE.UU.','il': 'Israel','it': 'Italia','jm': 'Jamaica','jp': 'Jap&oacute;n','je': 'Jersey','jo': 'Jordania','kz': 'Kazajist&uacute;n','ke': 'Kenia','kg': 'Kirguist&uacute;n','ki': 'Kiribati','xk': 'Kosovo','kw': 'Kuwait','la': 'Laos','ls': 'Lesoto','lv': 'Letonia','lb': 'L&iacute;bano','lr': 'Liberia','ly': 'Libia','li': 'Liechtenstein','lt': 'Lituania','lu': 'Luxemburgo','mo': 'Macao','mk': 'Macedonia','mg': 'Madagascar','mw': 'Malaui','my': 'Malasia','mv': 'Maldivas','ml': 'Mal&iacute;','mt': 'Malta','ma': 'Marruecos','mq': 'Martinica','mu': 'Mauricio','mr': 'Mauritania','yt': 'Mayotte','mx': 'M&eacute;xico','fm': 'Micronesia','md': 'Moldavia','mc': 'M&oacute;naco','mn': 'Mongolia','me': 'Montenegro','ms': 'Montserrat','mz': 'Mozambique','mm': 'Myanmar','na': 'Namibia','nr': 'Nauru','np': 'Nepal','ni': 'Nicaragua','ne': 'N&iacute;ger','ng': 'Nigeria','nu': 'Niue','no': 'Noruega','nc': 'Nueva Caledonia','nz': 'Nueva Zelanda','om': 'Om&uacute;n','pk': 'Pakist&uacute;n','pw': 'Palaos','ps': 'Palestina','pa': 'Panam&uacute;','pg': 'Pap&uacute;a Nueva Guinea','py': 'Paraguay','pe': 'Per&uacute;','pf': 'Polinesia Francesa','pl': 'Polonia','pt': 'Portugal','pr': 'Puerto Rico','qa': 'Qatar','gb': 'Reino Unido','cf': 'Rep&uacute;blica Centroafricana','cz': 'Rep&uacute;blica Checa','cg': 'Rep&uacute;blica del Congo','do': 'Rep&uacute;blica Dominicana','tg': 'Rep&uacute;blica Togolesa','re': 'R&eacute;union','rw': 'Ruanda','ro': 'Rumania','ru': 'Rusia','eh': 'Sahara Occidental','as': 'Samoa Americana','ws': 'Samoa Occidental','bl': 'San Bartolom&eacute;','kn': 'San Crist&oacute;bal y Nieves','sm': 'San Marino','mf': 'San Mart&iacute;n','sx': 'San Mart&iacute;n','pm': 'San Pedro y Miguel&oacute;n','vc': 'San Vicente y las Granadinas','sh': 'Santa Helena','lc': 'Santa Lucia','st': 'Santo Tom&eacute; y Pr&iacute;ncipe','sn': 'Senegal','rs': 'Serbia','sc': 'Seychelles','sl': 'Sierra Leona','sg': 'Singapur','sy': 'Siria','so': 'Somalia','lk': 'Sri Lanka','sz': 'Suazilandia','za': 'Sud&uacute;frica','sd': 'Sud&uacute;n','ss': 'Sud&uacute;n del Sur','se': 'Suecia','ch': 'Suiza','sr': 'Surinam','th': 'Tailandia','tw': 'Taiwan','tj': 'Tayikist&uacute;n','tz': 'Tanzania','io': 'Territorio Brit&aacute;nico del Oc&eacute;ano &iacute;ndico','tl': 'Timor Oriental','to': 'Tonga','tt': 'Trinidad y Tobago','tn': 'T&uacute;nez','tr': 'Turqu&iacute;a','tm': 'Turkmenist&uacute;n','tv': 'Tuvalu','ua': 'Ucrania','ug': 'Uganda','uy': 'Uruguay','uz': 'Uzbekist&uacute;n','vu': 'Vanuatu','va': 'Vaticano','ve': 'Venezuela','vn': 'Vietnam','wf': 'Wallis y Futuna','ye': 'Yemen','dj': 'Yibuti','zm': 'Zambia','zw': 'Zimbabue' 
        }
          
    });
            
     
    celular.addEventListener("countrychange", function() {
        var paiscelular = iti.getSelectedCountryData();
        $("#paiscelular").val(paiscelular.iso2);
    });  

});