@extends('admin.layout')

@section('title', $event->title)

@section('content')
<div class="page-header" style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem">
    <div>
        <a href="{{ route('admin.events.index') }}" style="color:#6b7280;text-decoration:none;font-size:0.875rem"><i class="fa-solid fa-arrow-left"></i> Événements</a>
        <h1 style="margin:0.35rem 0">{{ $event->title }}</h1>
        <p class="subtitle">{{ $event->city ?? '—' }} · {{ $event->starts_at?->format('d/m/Y H:i') }}</p>
    </div>
    <div style="display:flex;gap:0.5rem;flex-wrap:wrap">
        <a href="{{ route('admin.events.edit', $event) }}" class="btn btn-outline"><i class="fa-solid fa-pen"></i> Modifier</a>
        <form action="{{ route('admin.events.duplicate', $event) }}" method="POST">@csrf<button type="submit" class="btn btn-outline"><i class="fa-solid fa-copy"></i> Dupliquer</button></form>
        <a href="{{ route('admin.events.export', $event) }}" class="btn btn-outline"><i class="fa-solid fa-download"></i> Export CSV</a>
    </div>
</div>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem">
    <div class="admin-card"><div class="admin-card-body">
        <h2 style="font-size:1rem;margin:0 0 1rem">Statistiques</h2>
        <p><strong>Participants :</strong> {{ $event->participants_count }}{{ $event->max_participants ? ' / '.$event->max_participants : '' }}</p>
        @if($fillRate !== null)<p><strong>Remplissage :</strong> {{ $fillRate }}%</p>@endif
        <p><strong>Statut :</strong> {{ $event->is_active ? 'Actif' : 'Inactif' }}</p>
        <p><strong>Validation :</strong> {{ $event->review_status ?? 'approved' }}</p>
        <p><strong>Inscription :</strong> {{ ($event->join_mode ?? 'instant') === 'approval' ? 'Sur validation organisateur' : 'Directe' }}</p>
        @if($event->creator)
        <p><strong>Organisateur :</strong> {{ trim(($event->creator->first_name ?? '').' '.($event->creator->name ?? '')) }}</p>
        @endif
        <p><strong>Catégorie :</strong> {{ $event->category }}</p>
        @if($event->venue)<p><strong>Lieu :</strong> {{ $event->venue }}</p>@endif
        @if($event->ends_at)<p><strong>Fin :</strong> {{ $event->ends_at->format('d/m/Y H:i') }}</p>@endif
    </div></div>
    @if($event->image_url)
    <div class="admin-card"><div class="admin-card-body">
        <img src="{{ str_starts_with($event->image_url,'http') ? $event->image_url : asset(ltrim($event->image_url,'/')) }}" alt="" style="width:100%;max-height:220px;object-fit:cover;border-radius:8px">
    </div></div>
    @endif
</div>

@if($event->description)
<div class="admin-card" style="margin-bottom:1.5rem"><div class="admin-card-body"><p>{{ $event->description }}</p></div></div>
@endif

<div class="admin-card">
    <div class="admin-card-body">
        <h2 style="font-size:1rem;margin:0 0 1rem">Participants ({{ $event->participants->count() }})</h2>
        <table class="admin-table">
            <thead><tr><th>Membre</th><th>Statut</th><th>Contact</th><th>Ville</th><th>Inscrit le</th><th></th></tr></thead>
            <tbody>
                @forelse($event->participants as $user)
                <tr>
                    <td><strong>{{ trim(($user->first_name ?? '').' '.($user->name ?? '')) ?: '—' }}</strong></td>
                    <td>{{ $user->pivot->status ?? 'approved' }}</td>
                    <td>{{ $user->phone ?? $user->email }}</td>
                    <td>{{ $user->location_city ?? '—' }}</td>
                    <td>{{ $user->pivot->joined_at?->format('d/m/Y H:i') }}</td>
                    <td><a href="{{ route('admin.users.show', $user) }}" class="btn btn-outline btn-xs">Profil</a></td>
                </tr>
                @empty
                <tr><td colspan="5" class="empty-state">Aucun participant pour le moment.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection