function onLoad(id) {
    $.post('/json_article.php',
        {
            'id': id
        },
        function (data_json) {
            $('#selectVersion').off();
            remplirDIV("enVigueur", data_json);
            $('#selectVersion').change(function (e) {
                e.stopPropagation();
                var idVersion = $('#selectVersion').val();
                remplirDIV(idVersion, data_json);
            });
        }).fail((err) => {
            let errorMessage = "Une erreur s'est produite...";
            if (err.responseText !== undefined) {
                try {
                    const json = JSON.parse(err.responseText);
                    errorMessage = json.message
                }catch (e) {}
            }

            $('.contenuArticle').append(`<p style='color: red; font-weight: bold'>${errorMessage}</p>`);
            $('.loader').remove();
        });
    // $("#Btn_tools").removeClass('btn-outline-secondary').addClass('btn-secondary');
}

function remplirDIV(versionChoisie, data_json) {
    $("#contenuArticle").html("");
    $("#contenuArticleMetro").html("");
    $("#Adaptations").html("");
    $("#dateRedac").html("");
    $("#Redactions").html("");
    $("#selectVersion").html("");
    $("#historiqueMetropole").html("");
    $("#fil_d_ariane > ol").html("");
    $("#titreArticle").html("");
    $("h4.sousTitre").remove();
    var json = $.parseJSON(data_json);

    $(document).ready(function () {
        var numeroArticle = json.Numero;
        $("#text-input-numerotation").val(numeroArticle.trim());
        if (numeroArticle.includes('[')) {
            numeroArticle = numeroArticle.replace(/(\[.*\])/gm, '');
        }
        if (numeroArticle.includes('Annexe') || numeroArticle.includes('Circulaire')) {
            $("#titreArticle").html(numeroArticle);
        } else {
            $("#titreArticle").html("Article " + numeroArticle);
        }
        var enVigueur = json.EnVigueur;
        var enVigueurMetro = enVigueur['Metropole'];
        if (versionChoisie == 'enVigueur' && json.TypeArticle == 'Local') {
            var enVigueurLocal = enVigueur['Local'];
            $("#wrap-nota-legi").remove();
        } else if (versionChoisie == 'enVigueur') {
            var enVigueurPoly = enVigueur['Polynesie'];
        } else if (json.TypeArticle == 'Local') {
            var enVigueurLocal = versionChoisie;
            $("#wrap-nota-legi").remove();
        } else {
            var enVigueurPoly = versionChoisie;
        }
        var sousTitre = "";
        if (!numeroArticle.includes('Circulaire')) {
            $("#titreArticle").css("margin-bottom", 0).after("<h4 class='sousTitre'>" + json.LegiCode + "</h4>");
            if (!numeroArticle.includes('Annexe') && !numeroArticle.includes('Circulaire')) {
                var titrePage = "Article " + numeroArticle + " | " + html_entities(json.LegiCode);
            } else {
                var titrePage = numeroArticle + " | " + html_entities(json.LegiCode);
            }
        } else if (numeroArticle.includes('Annexe') || numeroArticle.includes('Circulaire')) {
            var titrePage = numeroArticle + " | " + html_entities(json.LegiCode);
        } else {
            var titrePage = "Article " + numeroArticle + " | " + html_entities(json.LegiCode);
        }
        if ($("#titreArticle").html() == "Article 1") {
            $("#titreArticle").html("Article 1<sup>er</sup>");
        }
        document.title = titrePage + " - Consolidation des codes de l'État";
        var abrev_lien_code = abrev_codes[json.CodeId];

        var href_facebook = "https://www.facebook.com/sharer.php?u=https://te-ture-p55cfikqeq-od.a.run.app//v2/article/" + json.idLocal;
        $(".fr-share__link--facebook").prop('href', href_facebook);

        var href_linkedin = "https://www.linkedin.com/shareArticle?url=https://te-ture-p55cfikqeq-od.a.run.app//v2/article/" + json.idLocal + "&title=" + encodeURIComponent(titrePage);
        $(".fr-share__link--linkedin").prop('href', href_linkedin);

        var href_mailto = "mailto:?subject=" + encodeURIComponent(titrePage) + "&body=" + encodeURIComponent("Cet article peut être consulté, dans sa rédaction applicable, sur : \nhttps://te-ture-p55cfikqeq-od.a.run.app//article/" + json.idLocal);
        $(".fr-share__link--mail").prop('href', href_mailto);

        let Arborescence = json.Arborescence;
        $("#fil_d_ariane > ol").append('<li><a id="breadcrumb_accueil" class="fr-breadcrumb__link router-link-active" href="/" data-fr-js-breadcrumb-link-actionee="true">Accueil</a></li>');
        if (json.CodeIdLegi == "LOCAL") {
            $("#fil_d_ariane > ol").append('<li><a id="breadcrumb_accueil" class="fr-breadcrumb__link router-link-active" href="/recueils/liste" data-fr-js-breadcrumb-link-actionee="true">Recueils</a></li>');
        } else {
            $("#fil_d_ariane > ol").append('<li><a id="breadcrumb_accueil" class="fr-breadcrumb__link router-link-active" href="/codes/liste" data-fr-js-breadcrumb-link-actionee="true">Codes</a></li>');
        }
        $("#fil_d_ariane > ol").append('<li><a id="breadcrumb_code" class="fr-breadcrumb__link breadcrumb-item-link router-link-active" idCode="' + json.CodeId + '" href="/codes/' + json.CodeId + '/' + abrev_lien_code + '" data-fr-js-breadcrumb-link-actionee="true">' + json.Code + '</a></li>');
        $.each(Arborescence, function (n, niveau) {
            $("#fil_d_ariane > ol").append('<li><a class="fr-breadcrumb__link breadcrumb-item-link router-link-active" href="/codes/' + json.CodeId + '/' + abrev_lien_code + '#' + niveau.Cid + '" data-fr-js-breadcrumb-link-actionee="true">' + niveau.Nom + '</a></li>');
            $('#btn-retourCode').prop('href', '/codes/' + json.CodeId + '/' + abrev_lien_code + '#' + niveau.Cid);
        });

        if (json.Code != json.LegiCode && (json.CodeIdLegi == "LOCAL" || json.CodeIdLegi === undefined)) {
            if (json.LienLEXPOL !== undefined) {
                var idLexpol = json.LienLEXPOL.replace('https:\/\/lexpol.cloud.pf\/LexpolAfficheTexte.php?texte=', '');
                $("#fil_d_ariane > ol").append('<li><span class="fr-breadcrumb__link router-link-active" aria-current="page" idLexpol="' + idLexpol + '">' + json.LegiCode + '</span></li>');
            } else {
                $("#fil_d_ariane > ol").append('<li><span class="fr-breadcrumb__link router-link-active" aria-current="page">' + json.LegiCode + '</span></li>');
            }
        }
        if (!numeroArticle.includes('Annexe') && !numeroArticle.includes('Circulaire')) {
            $("#fil_d_ariane > ol").append('<li><span class="fr-breadcrumb__link router-link-active" aria-current="page">Article ' + numeroArticle + '</span></li>');
        } else {
            $("#fil_d_ariane > ol").append('<li><span class="fr-breadcrumb__link router-link-active" aria-current="page">' + numeroArticle + '</span></li>');
        }
        if (json.NatureTexte == undefined || json.NatureTexte == "code") {
            let contexte = json.contexte;
            if (contexte.prev != null && contexte.prev != undefined) {
                $("#prevArticle").prop("href", contexte.prev);
            }
            if (contexte.suiv != null && contexte.suiv != undefined) {
                $("#nextArticle").prop("href", contexte.suiv);
            }
        }
        $('body,html').animate({
            scrollTop: $("#nav-bloc").offset().top
        }, 20);
        // ######################
        if (json.TypeArticle != "Adaptation") {
            $("#toggle-Reo").removeAttr('disabled');
        }
        if (json.TypeArticle == "Local") {
            $("#blocExtension").remove();
            $("#blocAdaptation").remove();

            $("#margeArticlegauche").show();
            $("#margeArticledroite").show();
            $("#cadreArticle").removeClass("fr-col-lg-6").addClass("fr-col-lg-10");
            $("#cadreArticleMetro").remove();
            $(".tag-PF").remove();

            var versionLocale = json.Versions_locales[enVigueurLocal];
            $.each(json.Versions_locales, function (n, vers) {
                $("#selectVersion").append('<option id="vers_' + n + '" value="' + n + '">' + vers.DebutFormate + '</option>');
            });
            $("#vers_" + enVigueurLocal).prop('selected', 'selected');

            $.each(versionLocale.TexteArticle, function (p, paragraphe) {
                var num_paraph = parseInt(p, 10) + 1;
                paragraphe = paragraphe.replaceAll("reference=", "title=");
                $("#contenuArticle").append("<p numparagraphe='" + num_paraph + "'>" + paragraphe + "</p>");
            });
            $("#historiqueMetropole").html("");
            if (versionLocale.Modifs !== undefined) {
                $.each(versionLocale.Modifs, function (m, modif) {
                    $("#historiqueMetropole").prepend("<p class='adapts'><span class='fr-badge fr-badge--sm fr-badge--info fr-badge--no-icon'>MODIFIÉ</span> <a href='" + modif.LEXPOL + "' target='_blank' rel='noreferrer noopener' class='badge bg-danger text-white'>" + modif.Texte + "</a> - <b>" + modif.Ref + "</b><br><em>" + modif.Resume + "</em></p>");
                });
            }
            $("#Btn_CaC").hide();
            $("#colMetro").hide();
            $("#colPoly").removeClass('').addClass('col-md-12');
            $("#Btn_Ref").hide();
            $("#Btn_hist").hide();
            $("#cadreRefers").show();
            $("#cadreRefers").children('h4').html('Texte initial');
            $(".cadreAdapts").children('h4').html('Modifications');
            $("#historiqueMetropole").append('<p class="flag"><span class="fr-badge fr-badge--sm fr-badge--success fr-badge--no-icon">TEXTE INITIAL</span> ' + json.TitreTexte + '</p>');
            $(".flag").css("font-size", "initial").css("font-weight", "normal");
            var urlLexpol = json.LienLEXPOL;
            $("#lienLegifrance").attr("href", urlLexpol).html("Consulter sur Lexpol");
            $("#blocRedaction").show();
            $("#redacAppli").hide();
            $("#AutresVersions").show();
            $("#Redactions").hide();

            if (json.NombreVersions > 1) {
                $("#nbRedactions").html('<u>' + json.NombreVersions + ' rédactions</u> disponibles');
            } else {
                // $("#selectVersion").prop('disabled','disabled');
            }
        } else {
            $("#toggle-Metro").attr('disabled', false);
            $("#toggle-Refs").attr('disabled', false);
            $("#toggle-Histo").attr('disabled', false);
            $("#blocRedaction").show();
            var urlLegifrance = json.LienLegifrance;
            $("#lienLegifrance").attr("href", urlLegifrance);
            var versionPoly = json.Versions_Polynesie[enVigueurPoly];
            var versionMetro = json.Versions_Metropole[enVigueurMetro];

            $.each(json.Versions_Metropole, function (k, version) {
                var MortNe = "";
                if (version.Etat != undefined) {
                    if (version.Etat.includes("MORT_NE")) {
                        var MortNe = "MortNe ";
                    }
                }
                var item = `<section class="fr-accordion"><h3 class="fr-accordion__title"><button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-${k}"><span class="${MortNe} flag">${version.DebutFormate}</span><span id="pastille_nat_${version.VersionId}"></span><span id="pastille_loc_${version.VersionId}"></span></button></h3><div class="fr-collapse" id="accordion-${k}"><ul class="desc detailVersion">`;
                var nbTxt = 0;
                if (version.Textes !== undefined) {
                    $.each(version.Textes, function (m, text) {
                        var label = text.Label;
                        item = labelling2(item, label, text.Titre, text.Cid, text.Article, text.DOLE);
                        nbTxt++;
                    });
                } else if (json.CodeLocal == true) {
                    var label = "TEXTE INITIAL";
                    var lienArticle = "<a href='" + json.LienLegifrance + "' target='_blank' rel='noreferrer noopener'>Article</a>";
                    item += `<li class="popLegifrance"><h6><span class="fr-badge fr-badge--sm fr-badge--success fr-badge--no-icon">${label}</span> ${json.LegiCode}</h6><p class="dossierLegislatif">${lienArticle}</p></li>`;
                    nbTxt++;
                }
                item = item + '</ul></div></section>';
                $("#historiqueMetropole").append(item);
            });
            // $('.popLegifrance').on('click', function (e) {
            // 	if ($(this).hasClass('popOuverte'))
            // 	{
            // 		$(this).popover('hide').removeClass('popOuverte');
            // 	}
            // 	else
            // 	{
            // 	    $('.popLegifrance').popover('hide').removeClass('popOuverte');
            // 		$(this).popover('show').addClass('popOuverte');
            // 	}
            // });
            if (versionMetro !== undefined) {
                $("#pastille_nat_" + versionMetro.VersionId).addClass("hexagone");
            }
            if (versionPoly !== undefined && versionMetro !== undefined) {
                if ((json.TypeArticle != "Metropolitain" && json.TypeArticle != "Exterieur") || json.PleinDroit == true) {
                    $("#pastille_loc_" + versionMetro.VersionId).addClass("drapeauPF");
                } else {
                    $("#pastille_loc_" + versionPoly.IdLegifrance).addClass("drapeauPF");
                }
            }
            $.each(json.Versions_Polynesie, function (n, vers) {
                $("#selectVersion").append('<option id="vers_' + n + '" value="' + n + '">' + vers.FormatDate + '</option>');
            });
            $("#vers_" + enVigueurPoly).prop('selected', 'selected');

            if (versionMetro !== undefined) {
                $.each(versionMetro.Contenu, function (p, paragraphe) {
                    var num_paraph = parseInt(p, 10) + 1;
                    paragraphe = paragraphe.replaceAll("reference=", "title=");
                    $("#contenuArticleMetro").append("<p numparagraphe='" + num_paraph + "'>" + paragraphe + "</p>");
                });
            }
            if (versionPoly != undefined && versionMetro !== undefined) {
                if (versionPoly.Nota != "" && versionPoly.Nota != null) {
                    $("#notaLegi").html("<u>Nota Légifrance :</u> " + versionPoly.Nota);
                    $("#notaLegi").show();
                } else {
                    $("#notaLegi").hide();
                }

                $.each(versionPoly.TexteArticle, function (p, paragraphe) {
                    var num_paraph = parseInt(p, 10) + 1;
                    paragraphe = paragraphe.replaceAll("reference=", "title=");
                    $("#contenuArticle").append("<p numparagraphe='" + num_paraph + "'>" + paragraphe + "</p>");
                });

                if ((json.TypeArticle == "Metropolitain" || json.TypeArticle == "Exterieur") && versionPoly.artVide == undefined) {
                    $("#dateRedac").append(versionPoly.DateRedaction.replace("1er", "1<sup>er</sup>"));
                } else {
                    $("#dateRedac").append(versionMetro.DebutFormate.replace("1er", "1<sup>er</sup>"));
                }
            }
            $("del").each(function () {
                if ($(this).is(':only-child') || $(this).parent().children('.impr').text() == "{...}") {
                    var prev = $(this).parent().prev();
                    if ($(this).parent().is(':first-child')) {
                        $(this).parent().css('display', 'inline-block');
                    } else if (prev.children('del').not(':only-child') && prev.children('.impr').text() != "{...}") {
                        $(this).parent().css('display', 'inline-block');
                    } else if (prev.children('del').is(':first-child') && prev.children('.impr').text() == "{...}" && $(this).parent().css('display') !== 'inline-block') {
                        $(this).parent().css('display', 'inline');
                    }
                }
            });
            if (json.CodeLocal == true && json.TypeArticle != "Metropolitain" && json.TypeArticle != "Exterieur") {
                if ((json.TypeArticle != "Metropolitain" && json.TypeArticle != "Exterieur")) {
                    $("#comparaisonMetro").html('<span class="fr-badge fr-badge--sm fr-badge--info">applicable de plein droit</span>');
                }
                if (json.NombreVersions > 1) {
                    $("#nbRedactions").html('<u>' + json.NombreVersions + ' rédactions</u> disponibles');
                } else if (json.NombreVersions !== undefined) {
                    var nbVersions = json.Versions_Metropole.length;
                    if (nbVersions > 1) {
                        $("#nbRedactions").html('<u>' + nbVersions + ' rédactions</u> disponibles');
                    } else {
                        // $("#selectVersion").prop('disabled','disabled');
                    }
                } else {
                    // $("#selectVersion").prop('disabled','disabled');
                }
            } else if (versionPoly != undefined && versionMetro !== undefined) {
                if ((json.TypeArticle != "Metropolitain" && json.TypeArticle != "Exterieur") || versionPoly.PleinDroit == true) {
                    $("#comparaisonMetro").html('<span class="fr-badge fr-badge--sm fr-badge--info">applicable de plein droit</span>');
                    if (json.NombreVersions > 1) {
                        $("#nbRedactions").html('<u>' + json.NombreVersions + ' rédactions</u> disponibles');
                    } else {
                        // $("#selectVersion").prop('disabled','disabled');
                    }
                } else if (versionPoly.IdLegifrance == versionMetro.VersionId) {
                    $("#comparaisonMetro").html('<span class="fr-badge fr-badge--sm fr-badge--success">identique à l\'hexagone</span>');
                    if (json.NombreVersions > 1) {
                        $("#nbRedactions").html('<u>' + json.NombreVersions + ' rédactions</u> disponibles');
                    } else {
                        // $("#selectVersion").prop('disabled','disabled');
                    }
                } else {
                    $("#comparaisonMetro").html('<span class="fr-badge fr-badge--sm fr-badge--error">version différente applicable</span>');
                    if (json.NombreVersions > 1) {
                        $("#nbRedactions").html('<u>' + json.NombreVersions + ' rédactions</u> disponibles');
                    } else {
                        // $("#selectVersion").prop('disabled','disabled');
                    }
                }
                $.each(versionPoly.Textes, function (k, adapt) {
                    if (adapt.Affichage > 0) {
                        var Adaptation = "";
                        var Redaction = "";
                        if (versionChoisie == "enVigueur") {
                            var dateModal = Math.floor(new Date().getTime() / 1000);
                        } else {
                            var dateModal = versionPoly.Date;
                        }
                        if (adapt.Nature == "CODE") {
                            Redaction += "<span class='fr-badge fr-badge--sm fr-badge--purple-glycine'>Codifi&eacute;</span>";
                            if (adapt.Titre != "(article lui-meme)") {
                                Redaction += " <a href='#' class='artModal' data-fr-opened='false' aria-controls='ModalArticle' nature='Code' date='" + dateModal + "' id='" + adapt.link['cid'] + "' base='" + adapt.link['base'] + "'>" + adapt.Titre + "</a >";
                            }
                        } else if (adapt.Nature == "EXTENSION") {
                            Redaction += "<span class='fr-badge fr-badge--sm fr-badge--sm fr-badge--yellow-tournesol'>&Eacute;tendu</span>";
                            if (adapt.link != null) {
                                Redaction += " <a href='#' class='artModal' data-fr-opened='false' aria-controls='ModalArticle' nature='Etendu' id='" + adapt.link['cid'] + "' base='" + adapt.link['base'] + "'>" + adapt.Titre + "</a >";
                            } else {
                                Redaction += " <a nature='Etendu'>" + adapt.Titre + "</a >";
                            }
                        } else if (adapt.Nature == "EXTERIEUR") {
                            Redaction += "<span class='fr-badge fr-badge--sm fr-badge--green-menthe'>Rendu applicable</span>";
                            if (adapt.link != null) {
                                Redaction += " <a href='#' class='artModal' data-fr-opened='false' aria-controls='ModalArticle' nature='Ext' id='" + adapt.link['cid'] + "' base='" + adapt.link['base'] + "'>" + adapt.Titre + "</a >";
                            } else {
                                Redaction += " <a nature='Ext'>" + adapt.Titre + "</a >";
                            }
                        } else if (adapt.Nature == "ADAPT_GLOBALE" || adapt.Nature == "ADAPT_IND") {
                            if (adapt.Titre != "(non applicable)") {
                                Adaptation += "<span class='fr-badge fr-badge--sm fr-badge--blue-ecume'>Adapt&eacute;</span>";
                                Adaptation += " <strong>" + adapt.Titre + "</strong><br>";
                                Adaptation += " <em>" + adapt.Contenu + "</em>";
                            }
                        }

                        if (Redaction != "") {
                            $("#Redactions").append("<p class='redacs'>" + Redaction + "</p>");
                        }
                        if (Adaptation != "") {
                            $("#Adaptations").append("<p class='adapts'>" + Adaptation + "</p>");
                        }
                    }
                });
            }
            $(".artModal").click(function (e) {
                // e.preventDefault();
                var idLegi = $(this).prop('id');
                var nat = $(this).attr('nature');
                var base = $(this).attr('base');
                var date = $(this).attr('date');
                $('#ModalLienLegi').hide();
                $.post('/json_article.php?modal',
                    {
                        'idLegi': idLegi,
                        'base': base,
                        'date': date,
                    },
                    function (data_json) {
                        var json = $.parseJSON(data_json);
                        $('#ModalArticleTitre').html("Article " + json.Num);
                        $('#ModalArticleTitre').append("<br><span class='sousTitre'>" + json.Code + "</span>");
                        if (json.DateVersion == null) {
                            $("#ModalArticleDate").hide();
                        } else {
                            $("#ModalArticleDate").show();
                            $("#ModalArticleDate").html('<p class="position-absolute top-0 start-50 translate-middle-x"><strong>[en vigueur au ' + json.DateVersion + ']</strong></p>');
                        }
                        var nbTxt = 0;
                        var item = "";
                        $("#ModalArticleRefs").remove();
                        if (json.Textes !== undefined) {
                            $.each(json.Textes, function (m, text) {
                                var label = text.Label;
                                item = labelling2(item, label, text.Titre, text.Cid, text.Article, text.DOLE);
                                nbTxt++;
                            });
                            $("#RefsModal").html(item);
                            $('.popLegifrance').on('click', function (e) {
                                if ($(this).hasClass('popOuverte')) {
                                    $(this).popover('hide').removeClass('popOuverte');
                                } else {
                                    $('.popLegifrance').popover('hide').removeClass('popOuverte');
                                    $(this).popover('show').addClass('popOuverte');
                                }
                            });
                        }
                        $("#ModalArticleBody").html("").removeClass("loader");
                        $.each(json.Texte, function (p, paragraphe) {
                            $("#ModalArticleBody").append("<p>" + paragraphe + "</p>");
                        });

                        var urlLegifrance = json.LienLegifrance;

                        $('#ModalLienLegi').attr('href', urlLegifrance).show();
                        // $('#ModalArticle').modal('show');
                    });
            });
        }
        $(".detailVersion .badge").removeClass('badge').addClass('fr-badge fr-badge--sm');
        if (json.CodeLocal == false) {
            if (json.TypeArticle == "Exterieur") {
                $("#typeArticle").addClass("fr-badge--green-menthe");
                $("#typeArticle").html("Article extérieur");
                $("#typeArticle").show();
            } else if (json.TypeArticle == "Propre") {
                $("#typeArticle").addClass("fr-badge--yellow-tournesol");
                $("#typeArticle").html("Article propre à la collectivité");
                $("#typeArticle").show();
            } else if (json.TypeArticle == "Adaptation") {
                $("#typeArticle").addClass("fr-badge--purple-glycine");
                $("#typeArticle").html("Article d'application");
                $("#typeArticle").show();
            } else if (json.TypeArticle == "PleinDroit") {
                $("#typeArticle").addClass("fr-badge--blue-ecume");
                $("#typeArticle").html("Article applicable de plein droit");
                $("#typeArticle").show();
            }
        } else {
            if (json.NiveauArticle == "Constit") {
                $("#typeArticle").addClass("fr-badge--orange-terre-battue");
                $("#typeArticle").html("Niveau constitutionnel");
                $("#typeArticle").show();
            } else if (json.NiveauArticle == "LO") {
                $("#typeArticle").addClass("fr-badge--yellow-moutarde");
                $("#typeArticle").html("Niveau organique");
                $("#typeArticle").show();
            } else if (json.NiveauArticle == "Loi") {
                $("#typeArticle").addClass("fr-badge--yellow-tournesol");
                $("#typeArticle").html("Niveau législatif");
                $("#typeArticle").show();
            } else if (json.NiveauArticle == "decret_CE") {
                $("#typeArticle").addClass("fr-badge--beige-gris-galet");
                $("#typeArticle").html("Décret en Conseil d'&Eacute;tat");
                $("#typeArticle").show();
            } else if (json.NiveauArticle == "decret_CM") {
                $("#typeArticle").addClass("fr-badge--beige-gris-galet");
                $("#typeArticle").html("Décret en Conseil des ministres");
                $("#typeArticle").show();
            } else if (json.NiveauArticle == "decret_CECM") {
                $("#typeArticle").addClass("fr-badge--beige-gris-galet");
                $("#typeArticle").html("Décret en Conseil d'&Eacute;tat et en Conseil des ministres");
                $("#typeArticle").show();
            } else if (json.NiveauArticle == "decret") {
                $("#typeArticle").html("Décret simple");
                $("#typeArticle").show();
            } else if (json.NiveauArticle == "arrete_min") {
                $("#typeArticle").addClass("fr-badge--green-menthe");
                $("#typeArticle").html("Arrêté ministériel");
                $("#typeArticle").show();
            } else {
                if (json.TypeArticle == "Propre") {
                    $("#typeArticle").addClass("fr-badge--yellow-tournesol");
                    $("#typeArticle").html("Niveau législatif");
                    $("#typeArticle").show();
                } else {
                    if (json.NiveauArticle == "Pays") {
                        $("#typeArticle").addClass("fr-badge--green-archipel");
                        $("#typeArticle").html("Texte du Pays");
                    } else {
                        $("#typeArticle").addClass("fr-badge--pink-tuile");
                        $("#typeArticle").html("Arrêté du haut-commissaire");
                    }
                    $("#typeArticle").show();
                }
            }
        }
        if ($("#Adaptations").text().trim() == "") {
            $("#blocAdaptation").hide();
        } else if ($('#toggle-Refs').is(':checked')) {
            $("#blocAdaptation").show();
        }
        if ($("#Redactions").text().trim() == "") {
            $("#blocExtension").hide();
        } else if ($('#toggle-Refs').is(':checked')) {
            $("#blocExtension").show();
        }
    });
}

function labelling2(item, label, titreTexte, cidTexte, artTexte, DOLE = null) {
    var LTxt = label;
    var LColor = '';
    titreTexte = titreTexte.replace('LOI', 'Loi');
    switch (label) {
        case 'CREATION':
            LColor = 'fr-badge--success fr-badge--no-icon';
            LTxt = 'CR&Eacute;&Eacute;';
            break;
        case 'CREE':
            LColor = 'fr-badge--success fr-badge--no-icon';
            LTxt = 'CR&Eacute;&Eacute;';
            break;
        case 'VIGUEUR':
            LTxt = 'EN VIGUEUR';
            break;
        case 'ABROGE_DIFF':
            LTxt = 'EN VIGUEUR';
            break;
        case 'MODIFIE':
            LColor = 'fr-badge--info fr-badge--no-icon';
            LTxt = 'MODIFI&Eacute;';
            break;
        case 'MODIFICATION':
            LColor = 'fr-badge--info fr-badge--no-icon';
            LTxt = 'MODIFI&Eacute;';
            break;
        case 'DEPLACE':
            LTxt = 'DEPLAC&Eacute;';
            break;
        case 'VIGUEUR_DIFF':
            LTxt = 'DIFF&Eacute;R&Eacute;';
            break;
        case 'ABROGE':
            LColor = 'fr-badge--error fr-badge--no-icon';
            LTxt = 'ABROG&Eacute;';
            break;
        case 'CODIFICATION':
            LTxt = 'CODIFI&Eacute;';
            break;
        case 'CODIFIE':
            LTxt = 'CODIFI&Eacute;';
            break;
    }
    if (artTexte.includes("JORF")) {
        if (artTexte.includes("ARTI")) {
            var lienArticle = "<a href='https://www.legifrance.gouv.fr/jorf/article_jo/" + artTexte + "' target='_blank' rel='noreferrer noopener'>Article</a>";
        } else {
            var lienArticle = "";
        }
    } else {
        var lienArticle = "<a href='https://www.legifrance.gouv.fr/loda/article_lc/" + artTexte + "' target='_blank' rel='noreferrer noopener'>Article</a>";
    }
    var liensDOLE = "";
    if (DOLE != null) {
        liensDOLE = liensDOLE + liens_DOLE2(DOLE);
    }
    var lienJORF = `<a href="https://www.legifrance.gouv.fr/jorf/id/${cidTexte}" target="_blank" rel="noreferrer noopener">Texte publié au <i>JORF</i></a>`;
    return item + `<li class="popLegifrance"><h6><span class="fr-badge fr-badge--sm ${LColor}">${LTxt}</span> ${titreTexte}</h6><p class="dossierLegislatif">${lienJORF}${lienArticle}${liensDOLE}</p></li>`;
}

function liens_DOLE2(DOLE) {
    var liensDOLE = "";
    if (DOLE.id != undefined) {
        liensDOLE = liensDOLE + "<a href='https://www.legifrance.gouv.fr/dossierlegislatif/" + DOLE.id + "/' target='_blank' rel='noreferrer noopener'>Dossier sur Légifrance</a>";
    }
    if (DOLE.etudeImpact != undefined) {
        if (Array.isArray(DOLE.etudeImpact)) {
            $.each(DOLE.etudeImpact, function (key, lien) {
                var n = key + 1;
                liensDOLE = liensDOLE + "<a href='" + lien + "' target='_blank' rel='noreferrer noopener'>Étude d'impact (" + n + ")</a>";
            });
        } else {
            liensDOLE = liensDOLE + "<a href='" + DOLE.etudeImpact + "' target='_blank' rel='noreferrer noopener'>Étude d'impact</a>";
        }
    }
    if (DOLE.avisCE != undefined) {
        if (Array.isArray(DOLE.avisCE)) {
            $.each(DOLE.avisCE, function (key, lien) {
                var n = key + 1;
                liensDOLE = liensDOLE + "<a href='" + lien + "' target='_blank' rel='noreferrer noopener'>Avis du Conseil d'État (" + n + ")</a>";
            });
        } else {
            liensDOLE = liensDOLE + "<a href='" + DOLE.avisCE + "' target='_blank' rel='noreferrer noopener'>Avis du Conseil d'État</a>";
        }
    }
    if (DOLE.RapportPR != undefined) {
        liensDOLE = liensDOLE + "<a href='" + DOLE.RapportPR + "#stickyPage' target='_blank' rel='noreferrer noopener'>Rapport au Président de la République</a>";
    }
    if (DOLE.dossierLegislatif != undefined) {
        liensDOLE = liensDOLE + "<a href='" + DOLE.dossierLegislatif + "' target='_blank' rel='noreferrer noopener'>Dossier législatif (Sénat)</a>";
    }
    if (DOLE.ConseilConstit != undefined) {
        liensDOLE = liensDOLE + "<a href='" + DOLE.ConseilConstit + "' target='_blank' rel='noreferrer noopener'>Décision du Conseil constitutionnel</a>";
    }
    if (DOLE.loiRatification != undefined) {
        liensDOLE = liensDOLE + "<a href='" + DOLE.loiRatification + "' target='_blank' rel='noreferrer noopener'>Loi de ratification</a>";
    }
    return liensDOLE;
}

$('#toggle-Reo').change(function () {
    if ($(this).is(':checked')) {
        $("#toggle-Metro").attr('disabled', 'disabled');
        $("#cadreArticle").removeClass("fr-col-lg-10").addClass("fr-col-lg-6");
        $("#cadreArticleMetro").hide();
        $("#cadreTraduction").show();
        $("#margeArticlegauche").hide();
        $("#margeArticledroite").hide();
        $(".tag-PF").hide();
        $.get('/traduction.php',
            {
                'id': $('main').attr('id'),
            },
            function (data) {
                var contenuTraduit = $.parseJSON(data)
                $("#contenuArticleTraduit").html(contenuTraduit.texte);
            });
    } else {
        $("#toggle-Metro").removeAttr('disabled');
        $("#cadreTraduction").hide();
        if ($('#toggle-Metro').is(':checked')) {
            $("#cadreArticleMetro").show();
            $(".tag-PF").show();
        } else {
            $("#margeArticlegauche").show();
            $("#margeArticledroite").show();
            $("#cadreArticle").removeClass("fr-col-lg-6").addClass("fr-col-lg-10");
            $("#cadreArticleMetro").hide();
        }
    }
});

$('#toggle-Histo').change(function () {
    if ($(this).is(':checked')) {
        $("#blocHistorique").show();
        $.get("/cookies.php", {HistoryOff: true});
    } else {
        $("#blocHistorique").hide();
        $.get("/cookies.php", {HistoryOn: true});
    }
});
$('#toggle-Refs').change(function () {
    if ($(this).is(':checked')) {
        $("#blocAdaptation").show();
        $("#blocExtension").show();
        $.get("/cookies.php", {RefsOff: true});
    } else {
        $("#blocAdaptation").hide();
        $("#blocExtension").hide();
        $.get("/cookies.php", {RefsOn: true});
    }
});
$('#toggle-Metro').change(function () {
    if ($(this).is(':checked')) {
        $("#margeArticlegauche").hide();
        $("#margeArticledroite").hide();
        $("#cadreArticle").removeClass("fr-col-lg-10").addClass("fr-col-lg-6");
        $("#cadreArticleMetro").show();
        $(".tag-PF").show();
        $.get("/cookies.php", {SideBySideOn: true});
    } else {
        $("#margeArticlegauche").show();
        $("#margeArticledroite").show();
        $("#cadreArticle").removeClass("fr-col-lg-6").addClass("fr-col-lg-10");
        $("#cadreArticleMetro").hide();
        $(".tag-PF").hide();
        $.get("/cookies.php", {SideBySideOff: true});
    }
    $('body,html').animate({
        scrollTop: $("#nav-bloc").offset().top
    }, 20);
});