CMS-CSE/core/views/pages/cms.parametres-teams-edit.php

<header class="d-flex flex-column flex-md-row align-items-md-center p-3 bg-light ">
    <h2 class="bd-title" id="content">
        <span>Administration : Modification des Groupes & Droits</span>
    </h2>
</header>

<?php
echo core::filAriane(array(
    "current" => "Modification",
    "arbo" => array(
        "Administration" => NULL,
        "Groupes & Droits" => "/parametres-teams.html",
        "Modification" => "/parametres-teams-edit.html"
    )
));

?>

<form method="post" action="/submit.php">
    <input type="hidden" name="from" value="parametres-teams-edit">
    <div>
        <table id="table-edit" class="table-striped table-hover table-sm table table-bordered" width="100%">
            <thead>
                <tr>
                    <th>Accès</th>
                    <th width="180">Administrateur</th>
                    <th width="180">Bureau du CSE</th>
                    <th width="180">Elu du CSE</th>
                    <th width="180">Comptable</th>
                    <th width="180">Modérateur du CMS</th>
                    <th width="180">Assistance sociale</th>
                </tr>
            </thead>
            <tbody>
                <?php 
                    $access = access::finalCompletAccess();
                    foreach ($access as $valueAccess) {
                        access::printRenderAccessRow($valueAccess);
                    }
                ?>
            </tbody>
        </table>
    </div>

    <input class="btn btn-primary btn-lg" style="width: 100%" type="submit" value="Modifier les droits">
</form>

<script>
document.querySelectorAll('.form-select').forEach(function(select) {
    function updateBg() {
        switch (select.value) {
            case '1':
                select.style.backgroundColor = '#d4edda';
                break;
            case '0':
                select.style.backgroundColor = '#f8d7da';
                break;
            case '2':
                select.style.backgroundColor = '#ffeeba';
                break;
            default:
                select.style.backgroundColor = '';
        }
    }
    select.addEventListener('change', updateBg);
    updateBg(); 
});
</script>