@extends('layouts.admin')

@section('titre', $membre->exists ? 'Modifier le membre' : 'Nouveau membre du bureau')

@section('contenu')

<form class="formulaire" method="POST" enctype="multipart/form-data"
      action="{{ $membre->exists ? route('admin.membres-bureau.update', $membre) : route('admin.membres-bureau.store') }}">
  @csrf
  @if ($membre->exists) @method('PUT') @endif

  <div class="champ">
    <label for="nom">Nom</label>
    <input type="text" id="nom" name="nom" value="{{ old('nom', $membre->nom) }}" required>
    @error('nom') <p style="color:var(--rouge-sombre); font-size:0.82rem;">{{ $message }}</p> @enderror
  </div>

  <div class="champ">
    <label for="fonction">Fonction</label>
    <input type="text" id="fonction" name="fonction" value="{{ old('fonction', $membre->fonction) }}" placeholder="Président, Trésorier, Responsable sportif..." required>
    @error('fonction') <p style="color:var(--rouge-sombre); font-size:0.82rem;">{{ $message }}</p> @enderror
  </div>

  <div class="champ">
    <label for="groupe">Groupe</label>
    <select id="groupe" name="groupe" required>
      <option value="executif" {{ old('groupe', $membre->groupe) === 'executif' ? 'selected' : '' }}>Bureau exécutif</option>
      <option value="poles" {{ old('groupe', $membre->groupe) === 'poles' ? 'selected' : '' }}>Pôles d'activité</option>
    </select>
    @error('groupe') <p style="color:var(--rouge-sombre); font-size:0.82rem;">{{ $message }}</p> @enderror
  </div>

  <div class="champ">
    <label for="photo">Photo</label>
    @if ($membre->photo_path)
      <p style="margin-bottom:0.5rem;"><img src="{{ asset('storage/'.$membre->photo_path) }}" alt="" style="height:3.5rem; width:3.5rem; object-fit:cover;"></p>
    @endif
    <input type="file" id="photo" name="photo" accept="image/*">
    @error('photo') <p style="color:var(--rouge-sombre); font-size:0.82rem;">{{ $message }}</p> @enderror
  </div>

  <div class="champ">
    <label for="ordre">Ordre d'affichage</label>
    <input type="number" id="ordre" name="ordre" min="0" value="{{ old('ordre', $membre->ordre ?? 0) }}">
  </div>

  <button type="submit" class="bouton">Enregistrer</button>
</form>

@endsection