@extends('admin.layout')

@section('title', $user->name ?? $user->first_name ?? 'Utilisateur')

@section('content')
@php
    $displayName = trim(($user->first_name ?? '') . ' ' . ($user->name ?? '')) ?: 'Utilisateur';
    $avatar = $user->photos->first();
    $avatarUrl = $avatar
        ? (str_starts_with($avatar->path, 'http') ? $avatar->path : asset('storage/' . ltrim($avatar->path, '/')))
        : null;
    $identityLabels = [
        'none' => ['Non soumis', 'tag-pending'],
        'pending' => ['En attente', 'tag-pending'],
        'approved' => ['Approuvé', 'tag-active'],
        'rejected' => ['Refusé', 'tag-blocked'],
    ];
    [$identityLabel, $identityClass] = $identityLabels[$user->identity_status ?? 'none'] ?? ['—', 'tag-pending'];
    $identityPhoto = $user->identity_photo_url
        ? (str_starts_with($user->identity_photo_url, 'http') ? $user->identity_photo_url : asset(ltrim($user->identity_photo_url, '/')))
        : null;
@endphp

<style>
    .user-detail-header { display:flex; gap:1.5rem; flex-wrap:wrap; align-items:flex-start; margin-bottom:1.5rem; }
    .user-detail-avatar { width:96px; height:96px; border-radius:50%; object-fit:cover; background:#e5e7eb; }
    .user-detail-avatar-fallback { width:96px; height:96px; border-radius:50%; background:#DC143C; color:#fff; display:flex; align-items:center; justify-content:center; font-size:2rem; font-weight:700; }
    .user-detail-meta h1 { margin:0 0 0.35rem; font-size:1.5rem; }
    .user-detail-meta p { margin:0.15rem 0; color:#6b7280; font-size:0.9rem; }
    .tag { display:inline-block; padding:0.25rem 0.6rem; border-radius:9999px; font-size:0.75rem; font-weight:500; margin-right:0.35rem; }
    .tag-active { background:#22c55e; color:#fff; }
    .tag-blocked { background:#ef4444; color:#fff; }
    .tag-pending { background:#eab308; color:#fff; }
    .tag-verified { background:#3b82f6; color:#fff; }
    .detail-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; margin-bottom:1.5rem; }
    .detail-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:1.25rem; }
    .detail-card h2 { font-size:1rem; margin:0 0 1rem; display:flex; align-items:center; gap:0.5rem; }
    .stat-row { display:flex; justify-content:space-between; padding:0.45rem 0; border-bottom:1px solid #f3f4f6; font-size:0.9rem; }
    .stat-row:last-child { border-bottom:none; }
    .photo-grid, .story-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:0.75rem; }
    .photo-grid img, .story-grid img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:8px; border:1px solid #e5e7eb; }
    .identity-compare { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .identity-compare img { width:100%; max-height:220px; object-fit:cover; border-radius:10px; border:1px solid #e5e7eb; }
    .action-bar { display:flex; flex-wrap:wrap; gap:0.65rem; margin-bottom:1.5rem; }
    .btn { display:inline-flex; align-items:center; gap:8px; padding:0.5rem 1rem; border-radius:8px; font-size:0.875rem; font-weight:500; text-decoration:none; border:none; cursor:pointer; }
    .btn-primary { background:#DC143C; color:#fff; }
    .btn-outline { background:#f3f4f6; border:1px solid #e5e7eb; color:#374151; }
    .btn-success { background:#059669; color:#fff; }
    .btn-danger { background:#dc2626; color:#fff; }
    .back-link { color:#6b7280; text-decoration:none; display:inline-flex; align-items:center; gap:0.35rem; margin-bottom:1rem; font-size:0.9rem; }
    .back-link:hover { color:#111; }
    .empty-mini { color:#9ca3af; font-size:0.875rem; }
    .reject-form textarea { width:100%; min-height:80px; border:1px solid #e5e7eb; border-radius:8px; padding:0.65rem; font-family:inherit; margin-top:0.5rem; }
</style>

<a href="{{ route('admin.users.index') }}" class="back-link"><i class="fa-solid fa-arrow-left"></i> Retour aux utilisateurs</a>

<div class="user-detail-header">
    @if($avatarUrl)
        <img src="{{ $avatarUrl }}" alt="" class="user-detail-avatar">
    @else
        <div class="user-detail-avatar-fallback">{{ strtoupper(mb_substr($displayName, 0, 1)) }}</div>
    @endif
    <div class="user-detail-meta">
        <h1>{{ $displayName }}</h1>
        <p><i class="fa-solid fa-phone"></i> {{ $user->phone ?? '—' }}</p>
        <p><i class="fa-solid fa-envelope"></i> {{ $user->email ?? '—' }}</p>
        <p><i class="fa-solid fa-location-dot"></i> {{ $user->location_city ?? '—' }}{{ $user->location_country ? ', '.$user->location_country : '' }}</p>
        <div style="margin-top:0.65rem">
            @if($user->is_blocked)
                <span class="tag tag-blocked">Banni</span>
            @else
                <span class="tag tag-active">Actif</span>
            @endif
            @if($user->is_verified)
                <span class="tag tag-verified"><i class="fa-solid fa-circle-check"></i> Profil vérifié</span>
            @endif
            <span class="tag {{ $identityClass }}">Identité : {{ $identityLabel }}</span>
        </div>
    </div>
</div>

<div class="action-bar">
    @if($user->identity_status === 'pending')
        <form action="{{ route('admin.users.identity.approve', $user) }}" method="POST" style="margin:0">
            @csrf
            <button type="submit" class="btn btn-success"><i class="fa-solid fa-check"></i> Approuver l'identité</button>
        </form>
    @endif
    <form action="{{ route('admin.users.toggle-verified', $user) }}" method="POST" style="margin:0">
        @csrf
        <button type="submit" class="btn btn-outline">
            <i class="fa-solid fa-badge-check"></i> {{ $user->is_verified ? 'Retirer badge vérifié' : 'Marquer profil vérifié' }}
        </button>
    </form>
    @if($user->is_blocked)
        <form action="{{ route('admin.users.unblock', $user) }}" method="POST" style="margin:0">
            @csrf
            <button type="submit" class="btn btn-success"><i class="fa-solid fa-unlock"></i> Débloquer</button>
        </form>
    @else
        <form action="{{ route('admin.users.block', $user) }}" method="POST" style="margin:0" onsubmit="return confirm('Bloquer ce compte ?')">
            @csrf
            <button type="submit" class="btn btn-danger"><i class="fa-solid fa-ban"></i> Bloquer</button>
        </form>
    @endif
</div>

<div class="detail-grid">
    <div class="detail-card">
        <h2><i class="fa-solid fa-chart-simple"></i> Statistiques</h2>
        <div class="stat-row"><span>Profil complété</span><strong>{{ $stats['completion'] }}%</strong></div>
        <div class="stat-row"><span>Matchs</span><strong>{{ $stats['matches'] }}</strong></div>
        <div class="stat-row"><span>Likes reçus</span><strong>{{ $stats['likes_received'] }}</strong></div>
        <div class="stat-row"><span>Vues profil</span><strong>{{ $stats['profile_views'] }}</strong></div>
        <div class="stat-row"><span>Inscription</span><strong>{{ $user->created_at->format('d/m/Y H:i') }}</strong></div>
    </div>

    <div class="detail-card">
        <h2><i class="fa-solid fa-id-card"></i> Profil</h2>
        <div class="stat-row"><span>Genre</span><strong>{{ $user->gender ?? '—' }}</strong></div>
        <div class="stat-row"><span>Naissance</span><strong>{{ $user->date_of_birth?->format('d/m/Y') ?? '—' }}</strong></div>
        <div class="stat-row"><span>Profession</span><strong>{{ $user->occupation ?? '—' }}</strong></div>
        <div class="stat-row"><span>Études</span><strong>{{ $user->education_level ?? '—' }}</strong></div>
        <div class="stat-row"><span>Tél. vérifié</span><strong>{{ $user->phone_verified_at ? 'Oui' : 'Non' }}</strong></div>
        <div class="stat-row"><span>Email vérifié</span><strong>{{ $user->email_verified_at ? 'Oui' : 'Non' }}</strong></div>
        @if($user->bio)
            <p style="margin-top:0.75rem;font-size:0.875rem;color:#374151"><strong>Bio :</strong> {{ $user->bio }}</p>
        @endif
        @if($user->interests)
            <p style="margin-top:0.5rem;font-size:0.8rem;color:#6b7280">{{ implode(', ', $user->interests) }}</p>
        @endif
    </div>
</div>

<div class="detail-card" style="margin-bottom:1.5rem">
    <h2><i class="fa-solid fa-camera"></i> Vérification d'identité</h2>
    @if($user->identity_status === 'none')
        <p class="empty-mini">L'utilisateur n'a pas encore soumis de selfie de vérification.</p>
    @else
        <p style="font-size:0.875rem;margin:0 0 1rem">
            Soumis le {{ $user->identity_submitted_at?->format('d/m/Y à H:i') ?? '—' }}
            @if($user->identity_reviewed_at)
                — Traité le {{ $user->identity_reviewed_at->format('d/m/Y à H:i') }}
            @endif
        </p>
        @if($user->identity_rejection_reason)
            <p style="color:#dc2626;font-size:0.875rem;margin-bottom:1rem"><strong>Motif du refus :</strong> {{ $user->identity_rejection_reason }}</p>
        @endif
        <div class="identity-compare">
            <div>
                <p style="font-size:0.8rem;color:#6b7280;margin:0 0 0.5rem">Photo de profil</p>
                @if($avatarUrl)
                    <img src="{{ $avatarUrl }}" alt="Profil">
                @else
                    <p class="empty-mini">Aucune photo de profil</p>
                @endif
            </div>
            <div>
                <p style="font-size:0.8rem;color:#6b7280;margin:0 0 0.5rem">Selfie de vérification</p>
                @if($identityPhoto)
                    <img src="{{ $identityPhoto }}" alt="Identité">
                @else
                    <p class="empty-mini">Photo indisponible</p>
                @endif
            </div>
        </div>
        @if($user->identity_status === 'pending')
            <form action="{{ route('admin.users.identity.reject', $user) }}" method="POST" class="reject-form" style="margin-top:1rem" onsubmit="return confirm('Refuser cette vérification ?')">
                @csrf
                <label for="reason"><strong>Motif de refus</strong></label>
                <textarea id="reason" name="reason" placeholder="Ex. : visage non visible, photo floue, ne correspond pas au profil…" required></textarea>
                @error('reason')<span style="color:#dc2626;font-size:0.8rem">{{ $message }}</span>@enderror
                <button type="submit" class="btn btn-danger" style="margin-top:0.75rem"><i class="fa-solid fa-xmark"></i> Refuser la vérification</button>
            </form>
        @endif
    @endif
</div>

<div class="detail-card" style="margin-bottom:1.5rem">
    <h2><i class="fa-solid fa-images"></i> Photos de profil ({{ $user->photos->count() }})</h2>
    @if($user->photos->isEmpty())
        <p class="empty-mini">Aucune photo.</p>
    @else
        <div class="photo-grid">
            @foreach($user->photos as $photo)
                @php
                    $url = str_starts_with($photo->path, 'http') ? $photo->path : asset('storage/' . ltrim($photo->path, '/'));
                @endphp
                <div>
                    <img src="{{ $url }}" alt="">
                    <form action="{{ route('admin.users.photos.destroy', [$user, $photo->id]) }}" method="POST" style="margin-top:0.35rem" onsubmit="return confirm('Supprimer cette photo ?')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger" style="padding:0.25rem 0.5rem;font-size:0.75rem"><i class="fa-solid fa-trash"></i></button>
                    </form>
                </div>
            @endforeach
        </div>
    @endif
</div>

<div class="detail-card" style="margin-bottom:1.5rem">
    <h2><i class="fa-solid fa-circle-play"></i> Stories / publications ({{ $user->stories->count() }})</h2>
    @if($user->stories->isEmpty())
        <p class="empty-mini">Aucune story publiée.</p>
    @else
        <div class="story-grid">
            @foreach($user->stories as $story)
                @php
                    $storyUrl = $story->path && !str_starts_with($story->path, 'http')
                        ? asset('storage/' . ltrim($story->path, '/'))
                        : ($story->path ?: null);
                @endphp
                <div>
                    @if($story->type === 'text')
                        <div style="aspect-ratio:1;background:{{ $story->background_color ?? '#DC143C' }};border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0.5rem;color:#fff;font-size:0.75rem;text-align:center">{{ Str::limit($story->text_content, 80) }}</div>
                    @elseif($storyUrl)
                        <img src="{{ $storyUrl }}" alt="">
                    @endif
                    <p style="font-size:0.7rem;color:#9ca3af;margin:0.25rem 0 0">{{ $story->created_at->format('d/m/Y') }}</p>
                    <form action="{{ route('admin.users.stories.destroy', [$user, $story]) }}" method="POST" onsubmit="return confirm('Supprimer cette story ?')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger" style="padding:0.25rem 0.5rem;font-size:0.75rem;margin-top:0.25rem"><i class="fa-solid fa-trash"></i></button>
                    </form>
                </div>
            @endforeach
        </div>
    @endif
</div>

@if($reports->isNotEmpty())
<div class="detail-card">
    <h2><i class="fa-solid fa-flag"></i> Signalements reçus ({{ $reports->count() }})</h2>
    @foreach($reports as $report)
        <div class="stat-row">
            <span>{{ $report->reason }} — par {{ $report->reporter->name ?? 'Utilisateur' }}</span>
            <span style="color:#6b7280">{{ $report->created_at->format('d/m/Y') }}</span>
        </div>
    @endforeach
    <a href="{{ route('admin.reports.index', ['search' => $user->phone]) }}" class="btn btn-outline" style="margin-top:0.75rem">Voir tous les signalements</a>
</div>
@endif
@endsection