<!-- sidebar.php -->
<nav class="col-md-3 col-lg-2 d-md-block bg-light sidebar">
    <div class="sidebar-sticky pt-3">
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link active" href="/parent_dashboard">
                    <i class="bi bi-house-door"></i>
                    Dashboard
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('parent/register_kid_form'); ?>">
                    <i class="bi bi-person-plus"></i>
                    Register Kids
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('parent/enroll_classes'); ?>">
                    <i class="bi bi-pencil-square"></i>
                    Enroll in Classes
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('parent/attendance'); ?>">
                    <i class="bi bi-calendar-check"></i>
                    Attendance
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('parent/scores'); ?>">
                    <i class="bi bi-clipboard-data"></i>
                    Scores
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('parent/payment'); ?>">
                    <i class="bi bi-credit-card"></i>
                    Payment
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('parent/messages'); ?>">
                    <i class="bi bi-chat-dots"></i>
                    Messages
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('/calendars'); ?>">
                    <i class="bi bi-calendar"></i>
                    Calendar
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('/contact_us'); ?>">
                    <i class="bi bi-telephone"></i>
                    Contact Us
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('/support'); ?>">
                    <i class="bi bi-life-preserver"></i>
                    Support
                </a>
            </li>
        </ul>
    </div>
</nav>