<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>cellnomineesinduction.online</title>
  <!--  <link rel="stylesheet" href="styles.css">-->
    <style>
        body {
        margin: 0;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        }

        header {
            background-color: #0e1b70;
            color: #fff;
            padding: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 20px;
        }

        .menu-toggle {
            display: none;
            flex-direction: column;
            cursor: pointer;
        }

        .menu-toggle span {
            height: 3px;
            width: 25px;
            background-color: #fff;
            margin: 5px 0;
            display: block;
        }

        .menu {
            display: flex;
        }

        .menu ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            display: flex;
        }

        .menu li {
            margin-right: 20px;
        }

        .menu a {
            text-decoration: none;
            color: #fff;
            font-weight: bold;
        }

        @media (max-width: 768px) {
    .menu {
        display: none;
        flex-direction: column;
        width: 100%;
        position: fixed;
        top: 60px;
        left: 0;
        background-color: #0e1b70;
        z-index: 9999;
    }

    .menu.show {
        display: flex;
    }

    .menu ul {
        flex-direction: column;
        padding: 0;
        margin: 0;
    }

    .menu li {
        margin: 0;
        padding: 10px;
        text-align: center;
    }

    .menu-toggle {
        display: flex;
    }
}

        </style>

</head>
<body>

    <header>
      <div class="logo">
      <img src="https://cellnomineesinduction.online/cellministry-logo.png" alt="Logo" width="100px">
  </div>
        <div class="menu-toggle" id="mobile-menu">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <?php
        //$_SESSION['userType'] = 'member';
        if ($_SESSION['userType'] == 'member') {
            echo
            "<nav class='menu'>
            <ul>
                <li><a href='dashboard.php'>Home</a></li>
                <!-- <li><a href='profile.php'>My Profile</a></li>-->
                <li><a href='nominees2.php'>Nominees Directory</a></li>
                <li><a href='bulk_upload.php'>Upload Nominees</a></li>
                <li><a href='out.php'>Logout</a></li>
                <!-- Add additional menu items as needed -->
            </ul>
        </nav>";
    }
    ?>
        <?php
        if ($_SESSION['userType'] == 'admin') {
            echo
            "<nav class='menu'>
            <ul>
                <li><a href='dashboard.php'>Home</a></li>
               <li><a href='usermanagement.php'>Zonal Directory</a></li>
                <li><a href='create_user.php'>Create Zone</a></li>
                <li><a href='#'>Nominees Directory</a></li>
               <li><a href='#'>Reports</a></li>
                <li><a href='../out.php'>Logout</a></li>
                <!-- Add additional menu items as needed -->
            </ul>
            </nav>";
        }
        ?>



        <?php
        if ($_SESSION['userType'] == 'cellleader') {
            echo
            "<nav class='menu'>
            <ul>
                    <li><a href='dashboard.php'>Home</a></li>
                    <li><a href='profile.php'>My Profile</a></li>
                    <li><a href='cell_report_submit.php'>New Cell Report</a></li>
                    <li><a href='cell_report_list.php'>View Cell Reports</a></li>
                    <li><a href='my_cell_host.php'>Virtual Cell Meeting</a></li>
                    <li><a href='../out.php'>Logout</a></li>
                    <!-- Add additional menu items as needed -->
                </ul>
            </nav>";
        }
        ?>
        <?php
        if ($_SESSION['userType'] == 'online_admin') {
            echo
            "<nav class='menu'>
            <ul>
                    <li><a href='dashboard.php'>Home</a></li>
                    <li><a href='cell_report_submit.php'>New Cell Report</a></li>
                    <li><a href='cell_report_list.php'>View Cell Reports</a></li>
                    <li><a href='enrolled_courses.php'>Virtual Cell Meeting</a></li>
                    <li><a href='../out.php'>Logout</a></li>
                    <!-- Add additional menu items as needed -->
                </ul>
            </nav>";
        }
        ?>
        <?php
        if ($_SESSION['userType'] == 'pastor') {
            echo
            "<nav class='menu'>
            <ul>
                    <li><a href='serv_rept_step1.php'>New Service Report</a></li>
                    <li><a href='profile.php'>My Profile</a></li>
                    <li><a href='myReports.php'>View Service Reports</a></li>
                    <li><a href='/member/enrolled_courses.php'>Events</a></li>
                    <li><a href='/member/enrolled_courses.php'>Foundation School</a></li>
                    <li><a href='/member/enrolled_courses.php'>Events</a></li>
                    <li><a href='out.php'>Logout</a></li>
                    <!-- Add additional menu items as needed -->
                </ul>
            </nav>";
        }
        ?>
        <?php
        if ($_SESSION['userType'] == 'finance_admin') {
            echo
            "<nav class='menu'>
            <ul>
                    <li><a href='admin_finance.php'>Home</a></li>
                    <li><a href='admin_partnership.php'>New Cell Report</a></li>
                    <!--<li><a href='cell_report_list.php'>View Cell Reports</a></li>
                    <li><a href='enrolled_courses.php'>Virtual Cell Meeting</a></li>-->
                    <li><a href='../out.php'>Logout</a></li>
                    <!-- Add additional menu items as needed -->
                </ul>
            </nav>";
        }
        ?>
        <?php
        if ($_SESSION['userType'] == 'cg_admin') {
            echo
            "<nav class='menu'>
            <ul>
                    <li><a href='admin_cg_serviceReport.php'>Service Reports</a></li>
                    <li><a href='admin_cg_cellReports.php'> Cell Report</a></li>
                    <!--<li><a href='cell_report_list.php'>View Cell Reports</a></li>
                    <li><a href='enrolled_courses.php'>Virtual Cell Meeting</a></li>-->
                    <li><a href='../out.php'>Logout</a></li>
                    <!-- Add additional menu items as needed -->
                </ul>
            </nav>";
        }
        ?>
        <?php
        if ($_SESSION['userType'] == 'mmd_admin') {
            echo
            "<nav class='menu'>
            <ul>
                    <li><a href='admin_mmd.php'>Home</a></li>
                    <!--<li><a href='cell_report_submit.php'>New Cell Report</a></li>
                    <li><a href='cell_report_list.php'>View Cell Reports</a></li>
                    <li><a href='enrolled_courses.php'>Virtual Cell Meeting</a></li>-->
                    <li><a href='../out.php'>Logout</a></li>
                    <!-- Add additional menu items as needed -->
                </ul>
            </nav>";
        }
        ?>
        <?php
        if ($_SESSION['userType'] == 'director') {
            echo
            "<nav class='menu'>
            <ul>
                <li><a href='dashboard.php'>Home</a></li>
              <!--  <li><a href='view_churches.php'>Church Directory</a></li>
                <li><a href='view_cells.php'>Cell System</a></li>-->
                <li><a href='member_list.php'>Users Directory</a></li>
                <li><a href='courses.php'>Foundation School</a></li>
               <li><a href='admin_reports.php'>Reports</a></li>
                <li><a href='../out.php'>Logout</a></li>
                <!-- Add additional menu items as needed -->
            </ul>
            </nav>";
        }
        ?>
    </header>

    <div class="content">
        <!-- Your page content goes here -->
    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
              const menuToggle = document.getElementById("mobile-menu");
              const menu = document.querySelector(".menu");

              menuToggle.addEventListener("click", function () {
                  menu.classList.toggle("show");
              });
          });
          </script>
  <!--  <script src="script.js"></script>-->
</body>
</html>
