@php
    // Les données sont calculées par MonLogementALaLoupeCalculator
    $plansLot = $plansLot ?? [];
    $currentPageNumber = $pageNumber ?? 1;
@endphp
@if(!empty($plansLot))
    @foreach($plansLot as $index => $pathPlanLot)
        @php
            $orientation = $pathPlanLot['orientation'] ?? 'portrait';
            $chemin = $pathPlanLot['chemin'] ?? '';
            // Pour chaque plan, on crée une nouvelle page avec son propre numéro
            // Le premier plan a le numéro $currentPageNumber + 1, le deuxième $currentPageNumber + 2, etc.
            $planPageNumber = $currentPageNumber + $index + 1;
        @endphp
        <page style="font-size: 12pt">
            <div class="contener">
                <div class="cadre">
                    <span class="titre noir"><img class="img-logo-coin" src='{{ base_url('assets/img/mozartpp/logo-coin.png') }}'/>&nbsp;Mon logement <span class="orange backgroundtitre">à la loupe</span> &nbsp;</span>

                    <div class="contenu" style='top: 30px;'>
                        <div style="position:absolute ; width : 200px ; height : 200px ; top: 60px; left : -10px; z-index: -10;">
                            <img style="width:200px" src='{{ base_url('assets/img/mozartpp/losanges.png') }}'>
                        </div>
                        <div class="img_plan_div">
                            <img class="img_plan plan-{{ $orientation }}" src="{{ base_url($chemin) }}">
                        </div>
                    </div>
                </div>
                <div class='pagination'>{{ $planPageNumber }}</div>
            </div>
        </page>
    @endforeach
@endif