<div class="pathways-nav">
    <div class="row-fluid">
        <div class="span2">
            <!--  ### Image of Pathways ###  -->
            <div class="text-center" style="min-width:150px">
                <a class="brand" href="<?= path(__DIR__ . '/../main.php') ?>"><img src="<?= path(__DIR__ . '/../images/pathways_logo.png') ?>" alt="Pathways MIS" /></a>
            </div> 
            <!--  ### Image of Pathways ###  -->
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div class="span12 text-right" style="padding-top:10px; padding-right:10px">
                    <!--  ### The information of user ###  -->
                    <p style="margin:0px; padding-right:10px; border-radius: 0px 4px 4px 0px;; background-image: linear-gradient(to right, #F7F7F7, #F7F7F7, #F7F7F7, #F0F0F0);">
                        Welcome
                        <span style="padding-left:6px"></span>
                        <a id="change_password_link"
                           href="<?php // path(__DIR__ . '/../user/form.php') . '?' . http_build_query(array('id' => $_SESSION['webadmin']['id']))            ?>"
                           class="navbar-link"
                           title="Change password" data-toggle="tooltip" data-placement="bottom">
                               <?= $_SESSION['MIS_login']['loginname'] ?>
                        </a>
                        <script type="text/javascript">
                            $(function() {
                                $('#change_password_link').tooltip();
                            });
                        </script>
                        <span style="padding-left:15px"></span>
                        |
                        <span style="padding-left:15px"></span>
                        <!--  ### Logout function ###  -->                        
                        <a href="<?= path(__DIR__ . './logout.php') ?>">Logout</a>
                        <!--  ### Logout function ### -->
                    </p>
                </div>
            </div>
            <div class="row-fluid" style="padding-top:25px">
                <div class="span12">
                    <ul class="nav nav-tabs pull-right" style="margin-bottom:0">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Staff <i class="caret"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="../staff/index.php">Staff Record</a></li>                                
                                <li><a href="../Teaching_Record/teaching_records.php">Teaching Records</a></li>
                                <li><a href="../Payroll/Payroll_List.php">Payroll</a></li>
                                <li><a href="">Generate Payroll</a></li>
                            </ul>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Student <i class="caret"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="../student/student.php">Student Record</a></li>
                                <li><a href=""">Invoice</a></li>
                                <li><a href="">Generate Invoice</a></li>
                                <li><a href="../WaitingList/index.php">Waiting List</a></li>                        
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="caret"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="">School</a></li>
                                <li><a href="">Organization</a></li>
                                <li><a href="">Individuals</a></li>                                
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Donor<i class="caret"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="">Donor Record</a></li>
                            </ul>
                        </li>
                        <li><a href="../Event/Event_List.php">Events</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Attendance <i class="caret"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="../Attendance/index.php">Daily Attendance</a></li>
                                <li><a href="../Event_Attendance/index.php">Event Attendance</a></li>
                            </ul>
                        </li>
                        <li><a href="#" class="">Reports</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">System <i class="caret"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="">District</a></li>                                
                                <li><a href="">Campus</a></li>
                                <li><a href="">Venue</a></li>
                                <li><a href="">Student Grade</a></li>                                
                                <li><a href="">Staff Position</a></li>
                                <li><a href="">Program</a></li>
                                <li><a href="">Subject</a></li>                                
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12" style="background-color:#FFF; min-height:10px; border-top:1px solid #E6E6E6;"></div>
    </div>
</div>
<script type="text/javascript">
    $(function() {
        $('.menu-coming-soon').click(function() {
            bootbox.alert('Coming soon.');
        });
    });
</script>