<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dropdown Menu Example</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.7.2/font/bootstrap-icons.min.css">
    <link rel="stylesheet" href="assets/css/landing_page.css"> <!-- Ensure this path is correct -->
    <!-- Favicon -->
    <link href="<?= base_url('assets/images/favicon.ico') ?>" rel="icon">

</head>

<body>
    <?php include(__DIR__ . '/../partials/header.php'); ?>
    <nav class="navbar navbar-expand-lg" style="background-color: #2c9b09; padding-left: 1in;">
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link text-white active" href="<?= base_url('/parent_dashboard'); ?>">
                        <i class="bi bi-house-door"></i> Dashboard
                    </a>
                </li>
                <br>
                <li class="nav-item">
                    <a class="nav-link text-white" href="<?= base_url('parent/enroll_classes'); ?>">
                        <i class="bi bi-pencil-square"></i> Classe
                    </a>
                </li>
                <br>
                <li class="nav-item">
                    <a class="nav-link text-white" href="<?= base_url('parent/attendance'); ?>">
                        <i class="bi bi-calendar-check"></i> Attendance
                    </a>
                </li>
                <br>
                <li class="nav-item">
                    <a class="nav-link text-white" href="<?= base_url('parent/scores'); ?>">
                        <i class="bi bi-clipboard-data"></i> Scores
                    </a>
                </li>
                <br>
                <li class="nav-item">
                    <a class="nav-link text-white" href="<?= base_url('parent/messages'); ?>">
                        <i class="bi bi-chat-dots"></i> Assignments
                    </a>
                </li>
                <br>
                <li class="nav-item">
                    <a class="nav-link text-white" href="<?= base_url('parent/messages'); ?>">
                        <i class="bi bi-chat-dots"></i> Messages
                    </a>
                </li>
                <br>
                <li class="nav-item">
                    <a class="nav-link text-white" href="<?= base_url('support'); ?>">
                        <i class="bi bi-life-preserver"></i> Support
                    </a>
                </li>
                <br>
                <li class="nav-item">
                    <a class="nav-link text-white" href="<?= base_url('calendar'); ?>">
                        <i class="bi bi-calendar"></i> Calendar
                    </a>
                </li>
                <br>
                <li class="nav-item">
                    <a class="nav-link text-white" href="<?= base_url('parent/contact_us'); ?>">
                        <i class="bi bi-telephone"></i> Contact Us
                    </a>
                </li>
            </ul>
        </div>
    </nav>

    <main role="main" class="row no-gutters">
        <div class="hero-section col-12">
            <img src="#" alt="Hero Image" class="img-fluid custom-hero-image">
            <div class="welcome-message">
                <h1>Welcome to Al Rahma Sunday School</h1>

                <h2>Welcome, Student!</h2>
                <p>This is the student dashboard.</p>
            </div>
        </div>
        <div class="content col-12 row no-gutters">
            <div class="navigation col-md-8">
            </div>
        </div>
    </main>

    <?php include(__DIR__ . '/../partials/footer.php'); ?>

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
</body>

</html>