paad/import/periodo.php

<script src="js/jquery.min.js"></script>

<form action="action/action_periodousuario_update.php" method="post" id="formaPeriodo">
    <div class="row">
        <div class="col-12">
            <?php
            $target = $target ?? strtok($_SERVER["REQUEST_URI"], '?');
            $periodos = queryAll("SELECT * FROM FS_PERIODO WHERE FACULTAD_ID = COALESCE(:fac, FACULTAD_ID) ORDER BY INICIO DESC", [":fac" =>  $user->admin ? null : $user->facultad['facultad_id']]);
            // collect facultad_id's with facultad from $periodos
            if ($user->admin)
                $facultades = array_unique(array_column($periodos, 'facultad', 'facultad_id'));
            ?>
            <input type="hidden" name="target" value="<?= $target ?>">
            <div class="form-box">
                <div class="form-group row">
                    <label for="periodo" class="col-4 col-form-label">Cambiar de periodo</label>
                    <div class="col-6">
                        <div id="dlPeriodo" class="datalist datalist-select mb-1 w-100">
                            <div class="datalist-input">Selecciona un periodo</div>
                            <span class="ing-buscar icono"></span>
                            <ul style="display:none">
                                <?php if (!$user->admin) foreach ($periodos as $periodo) { ?>

                                    <li data-id="<?= $periodo['id'] ?>">
                                        <?= "{$periodo['nivel']} - {$periodo['periodo']} ({$periodo['estado']})" ?>
                                    </li>
                                    <?php }
                                else {
                                    foreach ($facultades as $facultad_id => $facultad) {
                                    ?>
                                        <li class="facultad not-selectable" data-id="<?= $facultad_id ?>">
                                            <?= $facultad ?>
                                        </li>
                                        <?php
                                        foreach (array_filter($periodos, fn ($p) => $p['facultad_id'] == $facultad_id) as $periodo) {
                                        ?>
                                            <li data-id="<?= $periodo['id'] ?>">
                                                <?= "{$periodo['nivel']} - {$periodo['periodo']} ({$periodo['estado']})" ?>
                                            </li>
                                <?php }
                                    }
                                } ?>
                            </ul>
                            <input type="hidden" id="periodo" name="id" value="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

<script src="./js/datalist.js"></script>
<script>
    setDatalist('#periodo', <?php echo $user->periodo; ?>)
    makeRequiredDatalist("#periodo", true);

    $(document).on('click', '#dlPeriodo ul li', function() {
        $('#formaPeriodo').submit();
    });
</script>