menu.php

<div id="wrapper">
        <div class="overlay"></div>
    
        <!-- Sidebar -->
        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
            <ul class="nav sidebar-nav">
                <li style="background: white;background-size: contain;background-image: url(/imgs/4.png);" class="sidebar-brand">
                </li>
                <hr />
                <?php   if (isset($_SESSION["instructor"])){
                            if ($_SESSION["instructor"]==1){ 
                                echo '<li class="dropdown">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-cog"></i> Instructor Settings</a>
                                            <ul class="dropdown-menu" role="menu">
                                                <li><a href="userprogress">Users\' Progress</a></li>
                                                <li><a href="addtopic">Add Topic</a></li>
                                                <li><a href="addresources">Add Topic Resources</a></li>
                                                <li><a href="addquestion">Add Topic Questions</a></li>
                                                <li><a href="comingsoon">Edit Topic</a></li>
                                                <li><a href="comingsoon">Edit Topic Resources</a></li>
                                                <li><a href="comingsoon">Edit Topic Questions</a></li>
                                                <li><a href="#">Account Settings</a></li>
                                                <li><a href="logout">Logout</a></li>
                                            </ul>
                                        </li>';
                            }  
                        
                            else if ($_SESSION["instructor"]==0){ 
                                echo   '<li class="dropdown">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-user"></i> Student Settings</a>
                                            <ul class="dropdown-menu" role="menu">
                                                <li><a href="userprogress">Progress</a></li>
                                                <li><a href="#">Blah</a></li>
                                                  <li><a href="#">Account Settings</a></li>
                                                <li><a href="logout">Logout</a></li>
                                            </ul>
                                        </li>';
                            }
                        }
                        else{
                            echo '<li><a href="register"><i class="fa fa-fw fa-user"></i> Register</a></li>';
                            echo '<li><a href="login"><i class="fa fa-fw fa-sign-in"></i> Login</a></li>';
                        }
                ?> 
                <li>
                    <a href="index"><i class="fa fa-fw fa-home"></i> Home</a>
                </li>

            
               <?php //Declare the Array
                $topics=array(); 
                //Set the Array to call the function (this function is in internal_api.php)
                $topics=getTopics();
                //Loop through the results and display them.. you can write out HTML with them as you see I'm writing out the topic and then the BR HTML tag.  If you need help concatenating the tags let me know
                foreach($topics as $item) {
            if (isset($_GET['id']) && $_GET['id'] == $item["topicID"]) {
                    echo '<li class="active"><a href=topic?id=' . $item["topicID"] . '>' . $item["topic"] . '</a></li>';
                    $theTopic = $item["topic"];
                  } else {
                    echo '<li><a href=topic?id=' . $item["topicID"] . '>' . $item["topic"] . '</a></li>';
                  }
                }
            ?>
            <li>
                    <li><a href="quiz">Test Your Knowledge</a></li>  
                </li>
            </ul>
        </nav>
        <!-- /#sidebar-wrapper -->
<font class= "menutext" color="white">Menu</font>
<br>
<br>
        <!-- Page Content -->
        <div id="page-content-wrapper">
          
          <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
            <span class="hamb-top"></span>
            <span class="hamb-middle"></span>

            <span class="hamb-bottom"></span>

          </button>

        </div>
        <!-- /#page-content-wrapper -->

    </div>
    <!-- /#wrapper -->