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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="School Web">
    <meta name="author" content="NetSoft Malawi">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/logos/swb_logo.png">
    <title>Admin - School Web</title>
    <!-- Bootstrap Core CSS -->
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="../assets/vendors/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
    <!-- chartist CSS -->
    <link href="assets/plugins/chartist-js/dist/chartist.min.css" rel="stylesheet">
    <link href="assets/plugins/chartist-js/dist/chartist-init.css" rel="stylesheet">
    <link href="assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.css" rel="stylesheet">
    <!--This page css - Morris CSS -->
    <link href="assets/plugins/c3-master/c3.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <!-- You can change the theme colors from here -->
    <link href="css/colors/blue.css" id="theme" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="../assets/vendors/simditor-2.3.28/site/assets/styles/simditor.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body class="fix-header fix-sidebar card-no-border">
    <!-- ============================================================== -->
    <!-- Preloader - style you can find in spinners.css -->
    <!-- ============================================================== -->
    <div class="preloader">
        <svg class="circular" viewBox="25 25 50 50">
            <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
    </div>
    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id="main-wrapper">
        <!-- ============================================================== -->
        <!-- Topbar header - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <header class="topbar">
            <nav class="navbar top-navbar navbar-toggleable-sm navbar-light">
                <!-- ============================================================== -->
                <!-- Logo -->
                <!-- ============================================================== -->
                <div class="navbar-header">
                    <a class="navbar-brand" href="index.html">
                        <!-- Logo icon --<b>
                            <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
                            
                            <!-- Light Logo icon --
                            <img style="height: 50px;" src="../assets/img/logos/swb_logo.png" alt="homepage" class="light-logo shadow" />
                        </b>
                        <!--End Logo icon -->
                        <!-- Logo text --<span>
                         
                         <!-- Light Logo text --> 
                         <span id="school_name_logo_">
                            <span class="d-block float-left" id="school_logo_">
                                <img id="school_logo_img" class="mt-2" src="../assets/img/school_logo.png" alt="Logo" style="max-height: 60px;" /></span> </a>
                            </span>
                             
                            <span class="d-block float-right text-left mr-2 pt-1 " id="school_name_containter">
                                <span class="font-weight-bold" id="school_name_" style="color: white;font-size: 20px">KSS</span><br>
                                <span class="text-light font-weight-bold" style="font-size: 12px; color: white;" class="d-block" >Striving For Excellence</span>
                            </span>
                        </span>
                         
                    </a>
                </div>
                <!-- ============================================================== -->
                <!-- End Logo -->
                <!-- ============================================================== -->
                <div class="navbar-collapse">
                    <!-- ============================================================== -->
                    <!-- toggle and nav items -->
                    <!-- ============================================================== -->
                    <ul class="navbar-nav mr-auto mt-md-0">
                        <!-- This is  -->
                        <li class="nav-item"> <a id="navbar_tooggler_" class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="mdi mdi-menu"></i></a> </li>
                        <!-- ============================================================== -->
                        <!-- Search -->
                        <!-- ============================================================== --
                        <li class="nav-item hidden-sm-down search-box"> <a class="nav-link hidden-sm-down text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>
                            <form class="app-search">
                                <input type="text" class="form-control" placeholder="Search & enter"> <a class="srh-btn"><i class="ti-close"></i></a> </form>
                        </li-->
                    </ul>
                    <!-- ============================================================== -->
                    <!-- User profile and search -->
                    <!-- ============================================================== -->
                    <ul class="navbar-nav my-lg-0 ml-auto">
                        <!-- ============================================================== -->
                        <!-- Profile -->
                        <!-- ============================================================== -->
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="profile_view()">
                                <!--img src="assets/images/users/1.jpg" alt="user" class="profile-pic m-r-10" /-->
                                <span class="fas fa-user text-light"></span>
                                Mwenewezi
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <!-- ============================================================== -->
        <!-- End Topbar header -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Left Sidebar - style you can find in sidebar.scss  -->
        <!-- ============================================================== -->
        <aside class="left-sidebar">
            <!-- Sidebar scroll-->
            <div class="scroll-sidebar">
                <!-- Sidebar navigation-->
                <nav class="sidebar-nav">
                    <ul id="sidebarnav">
                        <li>  
                            <a class="waves-effect waves-dark index_menu hand_cursor" id="dashboard_menu_link" aria-expanded="false" onclick="dashboard_view()">
                                <i class="mdi mdi-gauge"></i>
                                <span class="hide-menu">Dashboard</span>
                            </a>
                        </li>
                        
                        <!--Teachers Portal menu--
                        <li>
                            <a class="waves-effect waves-dark index_menu menu_hand_cursor" id="teacher_p_sic_link" aria-expanded="false" onclick="students_in_class_view()">
                                <i class="menu-icon fas fa-user-graduate"></i>
                                <span class="hide-menu">Students in class</span>
                            </a>
                        </li>
                        <li>
                            <a class="waves-effect waves-dark index_menu menu_hand_cursor" id="teacher_p_ge_link" aria-expanded="false" onclick="teacher_grade_entry()">
                                <i class="menu-icon fas fa-edit"></i>
                                <span class="hide-menu">Grade entry</span>
                            </a>
                        </li>
                        <!--End Teachers Portal menu-->

                        <!--Students Portal menu-->
                        <!--li>
                            <a class="waves-effect waves-dark index_menu menu_hand_cursor"  aria-expanded="false" onclick="student_portal_view()" id="student_p_summary_link">
                                <i class="menu-icon fas fa-eye"></i>
                                <span class="hide-menu">Overview</span>
                            </a>
                        </li--
                        <li>
                            <a class="waves-effect waves-dark index_menu menu_hand_cursor" id="student_p_s_link" aria-expanded="false" onclick="student_portal_subjects_view()">
                                <i class="menu-icon fas fa-list"></i>
                                <span class="hide-menu">Subjects</span>
                            </a>
                        </li>
                        <li>
                            <a class="waves-effect waves-dark index_menu menu_hand_cursor" id="student_p_ac_link" aria-expanded="false" onclick="student_portal_academic_performance()" style="white-space: initial;">
                                <i class="menu-icon fas fa-chart-bar"></i>
                                <span class="hide-menu">Academic Performance</span>
                            </a>
                        </li>
                        <!--End Students Portal menu-->
                                
                        <li class="rounded" onmouseleave="hide_school_menu()"> 
                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu font-weight-bold" id="school_menu_link" onclick="school_menu()" onmouseenter="show_school_menu()" style="cursor: auto !important;text-decoration: None !important; ">
                                <span>
                                    <i class="fas fa-building" style="cursor: auto !important;text-decoration: None !important; "></i>
                                    <span class="hide-menu">
                                        School
                                    </span>
                                </span>
                            </a>
                            
                            <div class="pl-3 hide-menu" id="school_menu_id">
                                <a class="menu_hand_cursor" onclick="active_students_summary_view()">
                                    <span class="fas fa-eye fa-sm"></span>
                                    Overview
                                </a>
                                <a class="menu_hand_cursor" onclick="add_students_view()">
                                    <span class="fas fa-plus fa-sm"></span>
                                    Add Students
                                </a>
                                <a class="waves-effect waves-dark d-flex justify-content-between px-3 menu_hand_cursor" data-toggle="collapse" data-target="#student_class_menu">
                                    <span>
                                        <i class="fas fa-chalkboard-teacher"></i>
                                        <span class="text-dark">
                                            Student Classes 
                                        </span>
                                    </span>
                                        
                                    <!--div class="ml-2 expand_caret_c">
                                        <span class="expand_caret caret"></span>
                                    </div-->
                                </a>
                                <div class="pl-3 collapse" id="student_class_menu">
                                    <a class="d-block  menu_hand_cursor" onclick="student_class_view()">Form 1</a>
                                    <a class="d-block  menu_hand_cursor" onclick="student_class_view()">Form 2</a>
                                    <a class="d-block  menu_hand_cursor" onclick="student_class_view()">Form 3</a>
                                    <a class="d-block  menu_hand_cursor" onclick="student_class_view()">Form 4</a>
                                </div>
                            </div>
                        </li>
                        <li class="rounded" onmouseleave="hide_staff_menu()"> 
                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu font-weight-bold" id="staff_menu_link" onclick="school_menu()" onmouseenter="show_staff_menu()" style="cursor: auto !important;text-decoration: None !important; ">
                                <span>
                                    <i class="fas fa-chalkboard-teacher" style="cursor: auto !important;text-decoration: None !important; "></i>
                                    <span class="hide-menu">
                                        Staff
                                    </span>
                                </span>
                            </a>
                            
                            <div class="pl-3 hide-menu" id="staff_menu_id">
                                <a class="menu_hand_cursor" onclick="active_staff_summary_view()">
                                    <span class="fas fa-eye fa-sm"></span>
                                    Overview
                                </a>
                                <a class="menu_hand_cursor" onclick="staff_view()">
                                    <span class="fas fa-list fa-sm"></span>
                                    Staff list
                                </a>
                                <a class="menu_hand_cursor" onclick="add_staff_view()">
                                    <span class="fas fa-plus fa-sm"></span>
                                    Add Staff
                                </a>
                                
                            </div>
                        </li>
                        <li class="rounded mt-3" onmouseenter="show_extras_menu()" onmouseleave="hide_extras_menu()"> 
                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu font-weight-bold" aria-expanded="false" id="extras_menu_link" onclick="extras_menu()" >
                                <span>
                                    <i class="fas fa-list" style="cursor: auto !important;text-decoration: None !important; "></i>
                                    <span class="hide-menu">
                                        Extras
                                    </span>
                                </span>
                            </a>
                            
                            <div class="" id="extras_menu_id">
                                <ul>
                                    <li class="rounded"> 
                                        <a class="waves-effect waves-dark px-3 index_menu d-flex justify-content-between  extras_sub_menu_link" id="assessment_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#assessment_menu_id" href="#assessment_menu_id" onclick="assessment_menu()">
                                            <span>
                                                <i class="fas fa-bar-chart fa-sm"></i>
                                                <span class="hide-menu extras_sub_menu">
                                                    Assessment
                                                </span>
                                            </span>
                                                
                                            <div class="ml-1 expand_caret_c d-inline">
                                                <span class="expand_caret caret"></span>
                                            </div>
                                        </a>
                                        
                                        <div class="pl-3 collapse" id="assessment_menu_id">
                                            <a class="menu_hand_cursor" onclick="register_students()">
                                                <i class="menu-icon fa fa-plus"></i>
                                                Register Students
                                            </a>
                                            <a class="menu_hand_cursor" onclick="deregister_students()">
                                                <i class="menu-icon fa fa-minus-circle"></i>
                                                Deregister Students
                                            </a>
                                            <a class="menu_hand_cursor" onclick="subject_class_registration()" style="white-space: initial;">
                                                <i class="menu-icon fa fa-list"></i>
                                                Subject Class Registration
                                            </a>
                                            <a class="menu_hand_cursor" onclick="student_subjects_view()">
                                                <i class="menu-icon fa fa-list-alt"></i>
                                                Student Subjects
                                            </a>
                                            <a class="menu_hand_cursor" onclick="grade_processing()">
                                                <i class="menu-icon fa fa-chart-pie"></i>
                                                Grades Processing
                                            </a>
                                            <a class="menu_hand_cursor" onclick="grade_entry_view()">
                                                <i class="menu-icon fa fa-edit"></i>
                                                Grades Entry
                                            </a>
                                            <a class="menu_hand_cursor" onclick="class_list_view()">
                                                <i class="menu-icon fa fa-list"></i>
                                                Class List
                                            </a>
                                            <a class="menu_hand_cursor" onclick="student_record_view()">
                                                <i class="menu-icon fa fa-file"></i>
                                                Student Record
                                            </a>
                                        </div>
                                    </li>
                                    
                                    <li class="rounded"> 
                                        <a class="waves-effect waves-dark px-3 index_menu d-flex justify-content-between  extras_sub_menu_link" id="manage_teachers_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#manage_teachers_menu_id" href="#manage_teachers_menu_id" onclick="manage_teachers_menu()">
                                            <span>
                                                <i class="fas fa-user-cog fa-sm"></i>
                                                <span class="hide-menu extras_sub_menu">
                                                    Manage Teachers
                                                </span>
                                            </span>
                                                
                                            <div class="ml-1 expand_caret_c d-inline">
                                                <span class="expand_caret caret"></span>
                                            </div>
                                        </a>
                                        
                                        <div class="pl-3 collapse" id="manage_teachers_menu_id">
                                            <a class="menu_hand_cursor" onclick="teachers_summary_view()">
                                                <span class="fas fa-pie-chart fa-sm"></span>
                                                Teachers Overview
                                            </a>
                                            <a class="menu_hand_cursor" onclick="teachers_list_view()">
                                                <span class="fas fa-list fa-sm"></span>
                                                Teacher List
                                            </a>
                                            <a class="menu_hand_cursor" onclick="teacher_subject_allocation()" style="white-space: initial;">
                                                <span class="fas fa-plus fa-sm"></span>
                                                Teacher Subject Allocation
                                            </a>
                                        </div>
                                    </li>
                                    <li class="rounded"> 
                                        <a class="waves-effect waves-dark px-3 index_menu d-flex justify-content-between  extras_sub_menu_link" id="announcements_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#announcements_menu_id" href="#announcements_menu_id" onclick="announcements_menu()">
                                            <span>
                                                <i class="fas fa-microphone fa-sm"></i>
                                                <span class="hide-menu extras_sub_menu">
                                                    Announcements
                                                </span>
                                            </span>
                                                
                                            <div class="ml-2 expand_caret_c d-inline">
                                                <span class="expand_caret caret"></span>
                                            </div>
                                        </a>
                                        
                                        <div class="pl-3 collapse" id="announcements_menu_id">
                                            <a class="menu_hand_cursor" onclick="announcements_view()">
                                                <span class="fas fa-microphone fa-sm"></span>
                                                All announcements
                                            </a>
                                            <a class="menu_hand_cursor" onclick="add_announcement_view()">
                                                <span class="fas fa-plus fa-sm"></span>
                                                Add Announcement
                                            </a>
                                        </div>
                                    </li>
                                    <li class="rounded"> 
                                        <a class="waves-effect waves-dark px-3 index_menu d-flex justify-content-between extras_sub_menu_link" id="users_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#users_menu_id" href="#users_menu_id" onclick="users_menu()">
                                            <span>
                                                <i class="fas fa-users fa-sm"></i>
                                                <span class="hide-menu extras_sub_menu">
                                                    System Users
                                                </span>
                                            </span>
                                            <div class="ml-0 expand_caret_c d-inline">
                                                <span class="expand_caret caret"></span>
                                            </div>
                                        </a>
                                        
                                        <div class="pl-3 collapse" id="users_menu_id">
                                            <a class="menu_hand_cursor" onclick="users_summary_view()">
                                                <span class="fas fa-users fa-sm"></span>
                                                Users
                                            </a>
                                            <a class="menu_hand_cursor" onclick="create_users_view()">
                                                <span class="fas fa-user-plus fa-sm"></span>
                                                Create User
                                            </a>
                                            <a class="menu_hand_cursor" onclick="users_modules_view()">
                                                <span class="fas fa-list fa-sm" ></span>
                                                User modules
                                            </a>
                                            <a class="menu_hand_cursor" onclick="reset_user_password_view()">
                                                <span class="fas fa-user-secret fa-sm"></span>
                                                Reset User Password
                                            </a>
                                        </div>
                                    </li>
                                    <!--li class="rounded"> 
                                        <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu " id="my_school_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#my_school_menu_id" href="#my_school_menu_id" onclick="my_school_menu()">
                                            <span>
                                                <i class="fas fa-building"></i>
                                                <span class="hide-menu">
                                                    My School
                                                </span>
                                            </span>
                                                
                                            <div class="ml-2 expand_caret_c">
                                                <span class="expand_caret caret"></span>
                                            </div>
                                        </a>
                                        
                                        <div class="pl-3 collapse" id="my_school_menu_id">
                                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 menu_hand_cursor" data-toggle="collapse" data-target="#teachers_portal_menu">
                                                <span>
                                                    <i class="fas fa-chalkboard-teacher"></i>
                                                    <span class="hide-menu">
                                                        Teachers Portal
                                                    </span>
                                                </span>
                                                    
                                                <div class="ml-2 expand_caret_c">
                                                    <span class="expand_caret caret"></span>
                                                </div>
                                            </a>
                                            <div class="pl-3 collapse show" id="teachers_portal_menu">
                                                <a class="d-block" href="#right-panel" onclick="teacher_summary_view()">
                                                    <i class="menu-icon fas fa-chalkboard-teacher"></i>
                                                    Teacher summary
                                                </a>
                                                <a class="d-block" href="#right-panel" onclick="students_in_class_view()">
                                                    <i class="menu-icon fas fa-user-graduate"></i>
                                                    Students in class
                                                </a>
                                                <a class="d-block" href="#right-panel" onclick="teacher_grade_entry()">
                                                    <i class="menu-icon fas fa-edit"></i>
                                                    Grade entry
                                                </a>
                                            </div>
                                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 menu_hand_cursor" data-toggle="collapse" data-target="#students_portal_menu">
                                                <span>
                                                    <i class="fas fa-user-graduate"></i>
                                                    <span class="hide-menu" style="white-space: initial;">
                                                        Student/Parents Portal
                                                    </span>
                                                </span>
                                                    
                                                <div class="ml-2 expand_caret_c">
                                                    <span class="expand_caret caret"></span>
                                                </div>
                                            </a>
                                            <div class="pl-3 collapse show" id="students_portal_menu">
                                                <a class="d-block" href="#right-panel" onclick="student_portal_view()">
                                                    <i class="menu-icon fas fa-eye"></i>
                                                    Overview
                                                </a>
                                                <a class="d-block" href="#right-panel" onclick="student_portal_subjects_view()">
                                                    <i class="menu-icon fas fa-list"></i>
                                                    Subjects
                                                </a>
                                                <a class="d-block" href="#right-panel" onclick="student_portal_academic_performance()" style="white-space: initial;">
                                                    <i class="menu-icon fas fa-chart-bar"></i>
                                                    Academic Performance
                                                </a>
                                            </div>
                                        </div>
                                    </li-->
                                    
                                </ul>
                            </div>
                        </li>























                        <!--li class="bg-white rounded"> 
                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu " id="users_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#users_menu_id" href="#users_menu_id" onclick="users_menu()">
                                <span>
                                    <i class="fas fa-users fa-sm"></i>
                                    <span class="hide-menu">
                                        System Users
                                    </span>
                                </span>
                                <div class="ml-2 expand_caret_c">
                                    <span class="expand_caret caret"></span>
                                </div>
                            </a>
                            
                            <div class="pl-3 collapse" id="users_menu_id">
                                <a href="#!" onclick="users_summary_view()">
                                    <span class="fas fa-users fa-sm"></span>
                                    Users
                                </a>
                                <a href="#!" onclick="create_users_view()">
                                    <span class="fas fa-user-plus fa-sm"></span>
                                    Create User
                                </a>
                                <a href="#!" onclick="users_modules_view()">
                                    <span class="fas fa-list fa-sm" ></span>
                                    User modules
                                </a>
                                <a href="#!" onclick="reset_user_password_view()">
                                    <span class="fas fa-user-secret fa-sm"></span>
                                    Reset User Password
                                </a>
                            </div>
                        </li>
                        <li class="bg-white rounded"> 
                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu " id="manage_teachers_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#manage_teachers_menu_id" href="#manage_teachers_menu_id" onclick="manage_teachers_menu()">
                                <span>
                                    <i class="fas fa-user-cog fa-sm"></i>
                                    <span class="hide-menu">
                                        Manage Teachers
                                    </span>
                                </span>
                                    
                                <div class="ml-2 expand_caret_c">
                                    <span class="expand_caret caret"></span>
                                </div>
                            </a>
                            
                            <div class="pl-3 collapse" id="manage_teachers_menu_id">
                                <a href="#!" onclick="teachers_summary_view()">
                                    <span class="fas fa-pie-chart fa-sm"></span>
                                    Teachers Overview
                                </a>
                                <a href="#!" onclick="teachers_list_view()">
                                    <span class="fas fa-list fa-sm"></span>
                                    Teacher List
                                </a>
                                <a href="#!" onclick="teacher_subject_allocation()" style="white-space: initial;">
                                    <span class="fas fa-plus fa-sm"></span>
                                    Teacher Subject Allocation
                                </a>
                            </div>
                        </li>
                        <li class="bg-white rounded"> 
                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu " id="announcements_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#announcements_menu_id" href="#announcements_menu_id" onclick="announcements_menu()">
                                <span>
                                    <i class="fas fa-microphone fa-sm"></i>
                                    <span class="hide-menu">
                                        Announcements
                                    </span>
                                </span>
                                    
                                <div class="ml-2 expand_caret_c">
                                    <span class="expand_caret caret"></span>
                                </div>
                            </a>
                            
                            <div class="pl-3 collapse" id="announcements_menu_id">
                                <a href="#!" onclick="announcements_view()">
                                    <span class="fas fa-microphone fa-sm"></span>
                                    All announcements
                                </a>
                                <a href="#!" onclick="add_announcement_view()">
                                    <span class="fas fa-plus fa-sm"></span>
                                    Add Announcement
                                </a>
                            </div>
                        </li>
                        <li class="bg-white rounded"> 
                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu " id="my_school_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#my_school_menu_id" href="#my_school_menu_id" onclick="my_school_menu()">
                                <span>
                                    <i class="fas fa-building"></i>
                                    <span class="hide-menu">
                                        My School
                                    </span>
                                </span>
                                    
                                <div class="ml-2 expand_caret_c">
                                    <span class="expand_caret caret"></span>
                                </div>
                            </a>
                            
                            <div class="pl-3 collapse" id="my_school_menu_id">
                                <a href="#!" class="waves-effect waves-dark d-flex justify-content-between px-3" data-toggle="collapse" data-target="#teachers_portal_menu">
                                    <span>
                                        <i class="fas fa-chalkboard-teacher"></i>
                                        <span class="hide-menu">
                                            Teachers Portal
                                        </span>
                                    </span>
                                        
                                    <div class="ml-2 expand_caret_c">
                                        <span class="expand_caret caret"></span>
                                    </div>
                                </a>
                                <div class="pl-3 collapse show" id="teachers_portal_menu">
                                    <a class="d-block" href="#right-panel" onclick="teacher_summary_view()">
                                        <i class="menu-icon fas fa-chalkboard-teacher"></i>
                                        Teacher summary
                                    </a>
                                    <a class="d-block" href="#right-panel" onclick="students_in_class_view()">
                                        <i class="menu-icon fas fa-user-graduate"></i>
                                        Students in class
                                    </a>
                                    <a class="d-block" href="#right-panel" onclick="teacher_grade_entry()">
                                        <i class="menu-icon fas fa-edit"></i>
                                        Grade entry
                                    </a>
                                </div>
                                <a href="#!" class="waves-effect waves-dark d-flex justify-content-between px-3" data-toggle="collapse" data-target="#students_portal_menu">
                                    <span>
                                        <i class="fas fa-user-graduate"></i>
                                        <span class="hide-menu" style="white-space: initial;">
                                            Student/Parents Portal
                                        </span>
                                    </span>
                                        
                                    <div class="ml-2 expand_caret_c">
                                        <span class="expand_caret caret"></span>
                                    </div>
                                </a>
                                <div class="pl-3 collapse show" id="students_portal_menu">
                                    <a class="d-block" href="#right-panel" onclick="student_portal_view()">
                                        <i class="menu-icon fas fa-eye"></i>
                                        Overview
                                    </a>
                                    <a class="d-block" href="#right-panel" onclick="student_portal_subjects_view()">
                                        <i class="menu-icon fas fa-list"></i>
                                        Subjects
                                    </a>
                                    <a class="d-block" href="#right-panel" onclick="student_portal_academic_performance()" style="white-space: initial;">
                                        <i class="menu-icon fas fa-chart-bar"></i>
                                        Academic Performance
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li class="bg-white rounded"> 
                            <a class="waves-effect waves-dark d-flex justify-content-between px-3 index_menu " id="assessment_menu_link"  href="table-basic.html" aria-expanded="false" data-toggle="collapse" data-target="#assessment_menu_id" href="#assessment_menu_id" onclick="assessment_menu()">
                                <span>
                                    <i class="fas fa-bar-chart fa-sm"></i>
                                    <span class="hide-menu">
                                        Assessment
                                    </span>
                                </span>
                                    
                                <div class="ml-2 expand_caret_c">
                                    <span class="expand_caret caret"></span>
                                </div>
                            </a>
                            
                            <div class="pl-3 collapse" id="assessment_menu_id">
                                <a href="#!" onclick="register_students()">
                                    <i class="menu-icon fa fa-plus"></i>
                                    Register Students
                                </a>
                                <a href="#!" onclick="deregister_students()">
                                    <i class="menu-icon fa fa-minus-circle"></i>
                                    Deregister Students
                                </a>
                                <a href="#!" onclick="subject_class_registration()" style="white-space: initial;">
                                    <i class="menu-icon fa fa-list"></i>
                                    Subject Class Registration
                                </a>
                                <a href="#!" onclick="student_subjects_view()">
                                    <i class="menu-icon fa fa-list-alt"></i>
                                    Student Subjects
                                </a>
                                <a href="#!" onclick="grade_processing()">
                                    <i class="menu-icon fa fa-chart-pie"></i>
                                    Grades Processing
                                </a>
                                <a href="#!" onclick="grade_entry_view()">
                                    <i class="menu-icon fa fa-edit"></i>
                                    Grades Entry
                                </a>
                                <a href="#!" onclick="class_list_view()">
                                    <i class="menu-icon fa fa-list"></i>
                                    Class List
                                </a>
                                <a href="#!" onclick="student_record_view()">
                                    <i class="menu-icon fa fa-file"></i>
                                    Student Record
                                </a>
                            </div>
                        </li-->







                        <!--li> <a class="waves-effect waves-dark" href="table-basic.html" aria-expanded="false"><i class="mdi mdi-table"></i><span class="hide-menu">Basic Table</span></a>
                        <li> <a class="waves-effect waves-dark" href="icon-material.html" aria-expanded="false"><i class="mdi mdi-emoticon"></i><span class="hide-menu">Icons</span></a>
                        </li>
                        <li> <a class="waves-effect waves-dark" href="map-google.html" aria-expanded="false"><i class="mdi mdi-earth"></i><span class="hide-menu">Google Map</span></a>
                        </li>
                        <li> <a class="waves-effect waves-dark" href="pages-blank.html" aria-expanded="false"><i class="mdi mdi-book-open-variant"></i><span class="hide-menu">Blank Page</span></a>
                        </li>
                        <li> <a class="waves-effect waves-dark" href="pages-error-404.html" aria-expanded="false"><i class="mdi mdi-help-circle"></i><span class="hide-menu">Error 404</span></a>
                        </li-->
                    </ul>
                    <div class="text-center m-t-30">
                        
                    </div>
                </nav>
                <!-- End Sidebar navigation -->
            </div>
            <!-- End Sidebar scroll-->
            <!-- Bottom points-->
            <div class="sidebar-footer ">
                <!-- item--<a href="" class="link" data-toggle="tooltip" title="Settings"><i class="ti-settings"></i></a>
                <!-- item--<a href="" class="link" data-toggle="tooltip" title="Email"><i class="mdi mdi-gmail"></i></a..>
                <!-- item--><a href="" class="link" data-toggle="tooltip" title="Logout"><i class="mdi mdi-power"></i></a> </div>
            <!-- End Bottom points-->
        </aside>
        <!-- ============================================================== -->
        <!-- End Left Sidebar - style you can find in sidebar.scss  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Page wrapper  -->
        <!-- ============================================================== -->
        <div class="page-wrapper">
            <!-- ============================================================== -->
            <!-- Container fluid  -->
            <!-- ============================================================== -->
            <div class="container-fluid" id="main_section">
                

            </div>
            <!-- ============================================================== -->
            <!-- End Container fluid  -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- footer -->
            <!-- ============================================================== -->
            <footer class="footer">All Rights Reserved © NetSoft Malawi </footer>
            <!-- ============================================================== -->
            <!-- End footer -->
            <!-- ============================================================== -->
        </div>
        <!-- ============================================================== -->
        <!-- End Page wrapper  -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <script src="assets/plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src="assets/plugins/bootstrap/js/tether.min.js"></script>
    <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>

    <script src="../assets/vendors/datatables/jquery.dataTables.min.js"></script>
    <script src="../assets/vendors/datatables/dataTables.bootstrap4.min.js"></script>
    <script src="../assets/vendors/Chartjs/Chart.min.js"></script>
    <!-- slimscrollbar scrollbar JavaScript -->
    <script src="js/jquery.slimscroll.js"></script>
    <!--Wave Effects -->
    <script src="js/waves.js"></script>
    <!--Menu sidebar -->
    <script src="js/sidebarmenu.js"></script>
    <!--stickey kit -->
    <script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
    <!--Custom JavaScript -->
    <script src="js/custom.min.js"></script>
    <script src="js/js.js?<?php echo date("Y-m-d").time() ?>"></script>
    <!-- ============================================================== -->
    <!-- This page plugins -->
    <!-- ============================================================== -->
    <!-- chartist chart -->
    <script src="assets/plugins/chartist-js/dist/chartist.min.js"></script>
    <script src="assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.js"></script>
    <!--c3 JavaScript -->
    <script src="assets/plugins/d3/d3.min.js"></script>
    <script src="assets/plugins/c3-master/c3.min.js"></script>
    <script type="text/javascript" src="../assets/vendors/simditor-2.3.28/site/assets/scripts/module.js"></script>
    <script type="text/javascript" src="../assets/vendors/simditor-2.3.28/site/assets/scripts/hotkeys.js"></script>
    <script type="text/javascript" src="../assets/vendors/simditor-2.3.28/site/assets/scripts/uploader.js"></script>
    <script type="text/javascript" src="../assets/vendors/simditor-2.3.28/site/assets/scripts/simditor.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
    <!-- Chart JS -->
    <script src="js/dashboard1.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            dashboard_view1()
            setTimeout(function(){
                $("#admin_dashboard_content").show()
                //$("#student_dashboard_content").show()
                //$("#teacher_dashboard_content").show()
             }, 100);
        })
    </script>
</body>

</html>












