Mini Shell

<div class="sidebar" data-active-color="rose" data-background-color="black" data-image="assets/img/sidebar-1.jpg">
    <div class="logo">
        <a href="region8.cad.go.th" class="simple-text">
            ระบบตรวจสอบปุ๋ยผสม
        </a>
    </div>
    <div class="logo logo-mini">
        <a href="region8.cad.go.th" class="simple-text">
            Web
        </a>
    </div>
    <div class="sidebar-wrapper">
        
        <div class="user">
            <div class="photo">
                <img src="logo1.png" />
            </div>
            <div class="info">
                <a data-toggle="collapse" href="#collapseExample" class="collapsed">
                    <span>
                        <?php echo $s_name; ?> &nbsp;<?php echo $s_last_name; ?> 
                        <b class="caret"></b>
                    </span>
                </a>
                
                <div style="text-align: center; color: #a9afbb; font-size: 13px; margin-top: 5px;">
                    ตำแหน่ง: <?php echo $s_position; ?>
                </div>

                <div class="collapse" id="collapseExample">
                    <ul class="nav">
                        <li>
                            <a href="change_password.php">
                                <span class="sidebar-mini"><i class="fas fa-key" style="font-size: 14px;"></i></span>
                                <span class="sidebar-normal">เปลี่ยนรหัสผ่าน</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        <ul class="nav" id="sidebar-menu">
            <li class="">
                <a href="home.php">
                    <i class="material-icons">home</i>
                    <p>หน้าหลัก</p>
                </a>
            </li>

            <li>
                <a data-toggle="collapse" href="#formsExamples">
                    <i class="material-icons">settings</i>
                    <p>ข้อมูลหลัก
                        <b class="caret"></b>
                    </p>
                </a>
                <div class="collapse" id="formsExamples">
                    <ul class="nav">
                        <?php if ($s_admin_status == 1) {  ?>
                            <li>
                                <a href="user.php">
                                    <span class="sidebar-mini"><i class="fas fa-address-card" style="font-size: 14px;"></i></span>
                                    <span class="sidebar-normal">จัดการผู้ใช้งาน</span>
                                </a>
                            </li>
                        <?php }  ?>

                        <li class="">
                            <a href="mother_additives_name.php">
                                <span class="sidebar-mini"><i class="fas fa-flask" style="font-size: 14px;"></i></span>
                                <span class="sidebar-normal">แม่ปุ๋ยและสารเติมแต่ง</span>
                            </a>
                        </li>
                        <li class="">
                            <a href="formula.php">
                                <span class="sidebar-mini"><i class="fas fa-cogs" style="font-size: 14px;"></i></span>
                                <span class="sidebar-normal">สูตรปุ้ยผสม</span>
                            </a>
                        </li>
                        <li>
                            <a href="sahakorn.php">
                                <span class="sidebar-mini"><i class="fas fa-hotel" style="font-size: 14px;"></i></span>
                                <span class="sidebar-normal">สหกรณ์</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>

            <li>
                <a href="fertilizer_home.php">
                    <i class="material-icons">functions</i> 
                    <p>1 แปรรูปปุ๋ยผสม</p>
                </a>
            </li>
            <li>
                <a href="Fertilizer.php">
                    <i class="material-icons">functions</i>
                    <p>2 คำนวนแม่ปุ๋ยคงเหลือ</p>
                </a>
            </li>
            <li>
                <a href="fertilizer_sum.php">
                    <i class="material-icons">functions</i>
                    <p>3 คำนวนปุ๋ยผสมคงเหลือ</p>
                </a>
            </li>
            
            <li>
                <a data-toggle="collapse" href="#formsExamples1">
                    <i class="material-icons">content_paste</i>
                    <p>รายงาน
                        <b class="caret"></b>
                    </p>
                </a>
                <div class="collapse" id="formsExamples1">
                    <ul class="nav">
                        <li>
                            <a href="report1.php">
                                <span class="sidebar-mini"><i class="fas fa-file" style="font-size: 14px;"></i></span>
                                <span class="sidebar-normal">รายงานแปรรูปปุ๋ยผสม</span>
                            </a>
                        </li>
                        <li>
                            <a href="report2.php">
                                <span class="sidebar-mini"><i class="fas fa-clipboard" style="font-size: 14px;"></i></span>
                                <span class="sidebar-normal">รายงานแม่ปุ๋ยคงเหลือ</span>
                            </a>
                        </li>
                        <li>
                            <a href="report3.php">
                                <span class="sidebar-mini"><i class="fas fa-file-invoice" style="font-size: 14px;"></i></span>
                                <span class="sidebar-normal">รายงานปุ๋ยผสมคงเหลือ</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            
            <li>
                <a href="logout.php">
                    <i class="material-icons">exit_to_app</i>
                    <p>ออกจากระบบ</p>
                </a>
            </li>

        </ul>
    </div>
</div>

<script src="assets/js/jquery-3.1.1.min.js" type="text/javascript"></script>

<script>
$(document).ready(function() {
    // 1. ดึงชื่อไฟล์ของหน้าปัจจุบันจาก URL
    var path = window.location.pathname;
    var page = path.split("/").pop();

    if (page == "" || page == "index.php") {
        page = "home.php";
    }

    // 2. ค้นหาลิงก์ <a> ในเมนูที่มี href ตรงกับชื่อไฟล์ปัจจุบัน
    var target = $('#sidebar-menu a[href="' + page + '"]');

    if (target.length > 0) {
        target.closest('li').addClass('active');

        var collapseParent = target.closest('.collapse');
        
        if (collapseParent.length > 0) {
            collapseParent.addClass('in show');
            collapseParent.prev('a').attr('aria-expanded', 'true');
            collapseParent.closest('li').addClass('active');
        }
    }
});
</script>