@php
foreach ($tableauParam as $key => $value) {
    $info = $value['info'];
    $barcodeImage = $value['barcodeImage'];
    $donneesLigne = $value['donneesLigne'];
    $footer = $value['footer'];
    $tableMonnaie = $value['tableMonnaie'];

    $tailleLogo = $value['A5'] == true ? '100px' : '140px';
    $largeurLogo = $value['A5'] == true ? '200px' : '300px';
    $marginTopLogo = $value['A5'] == true ? '-90px' : '-30px';

    $fontSizeDoc = $value['A5'] == true ? '7px' : '9px';
    $fs13px = $value['A5'] == true ? '10px' : '13px';
    $fs12px = $value['A5'] == true ? '9px' : '12px';
    $fs16px = $value['A5'] == true ? '13px' : '16px';
@endphp

<style>
    table.content {
        border: 1px solid;
        border-collapse: collapse;
        width: 100% !important;
    }

    table.content thead{

        width: 100%,
    }
    table.content tr{

        width: 100%,
    }
    table.content td, table.content th {
        border: 1px solid;
        height: 15px;
        vertical-align: middle;
        padding: 3px;
    }
    th.ligneInfo {
        font-size: 10px;
        border-bottom: 2px solid;
        padding: 10px;
        padding-bottom: 2px;
    }
    th.header {
        border: 1px solid;
        text-align: center;
        vertical-align: middle;
    }
    div.page_content {
        padding-top: 5mm;
        padding-left: 10px;
        margin-right: -200px;
        width: 98%;
    }
    .page_header {
        font-size: 10pt;
        width: 100%;
    }
    * {
        font-size: {{ $fontSizeDoc }};
    }
    @page {
        margin: 50px 15px 10px 15px;
    }
    .footerText {
        font-size: 9px;
        color: black;
        font-weight: bold;
    }
    .center {
        text-align: center;
    }
    .footer {
        position: absolute;
        bottom: 10;
        width: 100%;
        border-top: 0.3px solid black;
        padding-top: 1px;
        font-size: 10px;
        margin-top: -20px;
    }
    .text-right {
        text-align: right;
    }
</style>

<page backleft='0mm' backright='0mm' style='font-size: 10pt;'>
    <div style="padding: 0px;">
        <div style="width: 100%;">
            <table class='page_header'>
                <tr>
                    <td style='width: 50%; text-align: left'>
                        <img src="{{ returnLogoSociete() }}" alt="Logo" style="width: {{ $largeurLogo }}; height: {{ $tailleLogo }}; margin-top: {{ $marginTopLogo }};">
                    </td>
                    <td style='width: 50%; padding-left:35mm'>
                        <div style="font-size : {{ $fs12px }};">
                            <span>Date : {{ convertirDateLettre($info->DateCommandeClient) }}</span><br/>
                            <span>BON DE PAIEMENT N° {{ $info->NumeroBonPreparation }}</span><br/>
                            <span>COMMANDE N° {{ $info->NumeroCommandeClient }}</span><br/><br/>
                            <span><img src="data:image/png;base64,{{ $barcodeImage }}" alt="Barcode"></span><br><br>
                            <span style='font-weight:bold;'>N° CLIENT : {{ $info->CodeClient }}</span><br/>
                            <span style='font-weight:bold; font-size: {{ $fs16px }};'>{{ $info->NomClient }}</span><br><br>

                            @if($info->RepresentantLegalClient)
                                <span>{{ $info->RepresentantLegalClient }}</span><br/>
                            @endif

                            @if($info->NumeroCC)
                                <span>N° CC : {{ $info->NumeroCC }}</span><br/>
                            @endif
                        </div>
                    </td>
                </tr>
            </table>
        </div>

        <div class='page_content'>
            <table style="width: 100%; border-collapse: collapse;" class="content">
                <thead>
                    <tr>
                        <th style="text-align:left;">Page : [[page_cu]]/[[page_nb]]</th>
                        <th style="text-align:right;">
                            <span style="font-weight:bold;">BON DE PRÉPARATION N° {{ $info->NumeroBonPreparation }}</span><br>
                            <span style="font-weight:bold;">{{ $info->NomClient }}</span>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <!-- tes lignes ici -->
                </tbody>
            </table>
            <table class='page_header'>
                <!-- <tr>
                    <td style='width: 50%; text-align: left'>
                        <img src="{{ returnLogoSociete() }}" alt="Logo" style="width: {{ $largeurLogo }}; height: {{ $tailleLogo }}; margin-top: {{ $marginTopLogo }};">
                    </td>
                    <td style='width: 50%; padding-left:35mm'>
                        <div style="font-size : {{ $fs12px }};">
                            <span>Date : {{ convertirDateLettre($info->DateCommandeClient) }}</span><br/>
                            <span>DEVIS N° {{ $info->NumeroBonPreparation }}</span><br/>
                            <span>COMMANDE N° {{ $info->NumeroCommandeClient }}</span><br/><br/>
                            <span><img src="data:image/png;base64,{{ $barcodeImage }}" alt="Barcode"></span><br><br>
                            <span style='font-weight:bold;'>N° CLIENT : {{ $info->CodeClient }}</span><br/>
                            <span style='font-weight:bold; font-size: {{ $fs16px }};'>{{ $info->NomClient }}</span><br><br>

                            @if($info->RepresentantLegalClient)
                                <span>{{ $info->RepresentantLegalClient }}</span><br/>
                            @endif

                            @if($info->NumeroCC)
                                <span>N° CC : {{ $info->NumeroCC }}</span><br/>
                            @endif
                        </div>
                    </td>
                </tr> -->
                <thead style="width: 100%;">
                    <tr>
                        <th style='width: 50%; padding-left:35mm; text-align:left;' class='ligneInfo'>
                            <br>
                            Page : [[page_cu]]/[[page_nb]]
                            <br>
                        </th>
                        <th style='width: 50%; padding-left:35mm; text-align:right;' class='ligneInfo'>
                            <span style='font-weight:bold;'>BON DE PRÉPARATION N° {{ $info->NumeroBonPreparation }}</span><br>
                            <span style='font-weight:bold;'>{{ $info->NomClient }}</span><br>
                        </th>
                    </tr>
                </thead>
            </table>
            <table class='page_header'>
                <!-- <thead style="width : 100%;"> -->
                    <tr style="width : 100%;">
                        <th style='width: 50%; padding-left:35mm; text-align:left;'class='ligneInfo' colspan='2'>
                            <br>
                            Page : [[page_cu]]/[[page_nb]]
                            <br>
                        </th>
                        <th style='width: 50%; padding-left:35mm; text-align:right;' class='ligneInfo' colspan='6'>
                            <span style='font-weight:bold;'>BON DE PRÉPARATION N° {{ $info->NumeroBonPreparation }}</span><br>
                            <span style='font-weight:bold;'>{{ $info->NomClient }}</span><br>
                        </th>
                    </tr>
                    <!-- <tr style='background-color:#F5F5F5; font-size: 10px; text-align:center;'>
                        <th class='header' style='width: 30%'>Désignation</th>
                        <th class='header' style='width: 10%'>Cartonnage</th>
                        <th class='header' style='width: 10%'>Carton à<br>collecter</th>
                        <th class='header' style='width: 10%'>Qte à<br>collecter</th>
                        <th class='header' style='width: 10%'>Carton<br>collecté</th>
                        <th class='header' style='width: 10%'>Qté<br>collectée</th>
                        <th class='header' style='width: 10%'>Écart</th>
                        <th class='header' style='width: 10%'>Terminal<br>mobile</th>
                    </tr> -->
                <!-- </thead> -->
            </table>
        </div>

    </div>
</page>

@php
} // fin foreach
@endphp