@php
    $sidebarSellerAc = App\Store::where('user_id', '=', Auth::user()->id)->first();
@endphp

{{-- User profile card --}}
<div class="bg-gradient-to-br from-brand-500 to-brand-700 text-white rounded-2xl p-5 mb-4">
    <div class="flex items-center gap-3">
        @if(auth()->user()->image && file_exists(public_path() . '/images/user/' . auth()->user()->image))
            <img src="{{ url('images/user/' . auth()->user()->image) }}" class="w-14 h-14 rounded-full object-cover border-2 border-white/30">
        @else
            <img src="{{ Avatar::create(Auth::user()->name)->toBase64() }}" class="w-14 h-14 rounded-full border-2 border-white/30">
        @endif
        <div class="min-w-0">
            <div class="text-[11px] uppercase tracking-wider opacity-80">{{ __('Hi') }}</div>
            <div class="font-display font-bold text-lg truncate">{{ Auth::user()->name }}</div>
        </div>
    </div>
    <div class="text-[12px] opacity-80 mt-2 truncate">{{ auth()->user()->email }}</div>
    <div class="text-[11px] opacity-70 mt-1">{{ __('Member since') }} {{ date('M Y', strtotime(auth()->user()->created_at)) }}</div>
</div>

{{-- Navigation --}}
<nav class="bg-white rounded-2xl shadow-card overflow-hidden">
    <div class="px-4 py-3 border-b border-slate-100">
        <h3 class="text-[11px] font-bold uppercase tracking-wider text-slate-500">{{ __('staticwords.UserNavigation') }}</h3>
    </div>
    <div class="p-2 space-y-0.5">
        @php
            $navLink = function($route, $url, $label, $icon) {
                $active = request()->routeIs($route);
                $base = "flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors";
                $cls = $active ? "$base bg-brand-50 text-brand-600" : "$base text-slate-700 hover:bg-slate-50";
                return [$cls, $url, $label, $icon];
            };
        @endphp

        <a href="{{ url('/profile') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('user.profile') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="12" cy="7" r="4"/><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/></svg>
            {{ __('staticwords.MyAccount') }}
        </a>

        <a href="{{ url('/2fa') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('2fa.get') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3Z"/></svg>
            {{ __('2FA Auth') }}
        </a>

        @if($aff_system && $aff_system->enable_affilate == 1)
            <a href="{{ route('user.affiliate.settings') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('user.affiliate.settings') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                {{ __('Affiliate Dashboard') }}
            </a>
        @endif

        <a href="{{ url('/order') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('user.view.order') || request()->routeIs('user.order') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8L5 8Z"/><path d="M9 8V6a3 3 0 0 1 6 0v2"/></svg>
            {{ __('staticwords.MyOrders') }}
        </a>

        <a href="{{ route('user.chat.screen') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('user.chat.screen') || request()->routeIs('user.chat.view') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M21 15a4 4 0 0 1-4 4H8l-5 3V6a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v9Z"/></svg>
            {{ __('My Chats') }}
        </a>

        @if($wallet_system == 1)
            <a href="{{ route('user.wallet.show') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('user.wallet.show') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M2 10h20"/></svg>
                {{ __('staticwords.MyWallet') }}
            </a>
        @endif

        <a href="{{ url('wishlist') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors text-slate-700 hover:bg-slate-50">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 20s-7-4.5-9-9.2A4.8 4.8 0 0 1 7.5 5 4.8 4.8 0 0 1 12 8a4.8 4.8 0 0 1 4.5-3A4.8 4.8 0 0 1 21 10.8C19 15.5 12 20 12 20Z"/></svg>
            {{ __('Wishlist') }}
        </a>

        <a href="{{ route('failed.txn') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('failed.txn') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>
            {{ __('staticwords.MyFailedTrancations') }}
        </a>

        <a href="{{ route('user_t') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('user_t') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M20.59 13.41 13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82Z"/><path d="M7 7h.01"/></svg>
            {{ __('staticwords.MyTickets') }}
        </a>

        <a href="{{ route('get.address') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('get.address') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 21s7-7.5 7-12a7 7 0 1 0-14 0c0 4.5 7 12 7 12Z"/><circle cx="12" cy="9" r="2.5"/></svg>
            {{ __('staticwords.ManageAddress') }}
        </a>

        <a href="{{ route('mybanklist') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('mybanklist') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 21h18M5 21V8l7-5 7 5v13M9 21V12h6v9"/></svg>
            {{ __('staticwords.MyBankAccounts') }}
        </a>

        @if($vendor_system == 1)
            @if(empty($sidebarSellerAc) && Auth::user()->role_id != "a")
                <a href="{{ route('applyforseller') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors {{ request()->routeIs('applyforseller') ? 'bg-brand-50 text-brand-600' : 'text-slate-700 hover:bg-slate-50' }}">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 9 12 3l9 6v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z"/></svg>
                    {{ __('staticwords.ApplyforSellerAccount') }}
                </a>
            @elseif(Auth::user()->role_id != "a")
                <a href="{{ route('seller.dboard') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium transition-colors text-slate-700 hover:bg-slate-50">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 9 12 3l9 6v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z"/></svg>
                    {{ __('staticwords.SellerDashboard') }}
                </a>
            @endif
        @endif

        <button type="button" data-sh-modal-open="myModal" class="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium text-slate-700 hover:bg-slate-50 text-left">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 11V7a4 4 0 1 0-8 0v4M5 11h14v10H5z"/></svg>
            {{ __('staticwords.ChangePassword') }}
        </button>

        <hr class="my-2 border-slate-100">

        <button type="button" onclick="document.getElementById('logout-form').submit()" class="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-medium bg-rose-50 text-rose-600 hover:bg-rose-100 text-left">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9"/></svg>
            {{ __('Sign out') }}
        </button>
        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="hidden">@csrf</form>
    </div>
</nav>