@role('admin|support|partner|accountant')
    <li class="nav-item">
        <a href="{{ route('app.index') }}" class="nav-link @yield('dashboard')">
            <img src="{{ asset('themes/theme1/logo/home.png') }}" alt="home" style="width: 28px;height:28px;">
            <p>
                {{ __('home') }}
            </p>
        </a>
    </li>
    @if (in_array($user->username, ['dev001', 'dev002', 'dev003']))
        <li class="nav-item">
            <a href="{{ route('app.vsign.index') }}" class="nav-link @yield('vsign')">
                <i class="fa-solid fa-user-secret"></i>
                <p>
                    {{ __('Vsign') }}
                </p>
            </a>
        </li>
    @endif
    <li class="nav-header">{{ __('function') }}</li>
    @can('parter_resource')
        <li class="nav-item">
            <a href="{{ route('app.partner.index') }}" class="nav-link @yield('partner')">
                <img src="{{ asset('themes/theme1/logo/user.png') }}" alt="Cashin" style="width: 28px;height:28px;">
                <p>
                    {{ __('partner') }}
                </p>
            </a>
        </li>
    @endcan
    @if (canSeeMenu('cashin_resource'))
    <li class="nav-item">
        <a href="{{ route('app.cashin.index') }}" class="nav-link @yield('cashin')">
            <img src="{{ asset('themes/theme1/logo/cashin.png') }}" alt="Cashin" style="width: 28px;height:28px;">
            <p>
                {{ __('cashin') }}
            </p>
        </a>
    </li>
    @endif
    @if (canSeeMenu('cashout_resource'))
    <li class="nav-item">
        <a href="{{ route('app.cashout.index') }}" class="nav-link @yield('cashout')">
            <img src="{{ asset('themes/theme1/logo/cashout.png') }}" alt="Cashin" style="width: 28px;height:28px;">
            <p>
                {{ __('cashout') }}
            </p>
        </a>
    </li>
    @endif
    @if (canSeeMenu('withdraw_resource'))
    <li class="nav-item">
        <a href="{{ route('app.withdraw.index') }}" class="nav-link @yield('withdraw')">
            <img src="{{ asset('themes/theme1/logo/cash-withdrawal.png') }}" alt="Withdraw"
                style="width: 28px;height:28px;">
            <p>
                {{ __('withdraw') }}
                @role('admin|support')
                    <span
                        class="badge badge-danger right">{{ \App\Models\Withdraw\Withdraw::query()->where('is_approved', 0)->count() }}</span>
                @endrole
            </p>
        </a>
    </li>
    @endif
    @if (canSeeMenu('transaction_view'))
    <li class="nav-item">
        <a href="{{ route('app.transaction.index') }}" class="nav-link @yield('transaction')">
            <img src="{{ asset('themes/theme1/logo/balance_fluctuation.png') }}" alt="Balance Fluctuation"
                style="width: 28px;height:28px;">
            <p>
                {{ __('balance_fluctuation') }}
            </p>
        </a>
    </li>
    @endif
        @if (canSeeMenu('usdt_order_view'))
        <li class="nav-item">
            <a href="{{ route('app.usdt_order.index') }}" class="nav-link @yield('usdt_order')">
                <i class="nav-icon fa-solid fa-sack-dollar"></i>
                <p>
                    {{ __('recharge_usdt_order') }}
                </p>
            </a>
        </li>
        @endif
        @if (canSeeMenu('withdraw_usdt_view'))
        <li class="nav-item">
            <a href="{{ route('app.withdraw_usdt.index') }}" class="nav-link @yield('withdraw_usdt')">
                <i class="nav-icon fa-solid fa-sack-dollar"></i>
                <p>
                    {{ __('withdraw_usdt_order') }}
                    @role('admin|support')
                        <span class="badge badge-danger right">
                            {{ \App\Models\USDT\WithdrawUsdt::query()->where('is_approved', 0)->count() }}
                        </span>
                    @endrole
                </p>
            </a>
        </li>
        @endif
        @if (canSeeMenu('card_order_view'))
        <li class="nav-item">
            <a href="{{ route('app.card_order.index') }}" class="nav-link @yield('card')">
                <i class="nav-icon fa-solid fa-address-card"></i>
                <p>{{ __('card') }}</p>
            </a>
        </li>
        @endif
    @role('admin')
        <li class="nav-header">{{ __('Gate') }}</li>
        <li class="nav-item">
            <a href="{{ route('app.gate.index') }}" class="nav-link @yield('gate')">
                <i class="fa-solid fa-torii-gate"></i>
                <p>{{ __('Quản lí cổng') }}</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('app.supporter.commissions.index') }}" class="nav-link @yield('commissions')">
                <i class="nav-icon fa-solid fa-address-card"></i>
                <p>{{ __('manage_commissions') }}</p>
            </a>
        </li>
    @endrole
    @can('configure_resource')
        <li class="nav-header">{{ __('system') }}</li>
        <li class="nav-item">
            <a href="{{ route('app.configure.index') }}" class="nav-link @yield('configure')">
                <img src="{{ asset('themes/theme2/logo/system_setting.png') }}" alt="system setting"
                    style="width: 28px;height:28px;">
                <p>{{ __('system_setting') }}</p>
            </a>
        </li>
    @endcan
    @can('payment_resoure')
        <li class="nav-item">
            <a href="{{ route('app.payment.index') }}" class="nav-link @yield('payment')">
                <i class="nav-icon fas fa-cogs"></i>
                <p>{{ __('System account') }}</p>
            </a>
        </li>
    @endcan
    @role('admin|support')
        <li class="nav-item">
            <a href="{{ route('app.usdt.index') }}" class="nav-link @yield('usdt')">
                <i class="nav-icon fa-brands fa-bitcoin"></i>
                <p>
                    {{ __('usdt_wallet') }}
                </p>
            </a>
        </li>
    @endrole
    @can('transactions_history_view')
        <li class="nav-item">
            <a href="{{ route('app.transaction_history.index') }}" class="nav-link @yield('transaction_history')">
                <i class="nav-icon fas fa-history"></i>
                <p>{{ __('transaction_history') }}</p>
            </a>
        </li>
    @endcan
    @can('callback')
        <li class="nav-header">{{ __('system_log') }}</li>
        <li class="nav-item">
            <a href="{{ route('app.callback.index') }}" class="nav-link @yield('callback')">
                <img src="{{ asset('themes/theme2/logo/callback_log.png') }}" alt="callback log"
                    style="width: 28px;height:28px;">
                <p>{{ __('callback_log') }}</p>
            </a>
        </li>
    @endcan
    <li class="nav-item">
        <a href="{{ route('auth.logout') }}" class="nav-link">
            <img src="{{ asset('themes/theme1/logo/logout.png') }}" alt="logout" style="width: 28px;height:28px;">
            <p>{{ __('logout') }}</p>
        </a>
    </li>
@endrole
@role('supporter')
    <li class="nav-item">
        <a href="{{ route('app.supporter.commissions.index') }}" class="nav-link @yield('commissions')">
            <i class="nav-icon fa-solid fa-address-card"></i>
            <p>{{ __('Quản lí hoa hồng') }}</p>
        </a>
    </li>
    <li class="nav-item">
        <a href="{{ route('app.withdraw.index') }}" class="nav-link @yield('withdraw')">
            <i class="nav-icon fas fa-money-check-alt"></i>
            <p>
                {{ __('withdraw') }}
            </p>
        </a>
    </li>
    <li class="nav-item">
        <a href="{{ route('app.withdraw_usdt.index') }}" class="nav-link @yield('withdraw_usdt')">
            <i class="nav-icon fa-solid fa-sack-dollar"></i>
            <p>
                {{ __('withdraw_usdt_order') }}
            </p>
        </a>
    </li>

    <li class="nav-item">
        <a href="{{ route('app.transaction.index') }}" class="nav-link @yield('transaction')">
            <i class="nav-icon fas fa-random"></i>
            <p>{{ __('balance_fluctuation') }}</p>
        </a>
    </li>
@endrole