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">
                    <div class="photo">
                        <img src="logo1.png" />
                    </div>
                    <div class="info">
                        <a data-toggle="collapse" href="#collapseExample" class="collapsed">
                            <?php echo $s_name; ?> &nbsp;<?php echo $s_last_name; ?> 
                            <b class="caret"></b>
                        </a>
                        <div class="collapse" id="collapseExample">
                            <ul class="nav">                          
                                <li>
                                    <a href="#">เปลี่ยนรหัสผ่าน</a>
                                </li>                              
                            </ul>
                        </div>
                    </div>
                </div>
                <ul class="nav">
                    <li class="">
                        <a href="home.php">
                            <i class="material-icons"><i class="fas fa-home"></i></i>
                            <p>หน้าหลัก</p>
                        </a>
                    </li>
                    
                     <li>
                        <a data-toggle="collapse" href="#formsExamples">
                            <i class="material-icons">apps</i>
                            <p>ข้อมูลหลัก
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse" id="formsExamples">
                            <ul class="nav">
                                <?php
                                if ($s_login_status == 100) {  ?>
                                 
                                 <li>
                                    <a href="user.php">
                                       <i class="material-icons"><i class="fas fa-address-card"></i></i>
                                         <p>จัดการผู้ใช้งาน</p>
                                    </a>
                                </li>
                                
                            <?php    }  ?>
                               
                                <li class="">
                                    <a href="formula.php">
                                       <i class="material-icons"><i class="fas fa-cogs"></i></i>
                                          <p>สูตรปุ้ยผสม</p>
                                      </a>
                                </li>
                                <li>
                                    <a href="sahakorn.php">
                                       <i class="material-icons"><i class="fas fa-hotel"></i></i>
                                         <p>สหกรณ์</p>
                                     </a>
                                </li>                              
                            </ul>
                        </div>
                    </li>
                    
                     <li>
                         <a href="fertilizer_home.php">
                            <i class="material-icons"><i class="fas fa-calculator"></i></i>
                            <p>แปรรูปปุ๋ยผสม</p>
                        </a>
                    </li> 
                       <li>
                           <a href="Fertilizer.php">
                            <i class="material-icons"><i class="fas fa-calculator"></i></i>
                            <p>คำนวนแม่ปุ๋ยคงเหลือ</p>
                        </a>
                    </li> 
                       <li>
                         <a href="fertilizer_sum.php">
                            <i class="material-icons"><i class="fas fa-calculator"></i></i>
                            <p>คำนวนปุ๋ยผสมคงเหลือ</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">
                                       <i class="material-icons"><i class="fas fa-file"></i></i>
                                         <p>รายงานแปรรูปปุ๋ยผสม</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="report2.php">
                                       <i class="material-icons"><i class="fas fa-clipboard"></i></i>
                                          <p>รายงานแม่ปุ๋ยคงเหลือ</p>
                                      </a>
                                </li>
                                <li>
                                    <a href="report3.php">
                                       <i class="material-icons"><i class="fas fa-file-invoice"></i></i>
                                         <p>รายงานปุ๋ยผสมคงเหลือ</p>
                                     </a>
                                </li>                              
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="logout.php">
                            <i class="material-icons"><i class="fas fa-sign-out-alt"></i></i>
                            <p>ออกจากระบบ</p>
                        </a>
                    </li>
                  
                </ul>
            </div>
        </div>
 

      

<script>
 $(document).ready(function(){
       $(".nav li a").click(function () {
         $("ul li a").removeClass("active");
         $(this).addClass("active");		   
	});
});   
</script>
<script>
  $(document).ready(function(){
  $('ul li a').click(function(){
    $('li a').removeClass("active");
    $(this).addClass("active");
});
});
</script>

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