@extends('layouts.app')

@section('title', 'Mon espace')

@section('content')
  <section class="page-hero">
    <p class="eyebrow">Mon espace</p>
    <h1>Bonjour {{ auth()->user()->first_name ?: auth()->user()->name }}</h1>
    <p>Statut : {{ str_replace('_', ' ', auth()->user()->member_status) }}</p>
    <div class="account-nav">
      <a href="{{ route('account.profile') }}">Profil et mot de passe</a>
      @if(auth()->user()->isAdmin())
        <a class="account-admin-link" href="{{ route(auth()->user()->adminLandingRoute()) }}">Administration</a>
      @endif
      <form method="post" action="{{ route('logout') }}">
        @csrf
        <button class="button secondary" type="submit">Déconnexion</button>
      </form>
    </div>
  </section>

  @unless (in_array(auth()->user()->role, ['admin', 'responsable'], true))
  <section class="member-panel">
    <h2>Mon adhésion</h2>
    @if (auth()->user()->isAdherent())
      <p class="membership-status-card is-approved">Votre statut adhérent est validé.</p>
    @elseif ($latestMembershipRequest?->status === 'pending')
      <p class="membership-status-card">Votre demande d'adhésion est en attente de validation par l'association.</p>
    @else
      @if ($latestMembershipRequest?->status === 'rejected')
        <div class="membership-status-card is-rejected">
          <p>Votre dernière demande n'a pas été validée. Vous pouvez envoyer une nouvelle demande avec des précisions.</p>
          @if ($latestMembershipRequest->admin_note)
            <p><strong>Motif du refus :</strong> {{ $latestMembershipRequest->admin_note }}</p>
          @endif
        </div>
      @endif
      @include('partials.form-errors')
      <form class="form-grid membership-request-form" method="post" action="{{ route('account.membership.request') }}" data-membership-request-form>
        @csrf
        <label>Votre situation
          <select name="type" required data-membership-type>
            <option value="existing_member" @selected(old('type') === 'existing_member')>Je suis déjà adhérent de l'association</option>
            <option value="new_member" @selected(old('type') === 'new_member')>Je souhaite devenir adhérent</option>
          </select>
        </label>

        <div class="membership-form-block membership-existing-member-note" data-existing-membership>
          <h3>Reconnaissance d'adhésion</h3>
          <p>Si vous êtes déjà adhérent, envoyez simplement cette demande. L'association vérifiera votre situation dans ses fichiers avant de valider votre statut sur le site.</p>
          <label>Information complémentaire si besoin
            <textarea name="message" data-existing-member-message placeholder="Ex. année d'adhésion, nom utilisé à l'époque, précision utile pour retrouver votre dossier...">{{ old('type', 'existing_member') === 'existing_member' ? old('message') : '' }}</textarea>
          </label>
        </div>

        <div data-new-membership-fields>
        <div class="membership-form-block">
          <h3>Personne 1</h3>
          <div class="membership-person-grid">
            <label>Civilité
              <select name="applicant1_civility" data-required-when-new>
                <option value="madame" @selected(old('applicant1_civility') === 'madame')>Mme</option>
                <option value="mademoiselle" @selected(old('applicant1_civility') === 'mademoiselle')>Mlle</option>
                <option value="monsieur" @selected(old('applicant1_civility') === 'monsieur')>M.</option>
              </select>
            </label>
            <label>Nom
              <input name="applicant1_last_name" value="{{ old('applicant1_last_name', auth()->user()->last_name) }}" data-required-when-new>
            </label>
            <label>Prénom
              <input name="applicant1_first_name" value="{{ old('applicant1_first_name', auth()->user()->first_name) }}" data-required-when-new>
            </label>
          </div>
        </div>

        <div class="membership-form-block">
          <h3>Personne 2 <span>facultatif, pour un couple souhaitant adhérer</span></h3>
          <div class="membership-person-grid">
            <label>Civilité
              <select name="applicant2_civility">
                <option value="">Non renseigné</option>
                <option value="madame" @selected(old('applicant2_civility') === 'madame')>Mme</option>
                <option value="mademoiselle" @selected(old('applicant2_civility') === 'mademoiselle')>Mlle</option>
                <option value="monsieur" @selected(old('applicant2_civility') === 'monsieur')>M.</option>
              </select>
            </label>
            <label>Nom
              <input name="applicant2_last_name" value="{{ old('applicant2_last_name') }}">
            </label>
            <label>Prénom
              <input name="applicant2_first_name" value="{{ old('applicant2_first_name') }}">
            </label>
          </div>
        </div>

        <div class="membership-form-block">
          <h3>Coordonnées</h3>
          <label>Adresse complète
            <input name="address_line1" value="{{ old('address_line1') }}" placeholder="Numéro et rue" data-required-when-new>
          </label>
          <label>Complément d'adresse
            <input name="address_line2" value="{{ old('address_line2') }}" placeholder="Bâtiment, lieu-dit, appartement...">
          </label>
          <div class="membership-person-grid is-address">
            <label>Code postal
              <input name="postal_code" value="{{ old('postal_code') }}" data-required-when-new>
            </label>
            <label>Localité
              <input name="city" value="{{ old('city') }}" data-required-when-new>
            </label>
          </div>
          <label>Adresse courriel
            <input type="email" name="contact_email" value="{{ old('contact_email', auth()->user()->email) }}" data-required-when-new>
          </label>
          <label>Numéro de téléphone
            <input type="tel" name="contact_phone" value="{{ old('contact_phone', auth()->user()->phone) }}" placeholder="Ex. 06 12 34 56 78" data-required-when-new>
          </label>
        </div>

        <div class="membership-form-block">
          <h3>Informations utiles</h3>
          <label>Message pour l'association
            <textarea name="message" data-new-member-message placeholder="Précisez votre situation ou votre demande.">{{ old('type') === 'new_member' ? old('message') : '' }}</textarea>
          </label>
        </div>

        <div class="membership-form-block membership-payment-note">
          <p>Le règlement se fait par chèque bancaire ou postal à l'ordre des Amis de la Principauté de Boisbelle-Henrichemont. Les cotisations versées à partir de novembre valent pour l'année suivante.</p>
          <label class="checkbox-label">
            <span><input type="checkbox" name="payment_acknowledgement" value="1" data-required-when-new @checked(old('payment_acknowledgement'))> J'ai pris connaissance des modalités de règlement de l'adhésion. <strong>Obligatoire</strong></span>
          </label>
        </div>

        <p>Les informations transmises servent uniquement à examiner et suivre votre adhésion. Vous pouvez demander leur modification ou suppression auprès de l'association.</p>
        </div>

        <button class="button primary" type="submit" data-membership-submit>Je suis déjà adhérent</button>
      </form>
    @endif
  </section>
  @endunless

  <section class="member-panel">
    <h2>Mes inscriptions</h2>
    @forelse($registrations as $registration)
      <article class="event-card">
        <div class="event-date">
          <strong>{{ $registration->event->starts_at->format('d') }}</strong>
          <span>{{ $registration->event->starts_at->translatedFormat('M') }}</span>
        </div>
        <div>
          <span class="event-type">{{ $registration->status }}</span>
          <h3>{{ $registration->event->title }}</h3>
          <p>{{ $registration->event->place }}</p>
          <a href="{{ route('events.show', $registration->event) }}">Voir l'événement</a>
        </div>
      </article>
    @empty
      <p>Aucune inscription pour le moment.</p>
    @endforelse
  </section>
@endsection