@php
    $authUser = auth()->user();
    $role = optional($authUser->access)->role; // superadmin | developer | admin | promotor
@endphp

<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme d-flex flex-column">

    {{-- Brand --}}
    <div class="app-brand d-flex align-items-center justify-content-between px-3 py-2">
        <a href="{{ route('admin.dashboard') }}" class="app-brand-link d-flex align-items-center">
            <img src="{{ asset('assets/img/logo.png') }}"
                 alt="logo"
                 class="app-brand-logo"
                 style="height:40px;width:auto;object-fit:contain;">
        </a>

        <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
            <i class="icon-base ti menu-toggle-icon d-none d-xl-block"></i>
            <i class="icon-base ti tabler-x d-block d-xl-none"></i>
        </a>
    </div>

    {{-- Role Badge --}}
    <div class="px-3 pb-2">
        <span class="badge bg-label-info text-uppercase w-100 text-center py-2">
            Role: {{ $role ?? 'unknown' }}
        </span>
    </div>

    <div class="menu-inner-wrapper">
        <ul class="menu-inner py-1">

            {{-- OVERVIEW (ALL) --}}
            <li class="menu-header small text-uppercase"><span>Overview</span></li>

            <li class="menu-item {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
                <a href="{{ route('admin.dashboard') }}" class="menu-link d-flex justify-content-between align-items-center">
                    <span class="d-flex align-items-center">
                        <i class="menu-icon icon-base ti tabler-layout-dashboard"></i>
                        <span>Dashboard</span>
                    </span>
                    <span class="badge bg-label-primary">Core</span>
                </a>
            </li>

            <li class="menu-item {{ request()->routeIs('admin.analytics') ? 'active' : '' }}">
                <a href="{{ route('admin.analytics') }}" class="menu-link d-flex justify-content-between align-items-center">
                    <span class="d-flex align-items-center">
                        <i class="menu-icon icon-base ti tabler-chart-bar"></i>
                        <span>Analytics</span>
                    </span>
                    <span class="badge bg-label-success">Live</span>
                </a>
            </li>

            {{-- CONTENT (superadmin, developer, admin) --}}
            @if(in_array($role, ['superadmin', 'developer', 'admin'], true))
                <li class="menu-header small text-uppercase">
                    <span>Riwayat Bonus</span>
                </li>
            
                <li class="menu-item ">
                    <a href="javascript:void(0);" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-gift"></i>
                        <div>Riwayat Bonus</div>
                    </a>
                </li>
            
                <li class="menu-item">
                    <a href="javascript:void(0);" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-refresh"></i>
                        <div>Rollingan</div>
                    </a>
                </li>
            
                <li class="menu-item">
                    <a href="javascript:void(0);" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-cash"></i>
                        <div>Cashback</div>
                    </a>
                </li>
            
                <li class="menu-item">
                    <a href="javascript:void(0);" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-chart-bar"></i>
                        <div>Turnover</div>
                    </a>
                </li>
            @endif

            {{-- CONTENT (superadmin, developer, admin) --}}
            @if(in_array($role, ['superadmin', 'developer', 'admin'], true))
                <li class="menu-header small text-uppercase"><span>Content</span></li>

                <li class="menu-item {{ request()->routeIs('admin.banner.pagebanner*') ? 'active' : '' }}">
                    <a href="{{ route('admin.banner.pagebanner') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-photo"></i>
                        <div>Page Banner</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.banner.bannerslide*') ? 'active' : '' }}">
                    <a href="{{ route('admin.banner.bannerslide') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-carousel-horizontal"></i>
                        <div>Banner Slide</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.promo.promotion.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.promo.promotion.index') }}" class="menu-link d-flex justify-content-between align-items-center">
                        <span class="d-flex align-items-center">
                            <i class="menu-icon icon-base ti tabler-speakerphone"></i>
                            <span>Promotions</span>
                        </span>
                        <span class="badge bg-label-warning">Promo</span>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.promo.bonus.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.promo.bonus.index') }}" class="menu-link d-flex justify-content-between align-items-center">
                        <span class="d-flex align-items-center">
                            <i class="menu-icon icon-base ti tabler-gift"></i>
                            <span>Bonus</span>
                        </span>
                        <span class="badge bg-label-danger">Bonus</span>
                    </a>
                </li>
            @endif

            {{-- GAMES --}}
            @if(in_array($role, ['superadmin', 'developer', 'admin'], true))
                <li class="menu-header small text-uppercase"><span>Games</span></li>

                <li class="menu-item {{ request()->routeIs('admin.games.providers.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.games.providers.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-building-store"></i>
                        <div>Provider List</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.games.list*') ? 'active' : '' }}">
                    <a href="{{ route('admin.games.list') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-device-gamepad-2"></i>
                        <div>Games List</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.games.history.launch*') ? 'active' : '' }}">
                    <a href="{{ route('admin.games.history.launch') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-history"></i>
                        <div>Launch History</div>
                    </a>
                </li>
            @endif

            {{-- MEMBERS --}}
            @if(in_array($role, ['superadmin', 'developer', 'admin', 'promotor'], true))
                <li class="menu-header small text-uppercase"><span>Members</span></li>

                <li class="menu-item {{ request()->routeIs('admin.members.index') ? 'active' : '' }}">
                    <a href="{{ route('admin.members.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-users-group"></i>
                        <div>Member Data</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.members.referral') ? 'active' : '' }}">
                    <a href="{{ route('admin.members.referral') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-user-share"></i>
                        <div>Referral Data</div>
                    </a>
                </li>
                
            @endif

            {{-- MANAGE BALANCE --}}
            @if(in_array($role, ['superadmin', 'developer', 'admin', 'promotor'], true))
                <li class="menu-item {{ request()->routeIs('admin.members.managebalance*') ? 'active' : '' }}">
                    <a href="{{ route('admin.members.managebalance') }}" class="menu-link d-flex justify-content-between align-items-center">
                        <span class="d-flex align-items-center">
                            <i class="menu-icon icon-base ti tabler-wallet"></i>
                            <span>Balance</span>
                        </span>
                        <span class="badge bg-label-info">Finance</span>
                    </a>
                </li>
            @endif

            {{-- PAYMENTS --}}
            @if(in_array($role, ['superadmin', 'developer', 'admin'], true))
                <li class="menu-header small text-uppercase"><span>Payments</span></li>

                <li class="menu-item {{ request()->routeIs('admin.bank.index') ? 'active' : '' }}">
                    <a href="{{ route('admin.bank.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-building-bank"></i>
                        <div>Bank Accounts</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.bank.qris') || request()->routeIs('admin.bank.qris') ? 'active' : '' }}">
                    <a href="{{ route('admin.bank.qris') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-qrcode"></i>
                        <div>QRIS Gateway</div>
                    </a>
                </li>
            @endif

            {{-- TRANSACTIONS --}}
            @if(in_array($role, ['superadmin', 'developer', 'admin','promotor'], true))
                <li class="menu-header small text-uppercase"><span>Transactions</span></li>

                <li class="menu-item {{ request()->routeIs('admin.transaction.deposit.pending') ? 'active' : '' }}">
                    <a href="{{ route('admin.transaction.deposit.pending') }}" class="menu-link d-flex justify-content-between align-items-center">
                        <span class="d-flex align-items-center">
                            <i class="menu-icon icon-base ti tabler-arrow-down-circle"></i>
                            <span>Deposit</span>
                        </span>
                        <span class="badge bg-label-warning">Pending</span>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.transaction.withdraw.pending') ? 'active' : '' }}">
                    <a href="{{ route('admin.transaction.withdraw.pending') }}" class="menu-link d-flex justify-content-between align-items-center">
                        <span class="d-flex align-items-center">
                            <i class="menu-icon icon-base ti tabler-arrow-up-circle"></i>
                            <span>Withdraw</span>
                        </span>
                        <span class="badge bg-label-danger">Pending</span>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.transaction.all') ? 'active' : '' }}">
                    <a href="{{ route('admin.transaction.all') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-receipt-2"></i>
                        <div>All Transactions</div>
                    </a>
                </li>
            @endif

            {{-- PLATFORM --}}
            @if(in_array($role, ['superadmin', 'developer'], true))
                <li class="menu-header small text-uppercase"><span>Platform</span></li>

                <li class="menu-item {{ request()->routeIs('admin.settings.website*') ? 'active' : '' }}">
                    <a href="{{ route('admin.settings.website') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-world-www"></i>
                        <div>Website Settings</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.settings.apisettings') ? 'active' : '' }}">
                    <a href="{{ route('admin.settings.apisettings') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-plug-connected"></i>
                        <div>API Settings</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.settings.social*') ? 'active' : '' }}">
                    <a href="{{ route('admin.settings.social') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-brand-telegram"></i>
                        <div>Social Media</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.settings.maintenance*') ? 'active' : '' }}">
                    <a href="{{ route('admin.settings.maintenance') }}" class="menu-link d-flex justify-content-between align-items-center">
                        <span class="d-flex align-items-center">
                            <i class="menu-icon icon-base ti tabler-settings-cog"></i>
                            <span>Maintenance</span>
                        </span>
                        <span class="badge bg-label-secondary">System</span>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.style.costume.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.style.costume.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-palette"></i>
                        <div>Style Customize</div>
                    </a>
                </li>
            @endif

            {{-- ADMIN --}}
            @if(in_array($role, ['superadmin', 'developer'], true))
                <li class="menu-header small text-uppercase"><span>Admin</span></li>

                <li class="menu-item {{ request()->routeIs('admin.admin-users.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.admin-users.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-shield-lock"></i>
                        <div>Admin Management</div>
                    </a>
                </li>

                <li class="menu-item {{ request()->routeIs('admin.logs.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.logs.activity') }}" class="menu-link d-flex justify-content-between align-items-center">
                        <span class="d-flex align-items-center">
                            <i class="menu-icon icon-base ti tabler-activity"></i>
                            <span>Monitoring Logs</span>
                        </span>
                        <span class="badge bg-label-success">Live</span>
                    </a>
                </li>
            @endif
        </ul>
    </div>
</aside>