{{-- Fiche d'intervention, calquée sur le Word « FACTURATION INTERVENTIONS » :
     client à gauche, cadre gris à liseré rouge à droite (titre, n°, date,
     technicien), observations et coordonnées bancaires en cadres pointillés
     arrondis, en-têtes de tableau gris, mentions légales centrées en pied.

     Tout en tableaux : dompdf ne connaît ni flex ni grid. Les largeurs des
     deux tableaux (pièces, puis règlement/totaux) sont calculées pour que les
     colonnes des totaux tombent sous Qté + PU HT et TOTAL HT, comme sur le
     Word. Voir pdf/commandes/fiche.blade.php pour le charset et le choix
     d'Helvetica (Windows-1252 couvre €, œ et les accents). --}}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@php
    $e = fn ($v) => number_format((float) $v, 2, ',', ' ') . ' €';
    $technicien = $fiche->user ? trim($fiche->user->prenom . ' ' . $fiche->user->nom) : '';

    // Le Word laisse des lignes vides sous les pièces : on complète jusqu'à
    // ce minimum pour garder sa silhouette, sans jamais tronquer.
    $lignesMin = 8;
    $vides = max(0, $lignesMin - $fiche->lignes->count());
@endphp
<style>
    @page { margin: 10mm 14mm 24mm 14mm; }
    body { font-family: "Helvetica", sans-serif; font-size: 10pt; color: #000; }
    table { width: 100%; border-collapse: collapse; }

    .logo { text-align: center; margin-bottom: 7mm; }
    .logo img { width: 118mm; }

    /* En-tête : client à gauche, cadre de la fiche à droite */
    .entete td { vertical-align: top; }
    .client div { margin-bottom: 5mm; }
    .fiche-cadre {
        background: #d9d9d9;
        border: 1.5px dotted #e30613;
        border-radius: 4mm;
        padding: 3mm 5mm 3mm 5mm;
    }
    .fiche-cadre h1 { color: #e30613; font-size: 13pt; text-align: center; margin: 0 0 3mm; }
    .fiche-cadre div { margin-bottom: 2.2mm; }

    .obs {
        border: 1px dotted #7f7f7f;
        border-radius: 4mm;
        padding: 3mm 5mm;
        margin-top: 5mm;
        min-height: 22mm;
        white-space: pre-line;
    }
    .souligne { text-decoration: underline; }

    .pieces { margin-top: 5mm; }
    .pieces th, .pieces td { border: 1px solid #000; padding: 1mm 2mm; height: 4.6mm; }
    .pieces th { background: #aeaaaa; font-weight: normal; text-align: center; }
    .pieces td.n { text-align: right; white-space: nowrap; }
    .pieces tr.mo td { background: #aeaaaa; }

    
    .bas td { border: 1px solid #000; padding: 2mm; vertical-align: top; }
    .bas td.sans-g { border-left: none; }
    .bas td.sans-d { border-right: none; }
    .case { display: inline-block; width: 2.8mm; height: 2.8mm; border: 1px solid #7f7f7f; margin: 0 1.5mm 0 3mm; text-align: center; line-height: 2.8mm; font-size: 7pt; }
    .totaux div { height: 7mm; }
    .totaux .n { text-align: right; }
    .signature { height: 20mm; max-width: 70mm; }

    .note { font-style: italic; font-size: 9pt; }
    .banque {
        border: 1px dotted #7f7f7f;
        border-radius: 4mm;
        padding: 3mm 5mm;
        font-size: 9pt;
    }
    .banque .titre { margin-bottom: 2.5mm; }

    .pied { position: fixed; bottom: -17mm; left: 0; right: 0; text-align: center; font-size: 9pt; line-height: 1.35; }
</style>

<div class="pied">
    @foreach ($mentions as $ligne)
        <div>{{ $ligne }}</div>
    @endforeach
</div>

<div class="logo"><img src="{{ $logo }}" alt=""></div>

<table class="entete">
    <tr>
        <td class="client" style="width: 52%; padding-top: 3mm;">
            <div>NOM/PRENOM : {{ $fiche->client_nom }}</div>
            <div>ADRESSE : {{ $fiche->client_adresse }}</div>
            <div>CP/VILLE : {{ trim($fiche->client_code_postal . ' ' . $fiche->client_ville) }}</div>
        </td>
        <td>
            <div class="fiche-cadre">
                <h1>- FICHE D'INTERVENTION -</h1>
                <div>INTERVENTION : n° {{ $fiche->intervention_id }}</div>
                <div>DATE : {{ $fiche->date_intervention?->format('d/m/Y') }}</div>
                <div style="margin-bottom: 0;">TECHNICIEN : {{ $technicien }}</div>
            </div>
        </td>
    </tr>
</table>

<div class="obs"><span class="souligne">Observations</span> :
{{ $fiche->observations }}</div>

<table class="pieces">
    <thead>
        <tr>
            <th style="width: 63.7%;">REFERENCE(S) &amp; PIECE(S)</th>
            <th style="width: 8.8%;">Qté</th>
            <th style="width: 13.2%;">PU HT</th>
            <th style="width: 14.3%;">TOTAL HT</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($fiche->lignes as $l)
            <tr>
                <td>{{ $l->code ? $l->code . ' - ' : '' }}{{ $l->libelle }}</td>
                <td class="n" style="text-align: center;">{{ $l->quantite }}</td>
                <td class="n">{{ $e($l->prix_unitaire_ht) }}</td>
                <td class="n">{{ $e($l->totalHt()) }}</td>
            </tr>
        @endforeach
        @for ($i = 0; $i < $vides; $i++)
            <tr><td>&nbsp;</td><td></td><td></td><td></td></tr>
        @endfor
        <tr class="mo">
            <td>MAIN D'ŒUVRE ET DEPLACEMENT</td>
            <td></td>
            <td></td>
            <td class="n">{{ $e($fiche->main_oeuvre) }}</td>
        </tr>
    </tbody>
</table>

{{-- Sous le tableau des pièces, sans marge : sur le Word les deux forment
     un seul bloc. Les totaux se lisent sous Qté + PU HT et sous TOTAL HT. --}}
<table class="bas">
    <tr>
        <td style="width: 17.6%;">
            <div>MODE DE REGLEMENT</div>
            @foreach ($modes as $code => $libelle)
                <div style="margin-top: 1mm;">
                    <span class="case">{{ $fiche->mode_reglement === $code ? 'X' : '' }}</span>{{ $libelle }}
                </div>
            @endforeach
        </td>
        <td style="width: 46.1%;">
            <div>BON POUR ACCORD LE : {{ $fiche->signee_le?->format('d/m/Y') ?? '…………………………………' }}</div>
            <div>SIGNATURE DU CLIENT :</div>
            @if ($signature)
                <img class="signature" src="{{ $signature }}" alt="">
            @endif
        </td>
        <td class="totaux sans-d" style="width: 22%;">
            <div>TOTAL HT :</div>
            <div>TVA {{ $fiche->taux_tva }} %* :</div>
            <div>TOTAL TTC :</div>
        </td>
        <td class="totaux sans-g" style="width: 14.3%;">
            <div class="n">{{ $e($fiche->total_ht) }}</div>
            <div class="n">{{ $e($fiche->total_tva) }}</div>
            <div class="n"><strong>{{ $e($fiche->total_ttc) }}</strong></div>
        </td>
    </tr>
</table>

<table style="margin-top: 1.5mm;">
    <tr>
        <td style="width: 52%; padding-top: 4mm; vertical-align: top;">
            <div class="banque">
                <div class="titre">Coordonnées bancaires : {{ $banque['adresse'] }}</div>
                <div>- RIB : &nbsp; {{ $banque['rib'] }}</div>
                <div>- IBAN : {{ $banque['iban'] }}</div>
                <div>- BIC : &nbsp; {{ $banque['bic'] }}</div>
            </div>
        </td>
        <td style="width: 12%;"></td>
        <td class="note" style="vertical-align: top;">
            *taux à 10% // 20% si la maison a moins de 2 ans (PV achèvement de travaux)<br>
            &gt; Tarif HT x 1.10 ou 1.20
        </td>
    </tr>
</table>