@extends('layouts.admin')

@section('titre', 'Activités')

@section('contenu')

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

<table class="table-admin">
  <thead>
    <tr><th>Ordre</th><th>Titre</th><th>Horaires</th><th>Actions</th></tr>
  </thead>
  <tbody>
    @forelse ($activites as $activite)
      <tr>
        <td>{{ $activite->ordre }}</td>
        <td>{{ $activite->titre }}</td>
        <td>{{ $activite->horaires ?? '—' }}</td>
        <td>
          <a class="lien-action" href="{{ route('admin.activites.edit', $activite) }}">Modifier</a>
          <form action="{{ route('admin.activites.destroy', $activite) }}" method="POST" style="display:inline;" onsubmit="return confirm('Supprimer cette activité ?');">
            @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="4">Aucune activité pour le moment.</td></tr>
    @endforelse
  </tbody>
</table>

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

@endsection