@extends('layouts.admin')
@section('title', $user->fullName())

@section('admin_content')
<h1 class="mb-2 font-display text-2xl font-bold">{{ $user->fullName() }}</h1>
<a href="{{ route('admin.users.edit', $user) }}" class="mb-4 inline-block text-sm text-forest hover:underline">{{ __('admin.edit') }} →</a>
<p class="mb-6 text-ink/60">{{ $user->email }} · {{ $user->phone }} · {{ $user->city }}, {{ $user->region }}</p>

<h2 class="mb-3 font-display text-lg font-semibold">{{ __('admin.roles') }}</h2>
<div class="flex flex-wrap gap-2">
    @foreach ($user->roles as $role)
        <span class="status-pill bg-ink/10 text-ink/70">{{ $role->name_en }} — {{ $role->pivot->status }}</span>
    @endforeach
</div>

<h2 class="mb-3 mt-8 font-display text-lg font-semibold">{{ __('admin.verification_requests') }}</h2>
<div class="space-y-2">
    @forelse ($user->verificationRequests as $vr)
        <div class="card p-3 text-sm">{{ $vr->type }} — {{ $vr->status }}</div>
    @empty
        <p class="text-ink/40">—</p>
    @endforelse
</div>
@endsection