{{-- Sans cette declaration, dompdf lit le document en Windows-1252 et les
     caracteres accentues ressortent en deux signes sans glyphe. --}}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

@php
    /**
     * Liste des arrivages, version detaillee, reproduite d'apres le document
     * imprime aujourd'hui.
     *
     * Les lignes sont groupees par client : une ligne de titre porte le nom et
     * la raison sociale, les commandes suivent en dessous. La raison sociale
     * est vide quand elle repete le nom — c'est le controleur qui l'ecarte.
     *
     * Quatre colonnes restent vierges — la case de gauche, la colonne etroite
     * apres Process, Fautif et Manquant. Elles se remplissent a la main.
     *
     * La colonne sans intitule, apres Etat, porte le statut abrege sur trois
     * lettres : « ORI » pour ORIGINAL, comme sur le document d'origine.
     */
    $colonnes = [
        ['titre' => '',            'largeur' => '3%'],
        ['titre' => 'Devis',       'largeur' => '6%'],
        ['titre' => 'Process',     'largeur' => '6%'],
        ['titre' => '',            'largeur' => '3%'],
        ['titre' => 'Ville',       'largeur' => '11%'],
        ['titre' => 'Modèle',      'largeur' => '8%'],
        ['titre' => 'Couleur',     'largeur' => '12%'],
        ['titre' => 'Commande',    'largeur' => '8%'],
        ['titre' => 'État',        'largeur' => '8%'],
        ['titre' => '',            'largeur' => '4%'],
        ['titre' => 'Fautif',      'largeur' => '7%'],
        ['titre' => 'Destination', 'largeur' => '9%'],
        ['titre' => 'Manquant',    'largeur' => '9%'],
        ['titre' => 'Prix',        'largeur' => '6%'],
    ];
@endphp
<style>
    @page {
        margin: 10mm 6mm 18mm 6mm;
    }

    body {
        margin: 0;
        /* Helvetica est integree au format PDF : dompdf ne l'embarque pas. */
        font-family: "Helvetica", sans-serif;
        color: #000;
    }

    /* ---------- En-tete ---------- */

    table.entete {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 3mm;
    }

    table.entete td {
        vertical-align: top;
        font-size: 9pt;
    }

    table.entete td.titre {
        text-align: center;
    }

    table.entete .titre h1 {
        margin: 0;
        font-size: 14pt;
    }

    table.entete .titre h2 {
        margin: 1mm 0 0;
        font-size: 10pt;
        font-weight: normal;
    }

    table.entete td.logo {
        text-align: right;
    }

    table.entete td.logo img {
        width: 38mm;
        vertical-align: top;
    }

    /* ---------- Tableau ---------- */

    table.arrivages {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    table.arrivages th {
        background: #6fa8dc;
        color: #fff;
        font-size: 7.5pt;
        font-weight: normal;
        padding: 1.4mm 0.6mm;
        text-align: center;
    }

    table.arrivages td {
        font-size: 7.5pt;
        padding: 1.1mm 0.6mm;
        text-align: center;
        word-wrap: break-word;
    }

    table.arrivages tr.paire td {
        background: #fbfcc0;
    }

    table.arrivages tr.impaire td {
        background: #fbf0d4;
    }

    /* Ligne de titre d'un client : elle ouvre le groupe de ses commandes.

       `page-break-after: avoid` lui evite de rester seule en bas de page,
       ses commandes renvoyees a la suivante. C'est la seule forme que dompdf
       honore ici : `page-break-inside: avoid` sur un <tbody> englobant le
       groupe ne change rien, verifie en comptant les titres orphelins page
       par page sur le PDF rendu. */
    table.arrivages tr.groupe {
        page-break-after: avoid;
    }

    table.arrivages tr.groupe td {
        background: #fff;
        font-weight: bold;
        text-align: left;
        padding-top: 1.6mm;
    }

    table.arrivages td.nombre {
        text-align: right;
    }

    /* La case a cocher est dessinee : Helvetica n'a pas de glyphe de case. */
    span.case {
        display: inline-block;
        width: 2.2mm;
        height: 2.2mm;
        border: 0.3mm solid #000;
        background: #fff;
    }

    /* ---------- Pied ---------- */

    .pied {
        position: fixed;
        bottom: -12mm;
        left: 0;
        right: 0;
        font-size: 8pt;
    }

    .pied table {
        width: 100%;
        border-collapse: collapse;
    }

    .pied td {
        padding-top: 2mm;
        text-align: center;
    }

    /* La cellule reserve la place : le numero est ecrit sur le canvas par le
       controleur, counter(pages) rendant 0 dans cette version de dompdf. */
    .pied td.pages {
        width: 10%;
    }

    .vide-message {
        margin-top: 12mm;
        text-align: center;
        font-size: 10pt;
        color: #555;
    }
</style>

<table class="entete">
    <tr>
        <td style="width: 25%">{{ $date }}</td>
        <td class="titre" style="width: 50%">
            <h1>{{ __('LISTE DES ARRIVAGES SEMAINE :semaine', ['semaine' => $semaine]) }}</h1>
            <h2>ACPORTAIL</h2>
        </td>
        <td class="logo" style="width: 25%">
            <img src="{{ $logo }}" alt="ACPORTAIL">
        </td>
    </tr>
</table>

<table class="arrivages">
    <thead>
        <tr>
            @foreach ($colonnes as $colonne)
                <th style="width: {{ $colonne['largeur'] }}">{{ $colonne['titre'] }}</th>
            @endforeach
        </tr>
    </thead>
    <tbody>
        @php $rang = 0; @endphp
        @foreach ($groupes as $groupe)
            <tr class="groupe">
                <td colspan="4">{{ $groupe['client'] }}</td>
                <td colspan="10">{{ $groupe['raison_sociale'] }}</td>
            </tr>

            @foreach ($groupe['lignes'] as $ligne)
                <tr class="{{ $rang++ % 2 === 0 ? 'paire' : 'impaire' }}">
                    <td><span class="case"></span></td>
                    <td>{{ $ligne['devis'] }}</td>
                    <td>{{ $ligne['process'] }}</td>
                    <td></td>
                    <td>{{ $ligne['ville'] }}</td>
                    <td>{{ $ligne['modele'] }}</td>
                    <td>{{ $ligne['couleur'] }}</td>
                    <td>{{ $ligne['commande'] }}</td>
                    <td>{{ $ligne['etat'] }}</td>
                    <td>{{ $ligne['statut'] }}</td>
                    <td></td>
                    <td>{{ $ligne['destination'] }}</td>
                    <td></td>
                    <td class="nombre">{{ $ligne['prix'] }}</td>
                </tr>
            @endforeach
        @endforeach
    </tbody>
</table>

@if (empty($groupes))
    <p class="vide-message">{{ __('Aucune commande chargée à ce jour.') }}</p>
@endif

<div class="pied">
    <table>
        <tr>
            <td>{{ __('Nombre de lignes') }} : {{ $nombreLignes }}</td>
            @foreach ($totaux as $libelle => $nombre)
                <td>{{ $libelle }} : {{ $nombre }}</td>
            @endforeach
            <td class="pages"></td>
        </tr>
    </table>
</div>