CMS-CSE/core/views/pages/cms.stats.php

<?php 
    $statGeneral = stats::countStatistiquesGenerale();
?>
<header class="d-flex flex-column flex-md-row align-items-md-center p-3 bg-light ">
<h2 class="bd-title" id="content">
    <span>RH : Stats salariés</span>
</h2>
</header>
<?php   
        echo core::filAriane(array(
            "current" => "Stats salariés", 
            "arbo" => array( 
                "Salariés" => NULL, 
                "Stats salariés" => "/stats.html")
        )); 
?>

<ul class="nav nav-tabs" id="stats" style="margin-top: 40px;">
    <li class="nav-item"><a class="nav-link active" data-tab="general">Général</a></li>
    <li class="nav-item"><a class="nav-link" data-tab="tous-sites">Tous sites confondus</a></li>
    <li class="nav-item"><a class="nav-link" data-tab="an-entree">Par année d'entrée</a></li>
    <li class="nav-item"><a class="nav-link" data-tab="femmes-hommes">Femmes / Hommes</a></li>
    <li class="nav-item"><a class="nav-link" data-tab="contrats">Contrats actifs</a></li>
</ul>

<div class="tab-content" style="margin-bottom:40px;">
    <div id="tab-general"><?php get::page("stats-general") ?></div>
    <div id="tab-tous-sites" style="display:none;"><?php get::page("stats-tous-sites", ["statGeneral" => $statGeneral]) ?></div>
    <div id="tab-an-entree" style="display:none;"><?php get::page("stats-an-entree", ["statGeneral" => $statGeneral]) ?></div>
    <div id="tab-femmes-hommes" style="display:none;"><?php get::page("stats-femmes-hommes", ["statGeneral" => $statGeneral]) ?></div>
    <div id="tab-contrats" style="display:none;"><?php get::page("stats-contrats", ["statGeneral" => $statGeneral]) ?></div>
</div>


<script>
    $(document).ready(function() {
        $(".nav-link").click(function() {
            $(".nav-link").removeClass("active");
            $(this).addClass("active");

            const tabId = $(this).data("tab");
            $(".tab-content > div").hide();
            $("#tab-" + tabId).show();
        });
    });
</script>