@extends('admin.layout')

@section('title', $rapport->exists ? __('Modifier le retour de chantier') : __('Retour de chantier'))

@section('content')

    @php
        $questions = config('rapport_chantiers.questions');
        $champs = config('rapport_chantiers.champs_par_type')[$type] ?? [];

        // Les deux réponses de tout ce qui s'entoure sur le papier.
        $ouiNon = ['oui' => 'Oui', 'non' => 'Non'];

        // Remet une valeur de colonne sous la forme que postent les boutons :
        // true/false redeviennent 'oui'/'non', un null reste vide. Sans ça, un
        // formulaire rouvert en modification n'aurait aucune case cochée.
        $ternaire = function (?bool $valeur) {
            return $valeur === null ? null : ($valeur ? 'oui' : 'non');
        };

        // `old()` d'abord : un retour de validation échouée doit retrouver ce
        // qui venait d'être saisi, pas ce qui est en base.
        $val = fn (string $champ, $defaut = null) => old($champ, $defaut);
    @endphp

    <div class="pagetitle">
        <h1>@yield('title')</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ route('plannings.index') }}">{{ __('Planning') }}</a>
                </li>
                <li class="breadcrumb-item active">
                    {{ config('rapport_chantiers.types')[$type] ?? '—' }}
                </li>
            </ol>
        </nav>
    </div>

    {{-- Déroulé des champs « si oui, préciser » : ils n'ont rien à montrer
         tant que la question n'a pas sa réponse. --}}
    <link rel="stylesheet" href="@assetV('css/accordeon.css')">
    <script src="@assetV('js/accordeon.js')"></script>

    <style>
        /* La fiche se remplit au doigt, dans un camion : les cibles sont
           larges, et la colonne reste étroite pour qu'on lise une question à
           la fois plutôt qu'un mur de cases. */
        .rapport-fiche {
            max-width: 46rem;
        }

        .rapport-choix .btn {
            min-width: 5.5rem;
            padding-block: .55rem;
        }

        .rapport-pastille {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            border: 1px solid rgba(0, 0, 0, .35);
            vertical-align: -2px;
            margin-right: .35rem;
        }

        /* Une ligne du tableau en plus / en moins : le nom prend ce qui reste,
           la quantité garde une largeur fixe, et tout passe à la ligne sur un
           téléphone plutôt que de déborder. */
        .rapport-article-nom {
            flex: 1 1 9rem;
            min-width: 9rem;
        }

        .rapport-article-qte {
            width: 7.5rem;
        }

        /* Le procès-verbal se lit comme une phrase : les deux champs y
           tiennent la place des blancs du papier, et passent à la ligne sur
           un téléphone plutôt que de déborder. */
        .rapport-pv {
            line-height: 2.4;
        }

        .rapport-pv-nom {
            width: 16rem;
            max-width: 100%;
        }

        .rapport-pv-date {
            width: 10rem;
        }

        /* La zone de signature : un cadre qui dit où poser le doigt, et pas de
           défilement de la page pendant qu'on trace. */
        .rapport-signature {
            width: 100%;
            height: 180px;
            border: 1px dashed var(--bs-border-color, #ced4da);
            border-radius: .375rem;
            background: #fff;
            touch-action: none;
            cursor: crosshair;
        }
    </style>

    <section class="section">
        <div class="card p-4 rapport-fiche">

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            {{-- De quel chantier on revient. En lecture seule : la fiche est
                 ouverte depuis le planning, elle ne peut pas se tromper de
                 chantier. --}}
            <div class="border rounded p-3 mb-4 bg-body-tertiary">
                @if ($enTete['client'] ?? null)
                    <div class="fs-5 fw-bold">{{ $enTete['client'] }}</div>
                @endif
                @if ($enTete['nature'] ?? null)
                    <div class="mb-2">{{ $enTete['nature'] }}</div>
                @endif
                <div class="fw-semibold mb-1">
                    {{ $planning->equipe?->nom ?? __('Équipe inconnue') }}
                </div>
                <div class="text-muted small">
                    {{ __('Chantier n° :id', ['id' => $planning->id]) }}
                    @if ($planning->date_debut)
                        — {{ $planning->date_debut->format('d/m/Y') }}
                        @if ($planning->date_fin && !$planning->date_fin->isSameDay($planning->date_debut))
                            {{ __('au') }} {{ $planning->date_fin->format('d/m/Y') }}
                        @endif
                    @endif
                </div>
            </div>

            <form method="POST"
                action="{{ $rapport->exists
                    ? route('rapport_chantiers.update', $rapport)
                    : route('plannings.rapports.store', $planning) }}">
                @csrf
                @if ($rapport->exists)
                    @method('PUT')
                @endif

                {{-- La date du retour, en haut de la fiche comme sur le papier.
                     Pré-remplie avec la fin du chantier : une fiche se saisit
                     souvent le lendemain. --}}
                <div class="mb-4">
                    <label class="form-label fw-semibold" for="date_chantier">{{ __('Date du chantier') }}</label>
                    <input type="date" class="form-control" name="date_chantier" id="date_chantier"
                        value="{{ $val('date_chantier', $rapport->date_chantier?->toDateString()) }}">
                </div>

                <hr class="my-4">

                @foreach ($champs as $champ)
                    @php
                        $question = $questions[$champ] ?? ['label' => $champ];
                        $question['label'] = $question['label_par_type'][$type] ?? $question['label'];
                    @endphp

                    @switch($champ)

                        {{-- ---------- Les questions qui s'entourent ---------- --}}
                        @case('client_present')
                        @case('panneau_pub')
                            @include('admin.plannings.rapports._choix', [
                                'name' => $champ,
                                'label' => $question['label'],
                                'valeur' => $val($champ, $ternaire($rapport->$champ)),
                                'options' => $ouiNon,
                            ])
                            @break

                        {{-- ---------- « à faire // fait le … » ---------- --}}
                        @case('peinture_cloture')
                        @case('decoffrage')
                            @include('admin.plannings.rapports._choix', [
                                'name' => $champ,
                                'label' => $question['label'],
                                'valeur' => $val($champ, $rapport->$champ),
                                'options' => config('rapport_chantiers.' . $champ),
                                'precision' => [
                                    'name' => $question['precision'],
                                    'label' => 'Le',
                                    'valeur' => $val($question['precision'], $rapport->{$question['precision']}?->toDateString()),
                                    'quand' => $question['quand'],
                                    'type' => 'date',
                                ],
                            ])
                            @break

                        {{-- ---------- Le tableau en plus / en moins ---------- --}}
                        @case('articles')
                            @include('admin.plannings.rapports._articles', [
                                'rapport' => $rapport,
                                'label' => $question['label'],
                            ])
                            @break

                        {{-- ---------- Celles qui ont leur propre liste ---------- --}}
                        @case('mini_pelle')
                        @case('avis_client')
                        @case('avancement')
                            @include('admin.plannings.rapports._choix', [
                                'name' => $champ,
                                'label' => $question['label'],
                                'valeur' => $val($champ, $rapport->$champ),
                                'options' => config('rapport_chantiers.' . $champ),
                            ])
                            @break

                        {{-- ---------- Ce qui se tape ---------- --}}
                        @case('telecommandes')
                            <div class="mb-4">
                                <label class="form-label fw-semibold" for="{{ $champ }}">{{ __($question['label']) }}</label>
                                <input type="number" class="form-control" min="0" inputmode="numeric"
                                    name="{{ $champ }}" id="{{ $champ }}"
                                    value="{{ $val($champ, $rapport->$champ) }}">
                            </div>
                            @break

                        @case('commentaires')
                            <div class="mb-4">
                                <label class="form-label fw-semibold" for="{{ $champ }}">{{ __($question['label']) }}</label>
                                <textarea class="form-control" rows="4"
                                    name="{{ $champ }}" id="{{ $champ }}">{{ $val($champ, $rapport->$champ) }}</textarea>
                            </div>
                            @break

                        @default
                            <div class="mb-4">
                                <label class="form-label fw-semibold" for="{{ $champ }}">{{ __($question['label']) }}</label>
                                <input type="text" class="form-control"
                                    name="{{ $champ }}" id="{{ $champ }}"
                                    value="{{ $val($champ, $rapport->$champ) }}">
                            </div>
                    @endswitch
                @endforeach

                <hr class="my-4">

                {{-- ============ PROCÈS-VERBAL D'IMPLANTATION ============ --}}
                <h5 class="mb-2">{{ __('Acceptation implantation travaux') }}</h5>

                {{-- Le texte du papier, nom et date dans la phrase là où le
                     papier a ses blancs, avec le métier de l'équipe. Préremplis
                     à la création (client, date du chantier), modifiables :
                     c'est parfois le conjoint qui signe. --}}
                <div class="rapport-pv mb-3">
                    <label for="signataire_nom">{{ __('Je soussigné(e) M / MME') }}</label>
                    <input type="text" class="form-control form-control-sm d-inline-block rapport-pv-nom"
                        name="signataire_nom" id="signataire_nom"
                        value="{{ $val('signataire_nom', $rapport->signataire_nom) }}">
                    <label for="signataire_date">{{ $type === 2
                        ? __("accepte l'installation / l'implantation qui m'a été proposée par les maçons le")
                        : __("accepte l'installation / l'implantation qui m'a été proposée par les poseurs le") }}</label>
                    <input type="date" class="form-control form-control-sm d-inline-block rapport-pv-date"
                        name="signataire_date" id="signataire_date"
                        value="{{ $val('signataire_date', $rapport->signataire_date?->toDateString()) }}"
                        @unless ($rapport->exists) data-suit="date_chantier" @endunless>.
                    {{ __('Les garanties découlant des articles 1792, 1792-2 et 1792-3 du Code Civil commencent à courir à compter de la signature du présent procès-verbal, avec ou sans réserve.') }}
                </div>

                <label class="form-label">{{ __('Signature') }}</label>

                @if ($rapport->signature)
                    {{-- Un paraphe déjà recueilli reste affiché : il engage le
                         client, on ne le remplace qu'en traçant par-dessus. --}}
                    <div class="border rounded p-2 mb-2 bg-white text-center">
                        <a href="{{ asset('storage/' . $rapport->signature->url) }}" target="_blank" rel="noopener"
                            data-visionneuse="signature" data-fond="clair"
                            data-legende="{{ __('Signature du client') }}" title="{{ __('Voir en grand') }}">
                            <img src="{{ asset('storage/' . $rapport->signature->url) }}"
                                alt="{{ __('Signature du client') }}" style="max-height: 140px">
                        </a>
                    </div>
                    <p class="text-muted small">{{ __('Tracer une nouvelle signature remplacera celle-ci.') }}</p>
                @endif

                <canvas id="signature-canvas" class="rapport-signature"></canvas>
                <input type="hidden" name="signature" id="signature-data">

                <button type="button" class="btn btn-link btn-sm text-danger px-0" id="signature-effacer">
                    <i class="bi bi-eraser"></i> {{ __('Effacer la signature') }}
                </button>

                <hr class="my-4">

                <div class="d-flex flex-wrap gap-2">
                    <button type="submit" class="btn btn-primary">
                        {{ $rapport->exists ? __('Enregistrer les modifications') : __('Envoyer le retour de chantier') }}
                    </button>

                    <a href="{{ route('plannings.show', $planning->id) }}" class="btn btn-secondary">
                        {{ __('Retour') }}
                    </a>
                </div>
            </form>

            @if ($rapport->exists)
                <form method="POST" action="{{ route('rapport_chantiers.destroy', $rapport) }}" class="mt-3">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-outline-danger btn-sm"
                        onclick="return confirm('{{ __('Supprimer ce retour de chantier ?') }}')">
                        <i class="bi bi-trash"></i> {{ __('Supprimer ce retour') }}
                    </button>
                </form>
            @endif

        </div>
    </section>

    <script src="@assetV('js/rapports-chantier.js')" defer></script>

@endsection