$(function() {
    $("#bt_annuler,#bt_valider").removeAttr("disabled");
    //$("#etablissement").val("feee");
    $("#formulaireinscription").append('<input type="hidden" name="data" value="HFje%2BXw6AleuskKHpmQa9scNjHGr%2Bkf4GHWifQHlL1M%3D"/>');
    $('#formulaireinscription').validate({
        onclick: false,
        rules: {
            titre  : {required: true},
            nom    : {required: true},
            prenom : {required: true},
            mail   : {required: true, email: true},
            Date_de_naissance : {required: true},
            categorie : {required: true},
            etablissement : {required: true},
            reponse_humain : {required: true}
        },
        messages: {
            titre  : {required: "Le champ 'Titre' est obligatoire."},
            nom    : {required: "Le champ 'Nom' est obligatoire."},
            prenom : {required: "Le champ 'Prénom' est obligatoire."},
            mail   : {required: "Le champ 'Adresse mail' est obligatoire.",email: "Veuillez entrer une adresse mail valide."},
            Date_de_naissance : {required: "Le champ 'Date de naissance' est obligatoire."},
            categorie     : {required: "Le champ 'Catégorie choisie' est obligatoire."},
            etablissement : {required: "Le champ 'Etablissement' est obligatoire."},
            reponse_humain : {required: "Le champ 'Ecrire le Résultat' est obligatoire."}
        },
        errorPlacement: function (error, element) {
        },
        submitHandler: function (form) { 
        
            form_valider();
    
        },
        invalidHandler: function(form, validator) {
            var errors = validator.numberOfInvalids();
            if (errors) {
                $.alerts.okButton = '&nbsp;ok&nbsp;';
                jAlert(validator.errorList[0].message, "attention");
                validator.errorList[0].element.focus(); //Set Focus
            }
        }
    });
    $('body').on('click', 'div:not(.coche-input)', function (event) { 
        
        if ($('#div_cotisation_sup').is(':visible')) {
            $('#form_adhesion_1').toggle();
        }
        if ($('#div_cotisation_sup_on').is(':visible')) {
            $('#form_adhesion_2').toggle();
        }
        
        
    })
    $(document).on('click', function (event) {
        if ($('#div_cotisation_sup').is(':visible')) {
            if (!$(event.target).closest('#form_adhesion_trigger_1').length) {
                $('#form_adhesion_1').css('display','none');
            }
        }
        if ($('#div_cotisation_sup_on').is(':visible')) {
            if (!$(event.target).closest('#form_adhesion_trigger_2').length) {
                $('#form_adhesion_2').css('display','none');
            }
        }
    });
    
        
    $("#form_adhesion_trigger_1").click(function(){
        $('#form_adhesion_1').toggle();
    })

    $("#form_adhesion_trigger_2").click(function(){
        $('#form_adhesion_2').toggle();
    })
    
    
    $("#non_adhesion").click(function(){
        if ($(this).is(":checked")){
           $(".casechoix").prop("checked",false);
        } 
    });
    $(".casechoix").click(function(){
        $("#non_adhesion").prop("checked",false);
    });
    
    $("#categorie").change(function(){
        $('#form_adhesion_1,#form_adhesion_2').hide();
        
        $(".casechoix").prop("checked",false);
        $("#non_adhesion").prop("checked",false);

        $div_sup = $("#div_cotisation_sup") // div => form_adhesion_1
        $div_on  = $("#div_cotisation_on") // div => form_adhesion_2
        
        switch($(this).val()){
            case '':
                $div_sup.attr("data-cache",0);
                $div_on.attr("data-cache",0);
                $("#form_adhesion_1 input[type='checkbox']").prop("checked",false)
                $("#options_hidden").val('');
                break;
            case 'Titulaire':

                $div_sup.attr("data-cache",1);
                $div_on.attr("data-cache",0);
                
                
                $("#options_hidden").val('1');
                
                $("#span_libelle_gratuit").hide();
                $(".span_tarifs").show();

                break;
            case 'Titulaire Junior AHU':
                $("#form_adhesion_1 input[type='checkbox']").prop("checked",false)
                $("#options_hidden").val('2');

                $div_sup.attr("data-cache",0);
                $div_on.attr("data-cache",1);
                
                $("#span_libelle_gratuit").show();
                $(".span_tarifs").hide();
                
                
                break;
            case 'Junior de la SFP interne':
                $div_sup.attr("data-cache",1);
                $div_on.attr("data-cache",0);

                $("#options_hidden").val('3');
                
                $("#span_libelle_gratuit").show();
                $(".span_tarifs").hide();
                
                break;
        }
    })
    function form_valider(){
        if ($("#options_hidden").val()=='1' || $("#options_hidden").val()=='3'){
            if ($('.coche-input:checked').length === 0) {
                $.alerts.okButton = '&nbsp;ok&nbsp;';
                jAlert("Vous devez répondre à la question des options d'adhésion", "attention");
            }else{
                $("#formulaireinscription").submit();
            }
        }else{
            // Junior de la SFP AHU
            $("#formulaireinscription").submit();
        }
    }
});