asistencia/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"], '?');
            $niveles = array_map(
                fn($nivel) => array_merge(
                    $nivel,
                    ['periodos' => $db->where('nivel_id', $nivel['nivel_id'])->get('periodo_view')]
                ), $db->get("nivel")
            );

            // collect facultad_id's with facultad from $periodos
            ?>
            <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
                                foreach ($niveles as $nivel) {
                                    ?>
                                    <li data-id="<?= $nivel['nivel_id'] ?>" class="not-selectable disable">
                                        <?= $nivel['nivel_nombre'] ?>
                                    </li>
                                    <?
                                    $periodos_rs = $db->query(
                                        'SELECT * FROM fs_periodo(NULL, :nivel,	4)',
                                        [':nivel' => $nivel['nivel_id']]
                                    );
                                    foreach ($periodos_rs as $per) {
                                        ?>
                                        <li data-id="<?= $per['periodo_id'] ?>" <?php if ($user->periodo == $per["periodo_id"]) {
                                              echo 'class="selected"';
                                          } ?>>
                                            <?= $per['periodo_nombre'] ?>
                                        </li>
                                    <?php } ?>
                                <?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>