@extends('layouts.admin')

@section('titre', 'Événements')

@section('contenu')

<p style="margin-bottom:1.5rem;">
  <a href="{{ route('admin.evenements.create') }}" class="bouton">+ Nouvel événement</a>
</p>

<table class="table-admin">
  <thead>
    <tr><th>Date</th><th>Type</th><th>Titre</th><th>Lieu</th><th>Actions</th></tr>
  </thead>
  <tbody>
    @forelse ($evenements as $evenement)
      <tr>
        <td>{{ $evenement->date_evenement->format('d/m/Y') }}</td>
        <td>{{ $evenement->type }}</td>
        <td>{{ $evenement->titre }}</td>
        <td>{{ $evenement->lieu ?? '—' }}</td>
        <td>
          <a class="lien-action" href="{{ route('admin.evenements.edit', $evenement) }}">Modifier</a>
          <form action="{{ route('admin.evenements.destroy', $evenement) }}" method="POST" style="display:inline;" onsubmit="return confirm('Supprimer cet événement ?');">
            @csrf @method('DELETE')
            <button type="submit" class="lien-action" style="background:none; border:none; color:var(--rouge-sombre); cursor:pointer;">Supprimer</button>
          </form>
        </td>
      </tr>
    @empty
      <tr><td colspan="5">Aucun événement pour le moment.</td></tr>
    @endforelse
  </tbody>
</table>

<div style="margin-top:1.5rem;">{{ $evenements->links() }}</div>

@endsection