@extends('layouts.app')

@section('title', 'Modifier ' . $child->first_name . ' · ' . $family->name)
@section('eyebrow', 'Familles')
@section('heading', 'Modifier la fiche enfant')

@section('content')
<form
    method="post"
    action="{{ route('tenant.families.children.update', [$family->id, $child->id]) }}"
    class="family-form"
>
    @csrf
    @method('PATCH')

    <div class="family-page-head">
        <div>
            <a
                class="family-back"
                href="{{ route('tenant.families.show', $family->id) }}"
            >
                <svg viewBox="0 0 24 24" aria-hidden="true">
                    <path d="M15 18 9 12l6-6"/>
                </svg>
                Retour à la famille {{ $family->name }}
            </a>

            <div class="family-page-title">
                <span class="family-page-icon">
                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <circle cx="12" cy="8" r="3"/>
                        <path d="M6 20c.5-4 2.5-6 6-6s5.5 2 6 6"/>
                        <path d="M9 5.5 12 3l3 2.5"/>
                    </svg>
                </span>

                <div>
                    <h2>{{ $child->first_name }} {{ $child->last_name }}</h2>
                    <p>
                        Toutes les informations peuvent être complétées ou
                        corrigées, y compris une date jusque-là non renseignée.
                    </p>
                </div>
            </div>
        </div>
    </div>

    <section class="card family-form-section">
        <div class="family-form-head">
            <span class="family-section-icon">
                <svg viewBox="0 0 24 24" aria-hidden="true">
                    <path d="M5 4h14v16H5z"/>
                    <path d="M8 8h8M8 12h8M8 16h5"/>
                </svg>
            </span>

            <div>
                <h3>Informations de l’enfant</h3>
                <p>Identité, dates et situation d’accueil</p>
            </div>
        </div>

        <div class="family-form-grid">
            <label>
                Prénom
                <input
                    name="first_name"
                    value="{{ old('first_name', $child->first_name) }}"
                    required
                >
            </label>

            <label>
                Nom
                <input
                    name="last_name"
                    value="{{ old('last_name', $child->last_name) }}"
                    required
                >
            </label>

            <label>
                Date de naissance
                <input
                    type="date"
                    name="birth_date"
                    value="{{ old('birth_date', $child->birth_date?->format('Y-m-d')) }}"
                >
            </label>

            <label>
                Genre
                <select name="gender">
                    <option
                        value="unspecified"
                        @selected(old('gender', $child->gender) === 'unspecified')
                    >
                        Non renseigné
                    </option>
                    <option
                        value="female"
                        @selected(old('gender', $child->gender) === 'female')
                    >
                        Fille
                    </option>
                    <option
                        value="male"
                        @selected(old('gender', $child->gender) === 'male')
                    >
                        Garçon
                    </option>
                    <option
                        value="other"
                        @selected(old('gender', $child->gender) === 'other')
                    >
                        Autre
                    </option>
                </select>
            </label>

            <label>
                Situation
                <select name="status" required>
                    <option
                        value="active"
                        @selected(old('status', $child->status) === 'active')
                    >
                        Accueilli
                    </option>
                    <option
                        value="waiting"
                        @selected(old('status', $child->status) === 'waiting')
                    >
                        En attente
                    </option>
                    <option
                        value="departed"
                        @selected(old('status', $child->status) === 'departed')
                    >
                        Parti
                    </option>
                </select>
            </label>

            <label>
                Date d’entrée prévue
                <input
                    type="date"
                    name="planned_start_date"
                    value="{{ old('planned_start_date', $child->planned_start_date?->format('Y-m-d')) }}"
                >
            </label>

            <label class="full">
                Notes
                <textarea name="notes" rows="4">{{ old('notes', $child->notes) }}</textarea>
            </label>
        </div>
    </section>

    <div class="family-form-actions">
        <a
            class="btn secondary"
            href="{{ route('tenant.families.show', $family->id) }}"
        >
            Annuler
        </a>

        <button class="btn primary" type="submit">
            Enregistrer la fiche enfant
        </button>
    </div>
</form>
@endsection