@role('admin|support|partner|accountant')
    <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1">
            <i class="nav-icon">
                <img src="{{ asset('images/pages/house.png') }}" alt="Pages" style="width: 32px;height:32px;">
            </i>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link @yield('dashboard')" aria-current="page" href="{{ route('app.index') }}">
            <i class="nav-icon">
                <svg width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path opacity="0.4"
                        d="M16.0756 2H19.4616C20.8639 2 22.0001 3.14585 22.0001 4.55996V7.97452C22.0001 9.38864 20.8639 10.5345 19.4616 10.5345H16.0756C14.6734 10.5345 13.5371 9.38864 13.5371 7.97452V4.55996C13.5371 3.14585 14.6734 2 16.0756 2Z"
                        fill="currentColor"></path>
                    <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M4.53852 2H7.92449C9.32676 2 10.463 3.14585 10.463 4.55996V7.97452C10.463 9.38864 9.32676 10.5345 7.92449 10.5345H4.53852C3.13626 10.5345 2 9.38864 2 7.97452V4.55996C2 3.14585 3.13626 2 4.53852 2ZM4.53852 13.4655H7.92449C9.32676 13.4655 10.463 14.6114 10.463 16.0255V19.44C10.463 20.8532 9.32676 22 7.92449 22H4.53852C3.13626 22 2 20.8532 2 19.44V16.0255C2 14.6114 3.13626 13.4655 4.53852 13.4655ZM19.4615 13.4655H16.0755C14.6732 13.4655 13.537 14.6114 13.537 16.0255V19.44C13.537 20.8532 14.6732 22 16.0755 22H19.4615C20.8637 22 22 20.8532 22 19.44V16.0255C22 14.6114 20.8637 13.4655 19.4615 13.4655Z"
                        fill="currentColor"></path>
                </svg>
            </i>
            <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">{{ __('Pages') }}</li>

    @can('parter_resource')
        <li class="nav-item">
            <a href="{{ route('app.partner.index') }}" class="nav-link @yield('partner')">
                <i class="nav-icon fas fa-user"></i>
                <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('images/pages/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('images/pages/cashout.png') }}" alt="Cashout" style="width: 28px;height:28px;">
            <p>
                {{ __('cashout') }}
            </p>
        </a>
    </li>
    @endif
    @role('admin|partner|accountant|support')
        @if (canSeeMenu('withdraw_resource'))
        <li class="nav-item">
            <a href="{{ route('app.withdraw.index') }}" class="nav-link @yield('withdraw')">
                <img src="{{ asset('images/pages/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('images/pages/balance_fluctuation.png') }}" alt="Balance Fluctuation"
                    style="width: 28px;height:28px;">
                <p>
                    {{ __('balance_fluctuation') }}
                </p>
            </a>
        </li>
        @endif
    @endrole
        @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|support')
        <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>
    @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
    @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('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
    @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">
            <svg class="icon-32" width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path opacity="0.4"
                    d="M7.29639 6.446C7.29639 3.995 9.35618 2 11.8878 2H16.9201C19.4456 2 21.5002 3.99 21.5002 6.436V17.552C21.5002 20.004 19.4414 22 16.9098 22H11.8775C9.35205 22 7.29639 20.009 7.29639 17.562V16.622V6.446Z"
                    fill="currentColor"></path>
                <path
                    d="M16.0374 11.4538L13.0695 8.54482C12.7627 8.24482 12.2691 8.24482 11.9634 8.54682C11.6587 8.84882 11.6597 9.33582 11.9654 9.63582L13.5905 11.2288H3.2821C2.85042 11.2288 2.5 11.5738 2.5 11.9998C2.5 12.4248 2.85042 12.7688 3.2821 12.7688H13.5905L11.9654 14.3628C11.6597 14.6628 11.6587 15.1498 11.9634 15.4518C12.1168 15.6028 12.3168 15.6788 12.518 15.6788C12.717 15.6788 12.9171 15.6028 13.0695 15.4538L16.0374 12.5448C16.1847 12.3998 16.268 12.2038 16.268 11.9998C16.268 11.7948 16.1847 11.5988 16.0374 11.4538Z"
                    fill="currentColor"></path>
            </svg>
            <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>{{ __('manage_commissions') }}</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