Untitled

    <div class="h-80 overflow-y-auto text-black h-fill">
                                <?php if ($dataSubjects) : ?>
                                    <?php $counter = 0; ?>
                                    <div class="flex flex-row flex-wrap">
                                        <?php foreach ($dataSubjects as $subject) : ?>
                                            <?php if ($counter % 4 === 0 && $counter !== 0) : ?>
                                    </div>
                                    <div class="flex flex-row flex-wrap">
                                    <?php endif; ?>
                                    <li onclick="openSubjectModal('<?= $subject['subject'] ?>', '<?= $subject['teacher_id'] ?>', '<?= $class['class_id'] ?>')" class="py-4 flex w-1/4 border-2 rounded-md bg-blue-950 text-white shadow-md h-fill items-center cursor-pointer">
                                        <span class="text-3xl">
                                            <i class="fas fa-chalkboard-teacher text-2xl mx-5 sm:text-md text-white"></i>
                                        </span>
                                        <div class="flex flex-col ml-3 items-center">
                                            <div class="flex flex-col justify-evenly">
                                                <p class="text-lg sm:text-sm font-semibold text-white mr-2"><?= $subject['subject'] ?></p>
                                                <p class="text-sm font-normal text-white">Teacher Id: <?= $subject['teacher_id'] ?></p>
                                            </div>
                                        </div>
                                    </li>
                                    <?php $counter++; ?>
                                <?php endforeach; ?>
                                    </div>
                                <?php else : ?>
                                    <p class="text-black p-4">No subjects found</p>
                                <?php endif; ?>
                            </div>