@extends('admin.layout')

@section('title', "Modifier le rapport - Intervention #{$intervention['IDINTERVENTION']}")

@section('content')

    <div class="pagetitle">
        <h1>Modifier le rapport - Intervention #{{ $intervention['IDINTERVENTION'] }}</h1>
    </div>

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif
    {{-- Un fichier refusé — trop lourd, mauvais format — revient ici : sans ce
         bloc, l'envoi échouerait sans un mot. --}}
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <section class="section">
        <div class="row gy-4">
            <div class="col-xl-6">

                <div class="card p-4">

                    <form method="POST"
                        action="{{ route('interventions.rapport.update', [$intervention['IDINTERVENTION'], $rapport->id]) }}"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <div class="mb-3">
                            <label class="form-label">Durée</label>
                            <select name="duree" class="form-select" required>
                                @foreach (\App\Models\Rapport::DUREES as $duree)
                                    <option {{ $rapport->contenu['duree'] === $duree ? 'selected' : '' }}>
                                        {{ $duree }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <label class="form-label mb-0" for="rapport-texte">Rapport</label>
                                @include('admin.gestan.interventions._dictee-bouton', ['cible' => '#rapport-texte'])
                            </div>
                            <textarea class="form-control" rows="6" name="rapport" id="rapport-texte" required>{{ $rapport->contenu['rapport'] }}</textarea>
                        </div>

                        {{-- Ce qui est choisi ici s'ajoute aux pièces déjà jointes. --}}
                        @include('admin.gestan.interventions._vocal')

                        @include('admin.gestan.interventions._pieces-jointes-input', ['champ' => 'fichiers'])

                        <button class="btn btn-primary">
                            <i class="bi bi-save"></i> Enregistrer les modifications
                        </button>

                        <a href="{{ route('interventions.show', $intervention['IDINTERVENTION']) }}"
                            class="btn btn-secondary">
                            Retour
                        </a>

                    </form>

                    {{-- Hors du formulaire principal : un <form> ne s'imbrique pas
                         dans un autre, chaque retrait a donc le sien. --}}
                    @if ($rapport->documents->isNotEmpty())
                        <h6 class="mt-4">{{ __('Pièces jointes') }}</h6>

                        @foreach ($rapport->documents as $piece)
                            <div class="d-flex align-items-center gap-3 border rounded p-2 mb-2">
                                {{-- Un vocal s'écoute sur place : dans un lien, cliquer
                                     sur lecture ouvrirait le fichier. --}}
                                @if ($piece->estAudio())
                                    <audio controls preload="none" src="{{ asset('storage/' . $piece->url) }}"
                                        style="height: 36px; max-width: 100%;"></audio>
                                @else
                                <a href="{{ asset('storage/' . $piece->url) }}" target="_blank" rel="noopener"
                                    @if ($piece->estImage())
                                        data-visionneuse="rapport"
                                        data-legende="{{ $piece->description ?: __('Pièce jointe') }}"
                                        title="{{ __('Voir en grand') }}"
                                    @endif>
                                    @if ($piece->estImage())
                                        <img src="{{ $piece->vignetteUrl() }}" alt="{{ __('Pièce jointe') }}"
                                            style="height: 64px; width: 64px; object-fit: cover;" class="rounded">
                                    @else
                                        <span class="btn btn-outline-danger btn-sm">
                                            <i class="bi bi-file-earmark-pdf"></i> PDF
                                        </span>
                                    @endif
                                </a>
                                @endif

                                <span class="flex-grow-1 text-muted small">
                                    {{ $piece->created_at?->format('d/m/Y H:i') }}
                                </span>

                                <form method="POST"
                                    action="{{ route('interventions.rapport.retirer', [$intervention['IDINTERVENTION'], $rapport->id, $piece->id]) }}"
                                    onsubmit="return confirm(@js(__('Retirer cette pièce jointe ? Le fichier sera supprimé.')));">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm" title="{{ __('Retirer') }}">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </div>
                        @endforeach
                    @endif

                </div>

            </div>
        </div>
    </section>

@endsection