@if (Auth::user()->id == 9 || Auth::user()->id == 10)
    <li class="has-flyout">
        <a href="javascript: void(0);" class="has-arrow waves-effect">
            <i class="bx bx-group p-1"></i>
            <span>Transaction</span>
        </a>
        <ul class="sub-menu" aria-expanded="false">
            <li>
                <a href="{{ route('quotation.table') }}">Quotation</a>
            </li>
            <li>
                <a href="{{ route('sales.order.table') }}">Sales Order</a>
            </li>
        </ul>
        <div class="sidebar-flyout">
            <div class="flyout-header pb-2 pt-0">Transaction</div>
            <ul>
                <li class="pt-2"><a href="{{ route('quotation.table') }}">Quotation</a></li>
                <li class="pt-2"><a href="{{ route('sales.order.table') }}">Sales Order</a></li>
            </ul>
        </div>
    </li>
@else
    @php
        $showUserSection = canView('Branch') || canView('User');
    @endphp

    @if ($showUserSection)
        <li class="has-flyout">
            <a href="javascript: void(0);" class="has-arrow waves-effect">
                <i class="bx bx-group p-1"></i>
                <span>User</span>
            </a>
            <ul class="sub-menu" aria-expanded="false">
                @canView('Branch')
                <li>
                    <a href="{{ route('branch.index') }}">Branch List</a>
                </li>
                @endcanView
                @canView('User')
                <li>
                    <a href="{{ route('users.admin') }}">User List</a>
                </li>
                @endcanView
            </ul>
            <div class="sidebar-flyout">
                <div class="flyout-header pb-2 pt-0">User</div>
                <ul>
                    @canView('Branch')
                    <li class="pt-2"><a href="{{ route('branch.index') }}">Branch List</a></li>
                    @endcanView
                    @canView('User')
                    <li class="pt-2"><a href="{{ route('users.admin') }}">User List</a></li>
                    @endcanView
                </ul>
            </div>
        </li>
    @endif

    @php
        $showLocationSection = canView('Country List') || canView('State List') || canView('City List');
    @endphp
    @if ($showLocationSection)
        <li class="has-flyout">
            <a href="javascript: void(0);" class="has-arrow waves-effect">
                <i class="bx bxs-map p-1"></i>
                <span>Location</span>
            </a>
            <ul class="sub-menu" aria-expanded="false">
                @canView('Country List')
                <li>
                    <a href="{{ route('countrylist') }}">Country List</a>
                </li>
                @endcanView
                @canView('State List')
                <li>
                    <a href="{{ route('statelist') }}">State List</a>
                </li>
                @endcanView
                @canView('City List')
                <li>
                    <a href="{{ route('citylist') }}">City List</a>
                </li>
                @endcanView
            </ul>
            <div class="sidebar-flyout">
                <div class="flyout-header pb-2 pt-0">Location</div>
                <ul>
                    @canView('Country List')
                    <li class="pt-2"><a href="{{ route('countrylist') }}">Country List</a></li>
                    @endcanView
                    @canView('State List')
                    <li class="pt-2"><a href="{{ route('statelist') }}">State List</a></li>
                    @endcanView
                    @canView('City List')
                    <li class="pt-2"><a href="{{ route('citylist') }}">City List</a></li>
                    @endcanView
                </ul>
            </div>
        </li>
    @endif
    @canView('Target Achievement')
    <li class="has-flyout">
        <a href="{{ route('target.achievement') }}" class="waves-effect">
            <i class='bx bx-target-lock p-1'></i>
            <span>Target Achievement</span>
        </a>

        <div class="sidebar-flyout">
            <div class="flyout-header pb-2 pt-0">Target Achievement</div>
            <ul>
                <li class="pt-2"><a href="{{ route('target.achievement') }}">Target Achievement</a></li>
            </ul>
        </div>
    </li>
    @endcanView
    @canView('Setting')
    <li class="has-flyout">
        <a href="{{ route('setting.index') }}" class="waves-effect">
            <i class='bx bx-cog p-1'></i>
            <span>Setting</span>
        </a>
        <div class="sidebar-flyout">
            <div class="flyout-header pb-2 pt-0">Setting</div>
            <ul>
                <li class="pt-2"><a href="{{ route('setting.index') }}">Setting</a></li>
            </ul>
        </div>
    </li>
    @endcanView

    @php
        $showMasterSection =
            canView('Party') ||
            canView('Group') ||
            canView('Category') ||
            canView('Item') ||
            canView('Tax') ||
            canView('Rate') ||
            canView('Material Rate') ||
            canView('Charges') ||
            canView('Expense Type') ||
            canView('Income Type') ||
            canView('Bank Master') ||
            canView('Role Master');
    @endphp
    @if ($showMasterSection)
        <li class="has-flyout">
            <a href="javascript: void(0);" class="has-arrow waves-effect">
                <i class="bx bxs-data p-1"></i>
                <span>Master</span>
            </a>
            <ul class="sub-menu" aria-expanded="false">
                @canView('Party')
                <li>
                    <a href="{{ route('party.table') }}">Party</a>
                </li>
                @endcanView
                @canView('Group')
                <li>
                    <a href="{{ route('item.group') }}">Group</a>
                </li>
                @endcanView
                @canView('Category')
                <li>
                    <a href="{{ route('item.category.index') }}">Category</a>
                </li>
                @endcanView
                @canView('Item')
                <li>
                    <a href="{{ route('item.index') }}">Item</a>
                </li>
                @endcanView
                @canView('Tax')
                <li>
                    <a href="{{ route('tax') }}">Tax</a>
                </li>
                @endcanView
                @canView('Rate')
                <li>
                    <a href="{{ route('rate.index') }}">Rate</a>
                </li>
                @endcanView
                @canView('Material Rate')
                <li>
                    <a href="{{ route('material.rate.index') }}">Material Rate</a>
                </li>
                @endcanView
                @canView('Charges')
                <li>
                    <a href="{{ route('charges.index') }}">Charges</a>
                </li>
                @endcanView
                @canView('Expense Type')
                <li>
                    <a href="{{ route('expense.type.index') }}">Expense Type</a>
                </li>
                @endcanView
                @canView('Income Type')
                <li>
                    <a href="{{ route('income.type.index') }}">Income Type</a>
                </li>
                @endcanView
                @canView('Bank Master')
                <li>
                    <a href="{{ route('bank.index') }}">Bank Master</a>
                </li>
                @endcanView
                @canView('Role Master')
                <li>
                    <a href="{{ route('role.index') }}">Role Master</a>
                </li>
                @endcanView
            </ul>
            <div class="sidebar-flyout">
                <div class="flyout-header pb-2 pt-0">Master</div>
                <ul>
                    @canView('Party') <li class="pt-2"><a href="{{ route('party.table') }}">Party</a></li>
                    @endcanView
                    @canView('Group') <li class="pt-2"><a href="{{ route('item.group') }}">Group</a></li>
                    @endcanView
                    @canView('Category') <li class="pt-2"><a href="{{ route('item.category.index') }}">Category</a>
                    </li> @endcanView
                    @canView('Item') <li class="pt-2"><a href="{{ route('item.index') }}">Item</a></li>
                    @endcanView
                    @canView('Tax') <li class="pt-2"><a href="{{ route('tax') }}">Tax</a></li>
                    @endcanView
                    @canView('Rate') <li class="pt-2"><a href="{{ route('rate.index') }}">Rate</a></li>
                    @endcanView
                    @canView('Material Rate') <li class="pt-2"><a href="{{ route('material.rate.index') }}">Material
                            Rate</a></li>
                    @endcanView
                    @canView('Charges') <li class="pt-2"><a href="{{ route('charges.index') }}">Charges</a>
                    </li>
                    @endcanView
                    @canView('Expense Type') <li class="pt-2"><a href="{{ route('expense.type.index') }}">Expense
                            Type</a></li>@endcanView
                    @canView('Income Type')<li class="pt-2"><a href="{{ route('income.type.index') }}">Income
                            Type</a></li>
                    @endcanView
                     @canView('Bank Master')<li class="pt-2"><a href="{{ route('bank.index') }}">Bank
                            Master</a></li>
                    @endcanView
                    @canView('Role Master') <li class="pt-2"><a href="{{ route('role.index') }}">Role
                            Master</a></li>
                    @endcanView
                </ul>
            </div>
        </li>
    @endif
    @php
        $showAccountingSection = canView('Income') || canView('Expense');
    @endphp
    @if ($showAccountingSection)
        <li class="has-flyout">
            <a href="javascript: void(0);" class="has-arrow waves-effect">
                <i class='bx bx-calculator p-1'></i>
                <span>Accounting</span>
            </a>
            <ul class="sub-menu" aria-expanded="false">
                @canView('Income')
                <li>
                    <a href="{{ route('income.transaction.table') }}">Income</a>
                </li>
                @endcanView
                @canView('Expense')
                <li>
                    <a href="{{ route('expense.transaction.table') }}">Expense</a>
                </li>
                @endcanView
            </ul>
            <div class="sidebar-flyout">
                <div class="flyout-header pb-2 pt-0">Accounting</div>
                <ul>
                    @canView('Income') <li class="pt-2"><a
                            href="{{ route('income.transaction.table') }}">Income</a></li> @endcanView
                    @canView('Expense') <li class="pt-2"><a
                            href="{{ route('expense.transaction.table') }}">Expense</a></li> @endcanView
                </ul>
            </div>
        </li>
    @endif

    @php
        $showTransactionSection =
            canView('Opening') ||
            canView('Purchase Order') ||
            canView('Sales Order') ||
            canView('Quotation') ||
            canView('Credit Note') ||
            canView('Purchase Return') ||
            canView('Sales Return');
    @endphp
    @if ($showTransactionSection)
        <li class="has-flyout">
            <a href="javascript: void(0);" class="has-arrow waves-effect">
                <i class='bx bx-transfer p-1'></i>
                <span>Transaction</span>
            </a>
            <ul class="sub-menu" aria-expanded="false">
                @canView('Opening')
                <li>
                    <a href="{{ route('opening.table') }}">Opening</a>
                </li>
                @endcanView
                @canView('Purchase Order')
                <li>
                    <a href="{{ route('purchase.index') }}">Purchase Order</a>
                </li>
                @endcanView
                @canView('Sales Order')
                <li>
                    <a href="{{ route('sales.order.table') }}">Sales Order</a>
                </li>
                @endcanView
                @canView('Quotation')
                <li>
                    <a href="{{ route('quotation.table') }}">Quotation</a>
                </li>
                @endcanView
                @canView('Credit Note')
                <li>
                    <a href="{{ route('credit.note') }}">Credit Note</a>
                </li>
                @endcanView
                @canView('Purchase Return')
                <li>
                    <a href="{{ route('purchase.return.index') }}">Purchase Return</a>
                </li>
                @endcanView
                @canView('Sales Return')
                <li>
                    <a href="{{ route('sales.order.return.table') }}">Sales Return</a>
                </li>
                @endcanView
            </ul>
            <div class="sidebar-flyout">
                <div class="flyout-header pb-2 pt-0">Transaction</div>
                <ul>
                    @canView('Opening')<li class="pt-2"><a href="{{ route('opening.table') }}">Opening</a>
                    </li> @endcanView
                    @canView('Purchase Order')<li class="pt-2"><a href="{{ route('purchase.index') }}">Purchase
                            Order</a></li> @endcanView
                    @canView('Sales Order')<li class="pt-2"><a href="{{ route('sales.order.table') }}">Sales
                            Order</a></li> @endcanView
                    @canView('Quotation')<li class="pt-2"><a href="{{ route('quotation.table') }}">Quotation</a>
                    </li> @endcanView
                    @canView('Credit Note')<li class="pt-2"><a href="{{ route('credit.note') }}">Credit
                            Note</a></li> @endcanView
                    @canView('Purchase Return')<li class="pt-2"><a
                            href="{{ route('purchase.return.index') }}">Purchase Return</a></li> @endcanView
                    @canView('Sales Return')<li class="pt-2"><a
                            href="{{ route('sales.order.return.table') }}">Sales Return</a></li> @endcanView
                </ul>
            </div>
        </li>
    @endif
    @php
        $showLabelSection = canView('Label Preparation') || canView('Label Transfe') || canView('Label Wt Change');
    @endphp
    @if ($showLabelSection)
        <li class="has-flyout">
            <a href="javascript: void(0);" class="has-arrow waves-effect">
                <i class='bx bx-label p-1'></i>
                <span>Label</span>
            </a>
            <ul class="sub-menu" aria-expanded="false">
                @canView('Label Preparation')
                <li>
                    <a href="{{ route('label.preparation.table') }}">Label Preparation</a>
                </li>
                @endcanView
                @canView('Label Transfer')
                <li>
                    <a href="{{ route('label.transfer.index') }}">Label Transfer</a>
                </li>
                @endcanView
                @canView('Label Wt Change')
                <li>
                    <a href="{{ route('label.wt.change.index') }}">Label Wt Change</a>
                </li>
                @endcanView
            </ul>
            <div class="sidebar-flyout">
                <div class="flyout-header pb-2 pt-0">Label</div>
                <ul>
                    @canView('Label Preparation') <li class="pt-2"><a
                            href="{{ route('label.preparation.table') }}">Label Preparation</a></li> @endcanView
                    @canView('Label Transfer') <li class="pt-2"><a href="{{ route('label.transfer.index') }}">Label
                            Transfer</a></li> @endcanView
                    @canView('Label Wt Change') <li class="pt-2"><a
                            href="{{ route('label.wt.change.index') }}">Label Wt Change</a></li> @endcanView
                </ul>
            </div>
        </li>
    @endif

    @php
        $showJobWorkSection = canView('Issue') || canView('Return');
    @endphp
    @if ($showJobWorkSection)
        <li class="has-flyout">
            <a href="javascript: void(0);" class="has-arrow waves-effect">
                <i class="bx bxs-analyse p-1"></i>
                <span>Job Work</span>
            </a>
            <ul class="sub-menu" aria-expanded="false">
                @canView('Issue')
                <li>
                    <a href="{{ route('issue.index') }}">Issue</a>
                </li>
                @endcanView
                @canView('Return')
                <li>
                    <a href="{{ route('return.index') }}">Return</a>
                </li>
                @endcanView
            </ul>
            <div class="sidebar-flyout">
                <div class="flyout-header pb-2 pt-0">Job Work</div>
                <ul>
                    @canView('Issue') <li class="pt-2"><a href="{{ route('issue.index') }}">Issue</a></li>
                    @endcanView
                    @canView('Return') <li class="pt-2"><a href="{{ route('return.index') }}">Return</a></li>
                    @endcanView
                </ul>
            </div>
        </li>
    @endif

    <li class="has-flyout d-none">
        <a href="{{ route('stock.tally.index') }}" class="waves-effect">
            <i class="bx bxs-dashboard p-1" style=""></i>
            <span>Stock Tally</span>
        </a>
        <div class="sidebar-flyout">
            <div class="flyout-header pb-2 pt-0">Stock Tally</div>
            <ul>
                <li class="pt-2"><a href="{{ route('stock.tally.index') }}">Stock Tally</a></li>
            </ul>
        </div>
    </li>

    @php
        $showReportSection =
            canView('Purchase Report') ||
            canView('Sales Report') ||
            canView('Stock Report') ||
            canView('Party Account Report') ||
            canView('Profit & Loss Report');
    @endphp

    @if ($showReportSection)
        <li class="has-flyout">
            <a href="javascript: void(0);" class="has-arrow waves-effect">
                <i class='bx bxs-report p-1'></i>
                <span>Report</span>
            </a>
            <ul class="sub-menu" aria-expanded="false">
                @canView('Purchase Report')
                <li>
                    <a href="{{ route('purchase.order.report') }}">Purchase</a>
                </li>
                @endcanView
                @canView('Sales Report')
                <li>
                    <a href="{{ route('sales.order.report') }}">Sales</a>
                </li>
                @endcanView
                @canView('Stock Report')
                <li>
                    <a href="{{ route('live.stock.report') }}">Stock</a>
                </li>
                @endcanView
                @canView('Party Account Report')
                <li>
                    <a href="{{ route('party.account.report') }}">Party Account</a>
                </li>
                @endcanView
                @canView('Profit & Loss Report')
                <li>
                    <a href="{{ route('profit.loss.report') }}">Profit & Loss</a>
                </li>
                @endcanView
            </ul>
            <div class="sidebar-flyout">
                <div class="flyout-header pb-2 pt-0">Report</div>
                <ul>
                    @canView('Purchase Report') <li class="pt-2"><a
                            href="{{ route('purchase.order.report') }}">Purchase</a></li> @endcanView
                    @canView('Sales Report') <li class="pt-2"><a href="{{ route('sales.order.report') }}">Sales</a>
                    </li> @endcanView
                    @canView('Stock Report') <li class="pt-2"><a href="{{ route('live.stock.report') }}">Stock</a>
                    </li> @endcanView
                    @canView('Party Account Report') <li class="pt-2"><a
                            href="{{ route('party.account.report') }}">Party Account</a></li> @endcanView
                    @canView('Profit & Loss Report') <li class="pt-2"><a
                            href="{{ route('profit.loss.report') }}">Profit & Loss</a></li> @endcanView
                </ul>
            </div>
        </li>
    @endif
@endif