@extends('layouts.admin')

@section('titre', 'Bureau du club')

@section('contenu')

<p style="margin-bottom:1.5rem;">
  <a href="{{ route('admin.membres-bureau.create') }}" class="bouton">+ Nouveau membre</a>
</p>

<table class="table-admin">
  <thead>
    <tr><th>Photo</th><th>Groupe</th><th>Nom</th><th>Fonction</th><th>Actions</th></tr>
  </thead>
  <tbody>
    @forelse ($membres as $membre)
      <tr>
        <td>
          @if ($membre->photo_path)
            <img src="{{ asset('storage/'.$membre->photo_path) }}" alt="" style="height:2.2rem; width:2.2rem; object-fit:cover;">
          @else
            —
          @endif
        </td>
        <td>{{ $membre->groupe === 'executif' ? 'Bureau exécutif' : "Pôles d'activité" }}</td>
        <td>{{ $membre->nom }}</td>
        <td>{{ $membre->fonction }}</td>
        <td>
          <a class="lien-action" href="{{ route('admin.membres-bureau.edit', $membre) }}">Modifier</a>
          <form action="{{ route('admin.membres-bureau.destroy', $membre) }}" method="POST" style="display:inline;" onsubmit="return confirm('Supprimer ce membre ?');">
            @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 membre pour le moment.</td></tr>
    @endforelse
  </tbody>
</table>

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

@endsection