@extends('layouts.app')

@section('title', __('Dashboard'))

@section('content')
<div style="max-width: 960px; margin: 0 auto;">
    <div class="card" style="margin-bottom:1.25rem;">
        <h1 style="margin-top:0; color:#fff;">👋 Olá, {{ $user->name }}</h1>
        <p style="color:var(--muted); margin-bottom:.5rem;">
            Você está autenticado como
            <span class="badge {{ $isAdmin ? 'badge-admin' : 'badge-user' }}">{{ $isAdmin ? 'Administrador' : 'Usuário' }}</span>
            — idioma: {{ $user->locale }}.
        </p>
        <p style="color:var(--muted); font-size:.9rem;">
            Último acesso: {{ $user->last_login_at?->format('d/m/Y H:i:s') ?? '—' }}
        </p>
    </div>

    <div class="grid-3">
        <div class="card">
            <h3 style="margin-top:0; color:#fff;">🏙️ {{ __('nav.city') }}</h3>
            <p style="color:var(--muted); font-size:.95rem;">
                <a href="{{ route('city.viewer') }}">{{ __('dashboard.open_viewer') }}</a><br>
                {{ __('dashboard.viewer_desc') }}
            </p>
        </div>

        @if ($isAdmin)
        <div class="card" style="border-color:rgba(99,102,241,.5);">
            <h3 style="margin-top:0; color:#fff;">⚙️ {{ __('nav.admin') }}</h3>
            <p style="color:var(--muted); font-size:.95rem;">
                <a href="{{ route('admin.stores.index') }}">{{ __('admin.stores.manage') }}</a><br>
                {{ __('admin.stores.admin_desc') }}
            </p>
        </div>
        @endif

        <div class="card">
            <h3 style="margin-top:0; color:#fff;">🏪 {{ __('dashboard.stores_title') }}</h3>
            <p style="font-size:2rem; margin:.2rem 0; color:var(--brand);">{{ $storeCount }}</p>
            <p style="color:var(--muted); font-size:.9rem;">{{ __('dashboard.stores_desc') }}</p>
        </div>

        <div class="card">
            <h3 style="margin-top:0; color:#fff;">📜 {{ __('dashboard.legal_title') }}</h3>
            <p style="color:var(--muted); font-size:.95rem;">
                <a href="{{ route('terms.history') }}">{{ __('dashboard.consent_history') }}</a><br>
                <a href="{{ route('legal.show', 'terms') }}">{{ __('legal.terms_label') }}</a> ·
                <a href="{{ route('legal.show', 'privacy') }}">{{ __('legal.privacy_label') }}</a> ·
                <a href="{{ route('legal.show', 'cookies') }}">{{ __('legal.cookies_label') }}</a>
            </p>
        </div>
    </div>
</div>
@endsection