@extends('layout')
@section('title', 'Admin - '.$p->display_name)
@section('robots', 'noindex, nofollow')

@php $unions = $p->unions(); @endphp

@section('content')
    <section class="hero compact">
        <div class="wrap">
            <p class="eyebrow">Fiche · édition</p>
            <h1>{{ $p->display_name }}</h1>
            <p class="lead"><a href="{{ route('personne', $p) }}">Voir la fiche publique →</a></p>
        </div>
    </section>

    <section class="wrap ga-edit" style="padding-top:22px">
        @if (session('status'))<div class="flash">{{ session('status') }}</div>@endif

        <div class="edit-grid">
            {{-- Portrait --}}
            <div class="panel">
                <h2>Portrait</h2>
                <div class="avatar-edit">
                    <div class="pf-portrait">
                        @if ($p->portrait_path)
                            <img src="{{ $p->portrait_url }}" alt="{{ $p->display_name }}">
                        @else
                            <span class="pf-initiale">{{ \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($p->prenom ?: $p->nom ?: '?', 0, 1)) }}</span>
                        @endif
                    </div>
                    <form method="post" action="{{ route('admin.genealogie.portrait', $p) }}" enctype="multipart/form-data" class="stack">
                        @csrf
                        <input type="file" name="portrait" accept="image/*" required>
                        <button class="btn small" type="submit">Envoyer le portrait</button>
                    </form>
                </div>
            </div>

            {{-- État civil --}}
            <div class="panel">
                <h2>État civil</h2>
                <form method="post" action="{{ route('admin.genealogie.update', $p) }}" class="stack">
                    @csrf @method('PUT')
                    <div class="row-form">
                        <label><span>Prénom</span><input type="text" name="prenom" value="{{ old('prenom', $p->prenom) }}"></label>
                        <label><span>Nom</span><input type="text" name="nom" value="{{ old('nom', $p->nom) }}"></label>
                    </div>
                    <div class="row-form">
                        <label><span>Nom de naissance</span><input type="text" name="nom_naissance" value="{{ old('nom_naissance', $p->nom_naissance) }}"></label>
                        <label><span>Sexe</span>
                            <select name="sexe">
                                <option value="" @selected(!$p->sexe)>-</option>
                                <option value="h" @selected($p->sexe==='h')>Homme</option>
                                <option value="f" @selected($p->sexe==='f')>Femme</option>
                            </select>
                        </label>
                    </div>
                    <div class="row-form">
                        <label><span>Naissance (date)</span><input type="text" name="naissance_date" value="{{ old('naissance_date', $p->naissance_date) }}" placeholder="ex. 1er avril 1883"></label>
                        <label><span>Naissance (lieu)</span><input type="text" name="naissance_lieu" value="{{ old('naissance_lieu', $p->naissance_lieu) }}"></label>
                    </div>
                    <div class="row-form">
                        <label><span>Décès (date)</span><input type="text" name="deces_date" value="{{ old('deces_date', $p->deces_date) }}"></label>
                        <label><span>Décès (lieu)</span><input type="text" name="deces_lieu" value="{{ old('deces_lieu', $p->deces_lieu) }}"></label>
                    </div>
                    <div class="row-form">
                        <label><span>Profession</span><input type="text" name="profession" value="{{ old('profession', $p->profession) }}"></label>
                        <label><span>Communion</span><input type="text" name="communion" value="{{ old('communion', $p->communion) }}"></label>
                    </div>
                    <div class="row-form">
                        <label><span>Couleur des cheveux</span><input type="text" name="cheveux" value="{{ old('cheveux', $p->cheveux) }}"></label>
                        <label><span>Couleur des yeux</span><input type="text" name="yeux" value="{{ old('yeux', $p->yeux) }}"></label>
                    </div>
                    <label><span>Signe particulier</span><input type="text" name="signe_particulier" value="{{ old('signe_particulier', $p->signe_particulier) }}"></label>
                    <label><span>Note libre</span><textarea name="note" rows="3">{{ old('note', $p->note) }}</textarea></label>
                    <label class="check"><input type="checkbox" name="is_living" value="1" @checked($p->is_living)> Personne vivante (masquée sur le site public)</label>

                    {{-- Deux fiches, une seule personne : on relie plutôt que de fusionner,
                         chaque branche apportant une moitié de la filiation. --}}
                    <label>
                        <span>Même personne qu'une autre fiche</span>
                        <input type="number" name="meme_personne_id" value="{{ $p->meme_personne_id }}"
                               placeholder="numéro de l'autre fiche, vide pour aucun">
                        <small class="champ-aide">
                            @if ($p->memePersonne)
                                Actuellement reliée à
                                <a href="{{ route('admin.genealogie.edit', $p->memePersonne) }}">{{ $p->memePersonne->display_name }} (#{{ $p->memePersonne->id }})</a>.
                                Videz le champ pour couper le lien.
                            @else
                                Le lien se pose dans les deux sens automatiquement.
                            @endif
                        </small>
                    </label>
                    <button class="btn" type="submit">Enregistrer</button>
                </form>
            </div>

            {{-- Unions & enfants --}}
            <div class="panel">
                <h2>Conjoints &amp; enfants</h2>
                @forelse ($unions as $u)
                    @php $conj = $u->partner1_id === $p->id ? $u->partner2 : $u->partner1; @endphp
                    <h3>{{ $conj ? $conj->display_name : 'Conjoint inconnu' }}@if(filled($u->mariage_date)) · {{ $u->mariage_date }}@endif</h3>
                    <ul class="ga-enfants">
                        @foreach ($u->children as $enf)
                            <li><a href="{{ route('admin.genealogie.edit', $enf) }}">{{ $enf->display_name }}</a> {{ $enf->naissance_date ? '('.$enf->naissance_date.')' : '' }}</li>
                        @endforeach
                    </ul>
                    <form method="post" action="{{ route('admin.genealogie.child', $p) }}" class="row-form" style="margin-bottom:16px">
                        @csrf
                        <input type="hidden" name="union_id" value="{{ $u->id }}">
                        <input type="text" name="prenom" placeholder="Prénom de l'enfant">
                        <input type="text" name="nom" placeholder="Nom" style="max-width:140px">
                        <input type="text" name="naissance_date" placeholder="Naissance" style="max-width:130px">
                        <button class="btn small" type="submit">+ Enfant</button>
                    </form>
                @empty
                    <p class="muted">Aucune union enregistrée.</p>
                @endforelse

                <h3>Ajouter un conjoint</h3>
                <form method="post" action="{{ route('admin.genealogie.spouse', $p) }}" class="stack">
                    @csrf
                    <div class="row-form">
                        <input type="text" name="prenom" placeholder="Prénom">
                        <input type="text" name="nom" placeholder="Nom">
                    </div>
                    <div class="row-form">
                        <input type="text" name="mariage_date" placeholder="Date de mariage">
                        <input type="text" name="mariage_lieu" placeholder="Lieu">
                    </div>
                    <button class="btn small" type="submit">+ Conjoint</button>
                </form>
            </div>

            {{-- Photothèque --}}
            <div class="panel">
                <h2>Photos</h2>
                @if ($p->media->count())
                    <div class="edit-gallery">
                        @foreach ($p->media as $ph)
                            <figure>
                                <img src="{{ asset($ph->path) }}" alt="{{ $ph->caption }}">
                                <figcaption>{{ $ph->annee ?: '-' }} · {{ $ph->caption }}</figcaption>
                                <form method="post" action="{{ route('admin.genealogie.photos.destroy', $ph) }}">
                                    @csrf @method('DELETE')
                                    <button class="del" type="submit">Supprimer</button>
                                </form>
                            </figure>
                        @endforeach
                    </div>
                @endif
                <form method="post" action="{{ route('admin.genealogie.photos.store', $p) }}" enctype="multipart/form-data" class="stack" style="margin-top:14px">
                    @csrf
                    <input type="file" name="photo" accept="image/*" required>
                    <div class="row-form">
                        <input type="number" name="annee" placeholder="Année (ex. 1965)" min="1700" max="2100">
                        <input type="text" name="caption" placeholder="Légende">
                    </div>
                    <button class="btn small" type="submit">Ajouter la photo</button>
                </form>
            </div>
        </div>

        <section class="back-row"><a href="{{ route('admin.genealogie.index') }}" class="back-link">← Toutes les fiches</a></section>
    </section>
@endsection