@extends("layouts.base")

@section("title", __("confession_edit.title"))
{{-- * Le titre de la page est traduit via "confession_edit.title" --}}

@section("content")
    <div class="row justify-content-center mt-5">
        <div class="col-lg-8">
            <div class="card shadow">
                <div class="card-header bg-warning text-dark">
                    ✏️ {{ __("confession_edit.header") }}
                    {{-- * Le titre du header du formulaire est traduit --}}
                </div>

                <div class="card-body">
                    <form
                        method="POST"
                        action="{{ route("confession.update", $confession->id) }}"
                    >
                        @csrf
                        @method("PUT")
                        {{-- ! Méthode HTTP PUT pour la mise à jour --}}

                        <div class="mb-3">
                            <label for="title" class="form-label">
                                {{ __("confession_edit.label_title") }}
                                {{-- ? Le label "Title" est traduit --}}
                            </label>
                            <input
                                type="text"
                                id="title"
                                name="title"
                                class="form-control @error("title") is-invalid @enderror"
                                value="{{ old("title", $confession->title) }}"
                                {{-- * Pré-rempli avec l'ancienne valeur ou le titre actuel --}}
                                required
                            />
                            @error("title")
                                <div class="invalid-feedback">
                                    {{ $message }}
                                    {{-- * Message d'erreur de validation (traduit par Laravel) --}}
                                </div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="category_id" class="form-label">
                                {{ __("confession_edit.label_category") }}
                                {{-- ? Le label "Category" est traduit --}}
                            </label>
                            <select
                                id="category_id"
                                name="category_id"
                                class="form-select @error("category_id") is-invalid @enderror"
                                required
                            >
                                <option value="">
                                    {{ __("confession_edit.choose_category") }}
                                    {{-- ? L'option par défaut est traduite --}}
                                </option>
                                @foreach ($categories as $category)
                                    <option
                                        value="{{ $category->id }}"
                                        {{ old("category_id", $confession->category_id) == $category->id ? "selected" : "" }}
                                        {{-- * Sélectionne la catégorie actuelle ou l'ancienne valeur --}}
                                    >
                                        {{ $category->translatedName }}
                                        {{-- * Nom de la catégorie (donnée dynamique) --}}
                                    </option>
                                @endforeach
                            </select>
                            @error("category_id")
                                <div class="invalid-feedback">
                                    {{ $message }}
                                    {{-- * Message d'erreur de validation (traduit par Laravel) --}}
                                </div>
                            @enderror
                        </div>

                        <div class="mb-4">
                            <label for="description" class="form-label">
                                {{ __("confession_edit.label_description") }}
                                {{-- ? Le label "Confession" est traduit --}}
                            </label>
                            <textarea
                                id="description"
                                name="description"
                                rows="5"
                                class="form-control @error("description") is-invalid @enderror"
                                required
                            >
{{ old("description", $confession->description) }}</textarea
                            >
                            {{-- * Pré-rempli avec l'ancienne valeur ou la description actuelle --}}
                            @error("description")
                                <div class="invalid-feedback">
                                    {{ $message }}
                                    {{-- * Message d'erreur de validation (traduit par Laravel) --}}
                                </div>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-between">
                            <a
                                href="{{ route("confession.mine") }}"
                                class="btn btn-outline-secondary"
                            >
                                ← {{ __("confession_edit.back") }}
                                {{-- ? Le texte du bouton "Back" est traduit --}}
                            </a>
                            <button type="submit" class="btn btn-primary">
                                💾 {{ __("confession_edit.save") }}
                                {{-- ? Le texte du bouton "Save Changes" est traduit --}}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection