<?php 

    // Menu active class add
    if (! function_exists('activeMenu')) {
        function activeMenu($sig, $data){
            return (Request::segment($sig) == $data)?'active':'';
        }
    }
    // Menu menu open class add
    if (! function_exists('menuOpenActive')) {
        function menuOpenActive($sig, $data, $active=false){
            if (is_array($data)) {
                for ($x = 0; $x < count($data); $x++) {
                    if (Request::segment($sig) == $data[$x]) {
                        if ($active) {
                            return 'active';
                        }else{
                            return 'menu-open';
                        }

                    }
                }
            }else{
                return (Request::segment($sig) == $data)?'menu-open':'';
            }
        }
    }

?>

<div id="sidebar-wrapper" class="bg-dark border-right  d-lg-block ">
            <div class="sidebar-heading text-white p-3">
                <a href="{{ url('attendance') }}" class="brand-link top_title">
                    <span class="w-100"><img style="margin: 0 auto; max-height:40px " class="d-block"
                            src="./assets/img/wasa_logo.png"></span>
                    <p class="brand-text font-weight-light text-center">TechUNO</p>
                </a>
            </div>

            <ul id="sidebarAccordion">

                <!-- Logout -->
                <li>
                    <a href="{{ url('/') }}" class="nav-link">
                        <i class="fas fa-home"></i>
                        <span>Modules</span>
                    </a>
                </li>



                <li>
                    <a href="{{ url('attendance') }}" class="nav-link active">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>Dashboard</span>
                    </a>
                </li>






                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="nav-icon far fa-hand-peace"></i>
                        <span>Officer Salary</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Payroll Ganerate</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Payroll List</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Payroll Histry (month wize)</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Payroll (One Officer)</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> My Payroll</a></li>
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="nav-icon far fa-hand-peace"></i>
                        <span>Employee Salary</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Salary Ganerate</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Salary List</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Salary Histry (month wize)</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Monthly General Report Detail</a></li>
                    </ul>
                </li>


                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="nav-icon far fa-hand-peace"></i>
                        <span>Bonus</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Bonus Settings</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Generate Bonus</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Bonus Histry</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> My Bonus</a></li>
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="nav-icon far fa-hand-peace"></i>
                        <span>Loan</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Loan Settings</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Generate Loan</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Loan Histry</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> My Loan</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="nav-icon far fa-hand-peace"></i>
                        <span>Award </span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Award Add</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Award List</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> My Award</a></li>
                    </ul>
                </li>

                
                

                
                
                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="nav-icon fa fa-random"></i>
                        <span>Necessary Information</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Monthly Pay Grade</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Allowance</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Deduction</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Hourly Pay Grade</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="nav-icon fa fa-random"></i>
                        <span>Report</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> My Report</a></li>
                    </ul>
                </li>


                
                


            </ul>



        </div>