Mini Shell

<div class="sidebar" data-active-color="rose" data-background-color="black" data-image="assets/img/sidebar-1.jpg">
            <!--
        Tip 1: You can change the color of active element of the sidebar using: data-active-color="purple | blue | green | orange | red | rose"
        Tip 2: you can also add an image using data-image tag
        Tip 3: you can change the color of the sidebar with data-background-color="white | black"
    -->
            <div class="logo">
                <a href="www.ccp.ac.th" class="simple-text">
                    ระบบจัดการนักเรียน
                </a>
            </div>
            <div class="logo logo-mini">
                <a href="www.ccp.ac.th" class="simple-text">
                    Web
                </a>
            </div>
    <div class="sidebar-wrapper">
                <div class="user">
                <?php
                 $pic_name = $s_picture;
                 if (empty($pic_name)){
                 $pic_name = 'noimg.jpg';
                  }
                ?>
                    
                    <div class="photo">
                        <img src="../admin/dist/img/<?php echo $pic_name; ?>" alt="<?php echo $pic_name; ?>" />
                    </div>
                    <div class="info">
                        <a data-toggle="collapse" href="#collapseExample" class="collapsed">
                            <?php echo $s_name; ?> &nbsp;<?php echo $s_lastName; ?> 
                            <b class="caret"></b>
                        </a>
                        <div class="collapse" id="collapseExample">
                            <ul class="nav">                                                     
                            </ul>
                        </div>
                    </div>
                </div>
                <ul class="nav">
                    <li>
                        <a href="home.php">
                            <i class="fad fa-home-lg"></i>
                            <p>หน้าหลัก</p>
                        </a>
                    </li>                            
                    <?php
                    if ($s_status_user == "1"){
                    ?>
                    <li> 
                        <a data-toggle="collapse" href="#pagesExamples">
                            <i class="fad fa-folder-tree fa-2x"></i>
                            <p>จัดการข้อมูลหลักสูตร
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse" id="pagesExamples">
                            <ul class="nav">
                                 <li>
                                    <a href="class.php"><i class="fad fa-users-class"></i>ข้อมูลห้องเรียน</a>
                                </li>  
                                <li>
                                    <a href="subject.php"><i class="fad fa-books"></i>ข้อมูลรายวิชา</a>
                                </li> 
                                 <li>
                                    <a href="student.php"><i class="fad fa-user-graduate"></i>ข้อมูลนักเรียน</a>
                                </li>  
                            </ul>
                        </div>
                    </li>
                     <li>
                         <a href="on_off.php">
                            <i class="fad fa-power-off"></i>
                            <p>เปิด/ปิดระบบ</p>
                        </a>
                    </li>
                     <?php
                    } else if (($s_status_user == "2") or ($s_status_user == "3"))  {
                        ?>
                     <li> 
                        <a data-toggle="collapse" href="#pagesExamples">
                            <i class="fad fa-folder-tree fa-2x"></i>
                            <p>จัดการข้อมูลหลักสูตร
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse" id="pagesExamples">
                            <ul class="nav">                            
                                 <li>
                                    <a href="student.php"><i class="fad fa-user-graduate"></i>ข้อมูลนักเรียน</a>
                                </li>  
                            </ul>
                        </div>
                    </li>
                    
                     <?php
                    }
                    ?>
                    
                    <li>
                        <a href="score.php">
                            <i class="fad fa-poll-people"></i>
                            <p>กรอกคะแนนนักเรียน</p>
                        </a>
                    </li>
                    <li>
                        <a data-toggle="collapse" href="#componentsExamples">
                            <i class="fad fa-file-chart-line"></i>
                            <p>รายงาน
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse" id="componentsExamples">
                            <ul class="nav">
                                <li>
                                    <a href="descending.php"><i class="fad fa-sort-up"></i>ผลการเรียนมากไปหาน้อย ชั้นเรียน</a>
                                </li>
                                 <li>
                                    <a href="descending_class.php"><i class="fad fa-sort-up"></i>ผลการเรียนมากไปหาน้อย ห้องเรียน</a>
                                </li>
                                <li>
                                    <a href="subject_report.php"><i class="fad fa-book-open"></i>ผลการเรียนเป็นรายวิชา ชั้นเรียน</a>
                                </li>
                                <li>
                                    <a href="subject_report_class.php"><i class="fad fa-booth-curtain"></i>ผลการเรียนเป็นรายวิชา ห้องเรียน</a>
                                </li>
                                 <li>
                                    <a href="report_score_class.php"><i class="fad fa-booth-curtain"></i>แสดงคะแนนและเกรด ห้องเรียน</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                  
                    <li>
                        <a href="logout.php">
                            <i class="fad fa-sign-out-alt"></i>
                            <p>ออกจากระบบ</p>
                        </a>
                    </li>
                  
                </ul>
            </div>
        </div>
 <script>
$(document).ready(function () {
    var url = window.location;
    // Will only work if string in href matches with location
    $('ul.nav a[href="' + url + '"]').parent().addClass('active');

    // Will also work for relative and absolute hrefs
    $('ul.nav a').filter(function () {
        return this.href == url;
    }).parent().addClass('active').parent().parent().addClass('active');
});
</script>