@extends('layouts.app')

@section('titre', 'Partenaires')

@section('contenu')

<section class="hero">
  <div class="container">
    <p class="hero-eyebrow">Ils soutiennent le club</p>
    <h1>Nos partenaires</h1>
    <p class="lede">L'Union Saint-Jean FC remercie les entreprises et commerçants qui accompagnent le club saison après saison.</p>
  </div>
</section>

<section class="section section--sombre">
  <div class="container">
    @forelse ($partenaires as $niveau => $liste)
      <p class="niveau-titre">{{ $niveau }}</p>
      <div class="grille-partenaires">
        @foreach ($liste as $partenaire)
          <div class="panneau">
            @if ($partenaire->logo_path)
              <img src="{{ asset('storage/'.$partenaire->logo_path) }}" alt="{{ $partenaire->nom }}">
            @else
              <span>{{ $partenaire->nom }}</span>
            @endif
          </div>
        @endforeach
      </div>
    @empty
      <p class="chapo" style="color:#cfcbc5;">Aucun partenaire renseigné pour le moment.</p>
    @endforelse
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="section-tete">
      <p class="section-eyebrow">Rejoignez l'aventure</p>
      <h2>Devenir partenaire du club</h2>
      <p class="chapo">Visibilité au stade, sur le maillot ou sur nos supports de communication : contactez-nous pour construire un partenariat adapté à votre structure.</p>
    </div>
    {{-- Envoi non branché dans cette démo — à connecter à un Mailable Laravel --}}
    <form class="formulaire" onsubmit="return false;">
      <div class="champ">
        <label for="nom-entreprise">Nom de l'entreprise</label>
        <input type="text" id="nom-entreprise" name="nom_entreprise">
      </div>
      <div class="champ">
        <label for="email-partenaire">E-mail</label>
        <input type="email" id="email-partenaire" name="email">
      </div>
      <div class="champ">
        <label for="message-partenaire">Votre message</label>
        <textarea id="message-partenaire" name="message" rows="4"></textarea>
      </div>
      <button type="submit" class="bouton">Envoyer la demande</button>
    </form>
  </div>
</section>

@endsection