{{-- L'onglet Observations de la fiche : un seul fil pour les notes de la
     commande et de ses decoupes, la plus recente d'abord, et l'ajout en tete.

     L'auteur d'une note signee la corrige (le crayon la deroule en champ, sur
     place) ou la retire (la corbeille, sans question : le toast « Annuler »
     la remet). Les notes des autres et celles reprises de l'ancien logiciel
     se lisent seulement. Tout part sans recharger la page : la fiche est une
     zone (js/sur-place.js), le crayon est dans js/commandes/notes.js.

     Attendus : `$fil` (NotesCommande::fil), `$decoupes` (celles de la fiche),
     `$commandeId`. --}}
@php
    $moi = auth()->id();
    $utilisateur = auth()->user();

    // Ce qu'on peut noter, selon ses droits : la commande et ses dates avec
    // la modification, une decoupe avec le droit des decoupes.
    $sortes = [];
    if ($utilisateur?->can('commandes.edit')) {
        $sortes['commande'] = __('Commande');
        $sortes['dates'] = __('Dates');
    }
    if ($utilisateur?->hasAnyPermission(['commandes.decoupes', 'commande_decoupes.edit'])) {
        foreach ($decoupes as $decoupe) {
            if (!empty($decoupe['commande_decoupe_id'])) {
                $sortes['decoupe-' . (int) $decoupe['commande_decoupe_id']] = __('Découpe') . ' '
                    . ($decoupe['nom'] ?? '#' . (int) $decoupe['commande_decoupe_id']);
            }
        }
    }
@endphp

@if ($sortes !== [])
    <form method="post" action="{{ route('commandes.observations.store', $commandeId) }}" class="mb-3">
        @csrf
        <div class="d-flex flex-wrap gap-2 align-items-start">
            <select name="sorte" class="form-select form-select-sm w-auto" aria-label="{{ __('De quoi parle l’observation') }}">
                @foreach ($sortes as $valeur => $libelle)
                    <option value="{{ $valeur }}" @selected(old('sorte') === $valeur)>{{ $libelle }}</option>
                @endforeach
            </select>
            <textarea name="observation" class="form-control form-control-sm flex-grow-1 w-auto" rows="1" maxlength="2000" required
                style="min-width: 12rem" aria-label="{{ __('Observation') }}"
                placeholder="{{ __('Ajouter une observation…') }}">{{ old('observation') }}</textarea>
            <button type="submit" class="btn btn-primary btn-sm">
                <i class="bi bi-plus-lg"></i> {{ __('Ajouter') }}
            </button>
        </div>
        @error('observation')
            <div class="text-danger small mt-1">{{ $message }}</div>
        @enderror
    </form>
@endif

@forelse ($fil as $element)
    @php
        $note = $element['note'];
        $mienne = \App\Services\Commandes\NotesCommande::estAuteur($note, $moi);
        $nature = $element['decoupe'] !== null
            ? __('DÉCOUPE') . ' ' . $element['decoupe']
            : \App\Helpers\CommandeHelper::observationType($note->type, '');
        // « Nom Prénom — 12/09/2026 », comme avant ; seulement la date pour
        // une note sans auteur connu.
        $auteur = $note->user ? trim($note->user->nom . ' ' . $note->user->prenom) : '';
        $date = $note->created_at?->format('d/m/Y');
        $signature = trim($auteur . ($auteur && $date ? ' — ' : '') . $date);
        // Corrigee par son auteur (une minute de marge : la creation touche
        // aussi updated_at). Les notes reprises ne comptent pas : leurs dates
        // viennent de l'import.
        $modifiee = $note->user_id !== null && $note->created_at && $note->updated_at
            && $note->updated_at->gt($note->created_at->copy()->addMinute());
    @endphp
    <div class="fiche-note d-flex gap-2 align-items-start" data-note>
        <div class="flex-grow-1">
            @if ($nature !== '')
                <span class="badge bg-secondary">{{ $nature }}</span>
            @endif
            {{-- Passee par __() pour la note PLAN d'un lien modifie, un texte
                 fixe traduit pour l'usine ; une note libre ressort telle
                 quelle, retours a la ligne compris. --}}
            <span style="white-space: pre-line">{{ (int) $note->type === \App\Models\Observation::TYPE_PLAN ? __($note->observation) : $note->observation }}</span>
            @if ($signature !== '')
                <span class="small">— {{ $signature }}@if ($modifiee) · {{ __('modifiée') }}@endif</span>
            @endif

            @if ($mienne)
                <div class="d-none" data-note-edition>
                    <div class="ac-accordeon">
                        <div>
                            <form method="post" action="{{ route('commandes.observations.update', [$commandeId, $note->id]) }}" class="pt-2">
                                @csrf
                                @method('PUT')
                                <textarea name="observation" class="form-control form-control-sm" rows="2" maxlength="2000" required
                                    aria-label="{{ __('Modifier l’observation') }}">{{ $note->observation }}</textarea>
                                <div class="d-flex gap-2 mt-1">
                                    <button type="submit" class="btn btn-primary btn-sm">{{ __('Enregistrer') }}</button>
                                    <button type="button" class="btn btn-outline-secondary btn-sm" data-note-annuler>{{ __('Annuler') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            @endif
        </div>

        @if ($mienne)
            <div class="d-flex gap-1 flex-shrink-0">
                <button type="button" class="btn btn-sm btn-outline-secondary" data-note-modifier aria-expanded="false"
                    title="{{ __('Modifier mon observation') }}" aria-label="{{ __('Modifier mon observation') }}">
                    <i class="bi bi-pencil"></i>
                </button>
                <form method="post" action="{{ route('commandes.observations.destroy', [$commandeId, $note->id]) }}">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-outline-danger"
                        title="{{ __('Supprimer mon observation') }}" aria-label="{{ __('Supprimer mon observation') }}">
                        <i class="bi bi-trash"></i>
                    </button>
                </form>
            </div>
        @endif
    </div>
@empty
    <p class="mb-0">{{ __('Aucune observation.') }}</p>
@endforelse