<li class="nav-item {{ request()->routeIs(['payroll*']) ? 'menu-open' : '' }}">
    <a href="#" class="nav-link ">
        <i class="fas fa-chart-line nav-icon"></i>
        <p>
            Payroll
            <i class="fas fa-angle-left right"></i>
        </p>
    </a>
    <ul class="nav nav-treeview ml-2">

        <li class="nav-item"><a href="{{ route('payrollEmployee.create') }}"
                class="nav-link {{ request()->routeIs(['payrollEmployee.create']) ? 'active' : '' }}">
                <i class="ml-4 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Add Employee</p>
            </a>
        </li>
        <li class="nav-item"><a href="{{ route('payrollEmployee.index') }}"
                class="nav-link {{ request()->routeIs(['payrollEmployee.index']) ? 'active' : '' }}">
                <i class="ml-4 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Employee</p>
            </a>
        </li>
        <li class="nav-item"><a href="{{ route('payroll.index') }}"
                class="nav-link {{ request()->routeIs(['payroll.index']) ? 'active' : '' }}">
                <i class="ml-4 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Salary</p>
            </a>
        </li>
        <li class="nav-item"><a href="{{ route('payroll.salarySheet') }}"
                class="nav-link {{ request()->routeIs(['payroll.salarySheet']) ? 'active' : '' }}">
                <i class="ml-4 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Empolyee Salary</p>
            </a>
        </li>

    </ul>
</li>
