{{-- 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, reproduite d'apres le document que l'atelier
     * imprime aujourd'hui. Les intitules de colonnes en sont repris au mot
     * pres — c'est le meme papier, il doit rester reconnaissable.
     *
     * Incom et Manque sont vierges par construction : elles se remplissent a
     * la main a la reception de la marchandise. Qte porte la quantite de la
     * commande.
     */
    $colonnes = [
        ['titre' => '',                    'largeur' => '3%'],
        ['titre' => 'Raison sociale',      'largeur' => '16%'],
        ['titre' => 'Référence / Client',  'largeur' => '16%'],
        ['titre' => 'Ville',               'largeur' => '13%'],
        ['titre' => 'Modèle',              'largeur' => '8%'],
        ['titre' => 'Couleur',             'largeur' => '14%'],
        ['titre' => 'Commande',            'largeur' => '9%'],
        ['titre' => 'Incom',               'largeur' => '5%'],
        ['titre' => 'Qté',                 'largeur' => '4%'],
        ['titre' => 'Manque',              'largeur' => '12%'],
    ];
@endphp
<style>
    @page {
        margin: 10mm 8mm 18mm 8mm;
    }

    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: 4mm;
    }

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

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

    table.entete .titre h1 {
        margin: 0;
        font-size: 15pt;
        letter-spacing: 0.3px;
    }

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

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

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

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

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

    table.arrivages th {
        /* Releve sur le document d'origine, remonte d'un cran : le scan
           delave le fond et le blanc du texte a besoin du contraste. */
        background: #6fa8dc;
        color: #fff;
        font-size: 8pt;
        font-weight: normal;
        padding: 1.6mm 1mm;
        text-align: center;
    }

    table.arrivages td {
        font-size: 8pt;
        padding: 1.4mm 1mm;
        text-align: center;
        /* Les raisons sociales et les villes sont parfois longues. */
        word-wrap: break-word;
    }

    /* Alternance jaune / beige du document d'origine. */
    table.arrivages tr.paire td {
        background: #fbfcc0;
    }

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

    /* La case a cocher est dessinee, pas ecrite : Helvetica est une police
       du format PDF, limitee a Windows-1252, et n'a pas de glyphe de case. */
    span.case {
        display: inline-block;
        width: 2.4mm;
        height: 2.4mm;
        border: 0.3mm solid #000;
        background: #fff;
    }

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

    /* `fixed` le repete sur chaque page, comme sur le document d'origine ou
       les totaux figurent deja sur la page 1 sur 2. */
    .pied {
        position: fixed;
        bottom: -12mm;
        left: 0;
        right: 0;
        font-size: 8.5pt;
    }

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

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

    .pied td.pages {
        text-align: right;
        width: 12%;
    }

    /* La cellule ne fait que reserver la place : le numero est ecrit sur le
       canvas par le controleur, dompdf ne sachant pas compter ses pages en
       CSS — counter(pages) y rend 0. */

    .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>
        @foreach ($lignes as $i => $ligne)
            <tr class="{{ $i % 2 === 0 ? 'paire' : 'impaire' }}">
                <td><span class="case"></span></td>
                <td>{{ $ligne['raison_sociale'] }}</td>
                <td>{{ $ligne['client'] }}</td>
                <td>{{ $ligne['ville'] }}</td>
                <td>{{ $ligne['modele'] }}</td>
                <td>{{ $ligne['couleur'] }}</td>
                <td>{{ $ligne['commande'] }}</td>
                {{-- Incom et Manque se remplissent a la main a la reception. --}}
                <td><span class="case"></span></td>
                <td>{{ $ligne['quantite'] }}</td>
                <td></td>
            </tr>
        @endforeach
    </tbody>
</table>

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

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