One Hat Cyber Team

Edit File: Sidebar.vue

<div class="sidebar custom-sidebar">
 
 <nav class="py-3 pb-5">
 <ul
 class="nav nav-pills nav-sidebar flex-column"
 data-widget="treeview"
 role="menu"
 >
 <li class="nav-header text-uppercase text-bold">
 {{ $t('sidebar.dashboard') }}
 </li>
 <li class="nav-item">
 <router-link :to="{ name: 'home' }" class="nav-link">
 
 {{ $t('sidebar.dashboard') }}
 </router-link>
 </li>
 <li class="nav-header text-bold">{{ $t('sidebar.activities') }}</li>
 <li
 v-if="
 $can('expense-category-list') ||
 $can('expense-category-create') ||
 $can('expense-category-edit') ||
 $can('expense-category-delete') ||
 $can('expense-sub-category-list') ||
 $can('expense-sub-category-create') ||
 $can('expense-sub-category-edit') ||
 $can('expense-sub-category-delete') ||
 $can('expense-list') ||
 $can('expense-create') ||
 $can('expense-edit') ||
 $can('expense-view') ||
 $can('expense-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('expenseCats') ||
 menuOpen('expenseSubCats') ||
 menuOpen('expenses')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.expenses') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :class="
 menuOpen('expenseCats') ||
 menuOpen('expenseSubCats') ||
 menuOpen('expenses')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('expense-category-list') ||
 $can('expense-category-create') ||
 $can('expense-category-edit') ||
 $can('expense-category-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'expenseCats.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.categories') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('expense-sub-category-list') ||
 $can('expense-sub-category-create') ||
 $can('expense-sub-category-edit') ||
 $can('expense-sub-category-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'expenseSubCats.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.sub_categories') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('expense-list') ||
 $can('expense-create') ||
 $can('expense-edit') ||
 $can('expense-view') ||
 $can('expense-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'expenses.index' }" class="nav-link">
 
 {{ $t('sidebar.expenses_list') }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('purchase-list') ||
 $can('purchase-create') ||
 $can('purchase-edit') ||
 $can('purchase-view') ||
 $can('purchase-delete') ||
 $can('purchase-return-list') ||
 $can('purchase-return-create') ||
 $can('purchase-return-edit') ||
 $can('purchase-return-view') ||
 $can('purchase-return-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('purchases') || menuOpen('purchaseReturns')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.purchases') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('purchases') || menuOpen('purchaseReturns')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('purchase-list') ||
 $can('purchase-create') ||
 $can('purchase-edit') ||
 $can('purchase-view') ||
 $can('purchase-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'purchases.index' }" class="nav-link">
 
 {{ $t('sidebar.purchases_list') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('purchase-return-list') ||
 $can('purchase-return-create') ||
 $can('purchase-return-edit') ||
 $can('purchase-return-view') ||
 $can('purchase-return-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'purchaseReturns.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.returns_list') }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('quotation-list') ||
 $can('quotation-create') ||
 $can('quotation-view') ||
 $can('quotation-edit') ||
 $can('quotation-delete') ||
 $can('quotation-to-invoice') ||
 $can('invoice-list') ||
 $can('invoice-create') ||
 $can('invoice-view') ||
 $can('invoice-edit') ||
 $can('invoice-delete') ||
 $can('invoice-return-list') ||
 $can('invoice-return-create') ||
 $can('invoice-return-view') ||
 $can('invoice-return-edit') ||
 $can('invoice-return-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('quotations') ||
 menuOpen('invoices') ||
 menuOpen('invoiceReturns')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.sales') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('quotations') ||
 menuOpen('invoices') ||
 menuOpen('invoiceReturns')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('quotation-list') ||
 $can('quotation-create') ||
 $can('quotation-view') ||
 $can('quotation-edit') ||
 $can('quotation-delete') ||
 $can('quotation-to-invoice')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'quotations.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.quotations_list') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('invoice-list') ||
 $can('invoice-create') ||
 $can('invoice-view') ||
 $can('invoice-edit') ||
 $can('invoice-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'invoices.index' }" class="nav-link">
 
 {{ $t('sidebar.invoices_list') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('invoice-list') ||
 $can('invoice-create') ||
 $can('invoice-view') ||
 $can('invoice-edit') ||
 $can('invoice-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'pos.create' }" class="nav-link">
 
 {{ $t('pos.pos') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('invoice-return-list') ||
 $can('invoice-return-create') ||
 $can('invoice-return-view') ||
 $can('invoice-return-edit') ||
 $can('invoice-return-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'invoiceReturns.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.returns_list') }}
 </router-link>
 </li>
 </ul>
 </li>
 <li class="nav-header text-bold">{{ $t('sidebar.accounting') }}</li>
 <li
 v-if="
 $can('account-list') ||
 $can('account-create') ||
 $can('account-view') ||
 $can('account-edit') ||
 $can('account-delete') ||
 $can('account-balance-list') ||
 $can('account-balance-create') ||
 $can('account-balance-edit') ||
 $can('account-balance-delete') ||
 $can('account-transfer-balance-list') ||
 $can('account-transfer-balance-create') ||
 $can('account-transfer-balance-edit') ||
 $can('account-transfer-balance-view') ||
 $can('account-transfer-balance-delete') ||
 $can('transaction-history')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('accounts') ||
 menuOpen('balances') ||
 menuOpen('transferBalances') ||
 menuOpen('transactions')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.cashbook') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('accounts') ||
 menuOpen('balances') ||
 menuOpen('transferBalances') ||
 menuOpen('transactions')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('account-list') ||
 $can('account-create') ||
 $can('account-view') ||
 $can('account-edit') ||
 $can('account-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'accounts.index' }" class="nav-link">
 
 {{ $t('sidebar.accounts') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('account-balance-list') ||
 $can('account-balance-create') ||
 $can('account-balance-edit') ||
 $can('account-balance-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'balances.index' }" class="nav-link">
 
 {{ $t('sidebar.balance_adjustments') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('account-transfer-balance-list') ||
 $can('account-transfer-balance-create') ||
 $can('account-transfer-balance-edit') ||
 $can('account-transfer-balance-view') ||
 $can('account-transfer-balance-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'transferBalances.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.balance_transfers') }}
 </router-link>
 </li>
 <li v-if="$can('transaction-history')" class="nav-item">
 <router-link
 :to="{ name: 'transactions.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.transaction_history') }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('non-purchase-payment-list') ||
 $can('non-purchase-payment-create') ||
 $can('non-purchase-payment-edit') ||
 $can('non-purchase-payment-view') ||
 $can('non-purchase-payment-delete') ||
 $can('purchase-payment-list') ||
 $can('purchase-payment-create') ||
 $can('purchase-payment-edit') ||
 $can('purchase-payment-view') ||
 $can('purchase-payment-delete') ||
 $can('non-invoice-payment-list') ||
 $can('non-invoice-payment-create') ||
 $can('non-invoice-payment-edit') ||
 $can('non-invoice-payment-view') ||
 $can('non-invoice-payment-delete') ||
 $can('invoice-payment-list') ||
 $can('invoice-payment-create') ||
 $can('invoice-payment-view') ||
 $can('invoice-payment-edit') ||
 $can('invoice-payment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('nonInvoicePayments') ||
 menuOpen('invoicePayments') ||
 menuOpen('purchasePayments') ||
 menuOpen('nonPurchasePayments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.payments') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('nonInvoicePayments') ||
 menuOpen('invoicePayments') ||
 menuOpen('purchasePayments') ||
 menuOpen('nonPurchasePayments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('non-invoice-payment-list') ||
 $can('non-invoice-payment-create') ||
 $can('non-invoice-payment-edit') ||
 $can('non-invoice-payment-view') ||
 $can('non-invoice-payment-delete') ||
 $can('invoice-payment-list') ||
 $can('invoice-payment-create') ||
 $can('invoice-payment-view') ||
 $can('invoice-payment-edit') ||
 $can('invoice-payment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('nonInvoicePayments') || menuOpen('invoicePayments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.clients') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('nonInvoicePayments') ||
 menuOpen('invoicePayments')
 "
 >
 <li
 v-if="
 $can('invoice-payment-list') ||
 $can('invoice-payment-create') ||
 $can('invoice-payment-view') ||
 $can('invoice-payment-edit') ||
 $can('invoice-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'invoicePayments.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.invoice') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('non-invoice-payment-list') ||
 $can('non-invoice-payment-create') ||
 $can('non-invoice-payment-edit') ||
 $can('non-invoice-payment-view') ||
 $can('non-invoice-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'nonInvoicePayments.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.non_invoice') }}
 </router-link>
 </li>
 </ul>
 </li>

<li
 v-if="
 $can('purchase-payment-list') ||
 $can('purchase-payment-create') ||
 $can('purchase-payment-edit') ||
 $can('purchase-payment-view') ||
 $can('purchase-payment-delete') ||
 $can('non-purchase-payment-list') ||
 $can('non-purchase-payment-create') ||
 $can('non-purchase-payment-edit') ||
 $can('non-purchase-payment-view') ||
 $can('non-purchase-payment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('nonPurchasePayments') ||
 menuOpen('purchasePayments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.suppliers') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('nonPurchasePayments') ||
 menuOpen('purchasePayments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('purchase-payment-list') ||
 $can('purchase-payment-create') ||
 $can('purchase-payment-edit') ||
 $can('purchase-payment-view') ||
 $can('purchase-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'purchasePayments.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.purchase') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('non-purchase-payment-list') ||
 $can('non-purchase-payment-create') ||
 $can('non-purchase-payment-edit') ||
 $can('non-purchase-payment-view') ||
 $can('non-purchase-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'nonPurchasePayments.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.non_purchase') }}
 </router-link>
 </li>
 </ul>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('loan-authority-list') ||
 $can('loan-authority-create') ||
 $can('loan-authority-view') ||
 $can('loan-authority-edit') ||
 $can('loan-authority-delete') ||
 $can('loan-list') ||
 $can('loan-create') ||
 $can('loan-view') ||
 $can('loan-edit') ||
 $can('loan-delete') ||
 $can('loan-payment-list') ||
 $can('loan-payment-create') ||
 $can('loan-payment-view') ||
 $can('loan-payment-edit') ||
 $can('loan-payment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('authorities') ||
 menuOpen('loans') ||
 menuOpen('loanPayments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.loan_management') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('authorities') ||
 menuOpen('loans') ||
 menuOpen('loanPayments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('loan-authority-list') ||
 $can('loan-authority-create') ||
 $can('loan-authority-view') ||
 $can('loan-authority-edit') ||
 $can('loan-authority-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'authorities.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.authorities') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('loan-list') ||
 $can('loan-create') ||
 $can('loan-view') ||
 $can('loan-edit') ||
 $can('loan-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'loans.index' }" class="nav-link">
 
 {{ $t('sidebar.loans') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('loan-payment-list') ||
 $can('loan-payment-create') ||
 $can('loan-payment-view') ||
 $can('loan-payment-edit') ||
 $can('loan-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'loanPayments.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.payments') }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('asset-type-list') ||
 $can('asset-type-create') ||
 $can('asset-type-edit') ||
 $can('asset-type-delete') ||
 $can('asset-list') ||
 $can('asset-create') ||
 $can('asset-view') ||
 $can('asset-edit') ||
 $can('asset-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('assetTypes') || menuOpen('assets')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.asset_management') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('assetTypes') || menuOpen('assets')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('asset-type-list') ||
 $can('asset-type-create') ||
 $can('asset-type-edit') ||
 $can('asset-type-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'assetTypes.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.types') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('asset-list') ||
 $can('asset-create') ||
 $can('asset-view') ||
 $can('asset-edit') ||
 $can('asset-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'assets.index' }" class="nav-link">
 
 {{ $t('sidebar.assets') }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('payroll-list') ||
 $can('payroll-create') ||
 $can('payroll-view') ||
 $can('payroll-edit') ||
 $can('payroll-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'payroll.index' }" class="nav-link">
 
 {{ $t('sidebar.payroll') }}
 </router-link>
 </li>
 <li class="nav-header text-bold">{{ $t('sidebar.people') }}</li>
 <li
 v-if="
 $can('client-list') ||
 $can('client-create') ||
 $can('client-view') ||
 $can('client-edit') ||
 $can('client-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'clients.index' }" class="nav-link">
 
 {{ $t('sidebar.clients') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('supplier-list') ||
 $can('supplier-create') ||
 $can('supplier-view') ||
 $can('supplier-edit') ||
 $can('supplier-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'suppliers.index' }"
 href="#"
 class="nav-link"
 >
 
 {{ $t('sidebar.suppliers') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('department-list') ||
 $can('department-create') ||
 $can('department-edit') ||
 $can('department-delete') ||
 $can('employee-list') ||
 $can('employee-create') ||
 $can('employee-edit') ||
 $can('employee-delete') ||
 $can('employee-view') ||
 $can('increment-list') ||
 $can('increment-create') ||
 $can('increment-edit') ||
 $can('increment-view') ||
 $can('increment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('departments') ||
 menuOpen('employees') ||
 menuOpen('increments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.employees') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('departments') ||
 menuOpen('employees') ||
 menuOpen('increments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('department-list') ||
 $can('department-create') ||
 $can('department-edit') ||
 $can('department-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'departments.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.departments') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('employee-list') ||
 $can('employee-create') ||
 $can('employee-edit') ||
 $can('employee-delete') ||
 $can('employee-view')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'employees.index' }" class="nav-link">
 
 {{ $t('sidebar.employees_list') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('increment-list') ||
 $can('increment-create') ||
 $can('increment-edit') ||
 $can('increment-view') ||
 $can('increment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'increments.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.increments') }}
 </router-link>
 </li>
 </ul>
 </li>

<li class="nav-header text-bold">
 {{ $t('sidebar.inventory_uppercase') }}
 </li>
 <li
 v-if="
 $can('product-category-create') ||
 $can('product-category-edit') ||
 $can('product-category-delete') ||
 $can('product-sub-category-create') ||
 $can('product-sub-category-edit') ||
 $can('product-sub-category-delete') ||
 $can('product-create') ||
 $can('product-view') ||
 $can('product-edit') ||
 $can('product-delete') ||
 $can('print-barcode')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('productCats') ||
 menuOpen('productSubCats') ||
 menuOpen('products') ||
 menuOpen('barcode')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.products') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('productCats') ||
 menuOpen('productSubCats') ||
 menuOpen('products') ||
 menuOpen('barcode')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('product-category-create') ||
 $can('product-category-edit') ||
 $can('product-category-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'productCats.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.categories') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('product-sub-category-create') ||
 $can('product-sub-category-edit') ||
 $can('product-sub-category-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'productSubCats.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.sub_categories') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('product-create') ||
 $can('product-view') ||
 $can('product-edit') ||
 $can('product-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'products.index' }" class="nav-link">
 
 {{ $t('sidebar.products_list') }}
 </router-link>
 </li>

<li v-if="$can('print-barcode')" class="nav-item">
 <router-link :to="{ name: 'barcode.print' }" class="nav-link">
 
 {{ $t('sidebar.barcode') }}
 </router-link>
 </li>
 </ul>
 </li>

<li
 v-if="
 $can('inventory') ||
 $can('adjustment-create') ||
 $can('adjustment-view') ||
 $can('adjustment-edit') ||
 $can('adjustment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('inventory') || menuOpen('adjustments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="" class="nav-link">
 
 
 {{ $t('sidebar.inventory') }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('inventory') || menuOpen('adjustments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li v-if="$can('inventory-history')" class="nav-item">
 <router-link :to="{ name: 'inventory.index' }" class="nav-link">
 
 {{ $t('sidebar.view_inventory') }}
 </router-link>
 </li>
 <li
 v-if="
 $can('adjustment-create') ||
 $can('adjustment-view') ||
 $can('adjustment-edit') ||
 $can('adjustment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'adjustments.index' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.inventory_adjustment') }}
 </router-link>
 </li>
 </ul>
 </li>

<li class="nav-header text-bold">{{ $t('sidebar.reports') }}</li>
 <li v-if="$can('balance-sheet')" class="nav-item">
 <router-link
 :to="{ name: 'reports.balanceSheet' }"
 class="nav-link"
 >
 
 {{ $t('sidebar.balance_sheet') }}
 </router-link>
 </li>
 <li v-if="$can('summary-report')" class="nav-item">
 <router-link :to="{ name: 'reports.summary' }" class="nav-link">
 
 {{ $t('sidebar.summary_report') }}
 </router-link>
 </li>
 <li v-if="$can('profit-loss')" class="nav-item">
 <router-link :to="{ name: 'reports.profitLoss' }" class="nav-link">
 
 {{ $t('sidebar.profit_loss_report') }}
 </router-link>
 </li>
 <li v-if="$can('expense-report')" class="nav-item">
 <router-link :to="{ name: 'reports.expenses' }" class="nav-link">
 
 {{ $t('sidebar.expense_report') }}
 </router-link>
 </li>
 <li v-if="$can('item-report')" class="nav-item">
 <router-link :to="{ name: 'reports.items' }" class="nav-link">
 
 {{ $t('sidebar.product_report') }}
 </router-link>
 </li>
 <li v-if="$can('inventory-report')" class="nav-item">
 <router-link :to="{ name: 'reports.inventory' }" class="nav-link">
 
 {{ $t('sidebar.inventory_report') }}
 </router-link>
 </li>
 <li class="nav-header text-bold">{{ $t('sidebar.account') }}</li>
 <li
 v-if="
 $can('role-permissions') ||
 $can('units') ||
 $can('currencies') ||
 $can('general-settings')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'setup.index' }" class="nav-link">
 
 {{ $t('sidebar.setup') }}
 </router-link>
 </li>
 <li v-if="$can('database-backup')" class="nav-item">
 <router-link :to="{ name: 'backup' }" class="nav-link">
 
 {{ $t('sidebar.database_backup') }}
 </router-link>
 </li>
 <li class="nav-item has-treeview">
 <a href="#" class="nav-link">
 
 
 {{ $t('sidebar.account_sm') }}
 
 
 </a>
 <ul class="nav nav-treeview">
 <li v-if="$can('update-profile')" class="nav-item">
 <router-link :to="{ name: 'profile' }" class="nav-link">
 
 {{ $t('sidebar.profile') }}
 </router-link>
 </li>
 <li class="nav-item">
 <a
 class="nav-link admin-logout"
 href="#"
 @click.prevent="logout"
 >
 
 {{ $t('sidebar.logout') }}
 </a>
 </li>
 </ul>
 </li>
 </ul>
 </nav>
 
 </div>
 
 </aside>
</template>