@can('view reports')
    <li class="menu nav-item">
        <a href="javascript:;" class="nav-link group">
            <div class="flex items-center">
                <i class="fas fa-chart-bar"></i>
                <span class="ltr:ml-3 rtl:mr-3">Reports</span>
            </div>
            <div class="transform transition-transform ltr:ml-auto rtl:mr-auto">
                <i class="fas fa-chevron-down"></i>
            </div>
        </a>
        <ul class="sub-menu">
            <li>
                <a href="{{ route('reports.trial-balance') }}">Trial Balance</a>
            </li>
            <li>
                <a href="{{ route('reports.ledger') }}">Ledger</a>
            </li>
            <li>
                <a href="{{ route('reports.balance-sheet') }}">Balance Sheet</a>
            </li>
            <li>
                <a href="{{ route('reports.cash-received') }}">Cash Received</a>
            </li>
            <li>
                <a href="{{ route('reports.payments') }}">Payments</a>
            </li>
            <li>
                <a href="{{ route('reports.cash-flow') }}">Cash Flow Statement</a>
            </li>
            <li>
                <a href="{{ route('reports.comparative-statement') }}">Comparative Statement</a>
            </li>
            <li>
                <a href="{{ route('reports.ratio-analysis') }}">Ratio Analysis</a>
            </li>
        </ul>
    </li>
@endcan 

@can('manage account heads')
    <li class="menu nav-item">
        <a href="javascript:;" class="nav-link group">
            <div class="flex items-center">
                <i class="fas fa-book"></i>
                <span class="ltr:ml-3 rtl:mr-3">Account Heads</span>
            </div>
            <div class="transform transition-transform ltr:ml-auto rtl:mr-auto">
                <i class="fas fa-chevron-down"></i>
            </div>
        </a>
        <ul class="sub-menu">
            <li>
                <a href="{{ route('account-heads.index') }}">All Account Heads</a>
            </li>
            <li>
                <a href="{{ route('account-heads.create') }}">Add New</a>
            </li>
            <li>
                <a href="{{ route('account-heads.index', ['type' => 'asset']) }}">Asset Accounts</a>
            </li>
            <li>
                <a href="{{ route('account-heads.index', ['type' => 'liability']) }}">Liability Accounts</a>
            </li>
            <li>
                <a href="{{ route('account-heads.index', ['type' => 'equity']) }}">Equity Accounts</a>
            </li>
            <li>
                <a href="{{ route('account-heads.index', ['type' => 'income']) }}">Income Accounts</a>
            </li>
            <li>
                <a href="{{ route('account-heads.index', ['type' => 'expense']) }}">Expense Accounts</a>
            </li>
        </ul>
    </li>
@endcan

@can('manage voucher entries')
    <li class="menu nav-item">
        <a href="javascript:;" class="nav-link group">
            <div class="flex items-center">
                <i class="fas fa-file-invoice"></i>
                <span class="ltr:ml-3 rtl:mr-3">Voucher Entries</span>
            </div>
            <div class="transform transition-transform ltr:ml-auto rtl:mr-auto">
                <i class="fas fa-chevron-down"></i>
            </div>
        </a>
        <ul class="sub-menu">
            <li>
                <a href="{{ route('voucher-entries.index') }}">All Entries</a>
            </li>
            <li>
                <a href="{{ route('voucher-entries.create') }}">New Entry</a>
            </li>
        </ul>
    </li>
@endcan