@extends('layouts.app')

@section('title', 'Modifier ' . $family->name . ' · Familles')
@section('eyebrow', 'Familles')
@section('heading', 'Modifier la famille')

@section('content')
<form method="post" action="{{ route('tenant.families.update', $family->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 fiche
            </a>

            <div class="family-page-title">
                <span class="family-page-icon">
                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="m4 16.5-.5 4 4-.5L18.8 8.7l-3.5-3.5L4 16.5Z"/>
                        <path d="m13.8 6.7 3.5 3.5"/>
                    </svg>
                </span>

                <div>
                    <h2>{{ $family->name }}</h2>
                    <p>Modifie les informations générales de cette famille.</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="M4 10.5 12 4l8 6.5"/>
                    <path d="M6 9.5V20h12V9.5"/>
                    <path d="M9.5 20v-6h5v6"/>
                </svg>
            </span>

            <div>
                <h3>Informations générales</h3>
                <p>Identité, statut, adresse et notes internes</p>
            </div>
        </div>

        <div class="family-form-grid">
            <label>
                Nom de la famille
                <input name="name" value="{{ old('name', $family->name) }}" required>
            </label>

            <label>
                Statut
                <select name="status" required>
                    <option value="active" @selected(old('status', $family->status) === 'active')>Active</option>
                    <option value="prospect" @selected(old('status', $family->status) === 'prospect')>Prospect</option>
                    <option value="departed" @selected(old('status', $family->status) === 'departed')>Partie</option>
                </select>
            </label>

            <label class="full">
                Adresse
                <input name="address" value="{{ old('address', $family->address) }}">
            </label>

            <label>
                Code postal
                <input name="postal_code" value="{{ old('postal_code', $family->postal_code) }}">
            </label>

            <label>
                Ville
                <input name="city" value="{{ old('city', $family->city) }}">
            </label>

            <label class="full">
                Notes
                <textarea name="notes" rows="5">{{ old('notes', $family->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 les modifications</button>
    </div>
</form>
@endsection