@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">
                    @include('simulator.templates.shared._titre_page', ['titreContent' => 'Mon logement <span class="orange backgroundtitre">à la loupe</span>'])

                    <div class="contenu" style='top: 30px;'>
                        <div style="position:absolute ; width : 200px ; height : 200px ; top: 60px; left : -10px; z-index: -10;">
                            @include('simulator.templates.shared._pictoLosanges', ['width' => 200])
                        </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
@else
    <page style="font-size: 12pt">
        <div class="contener">
            <div class="cadre">
                @include('simulator.templates.shared._titre_page', ['titreContent' => 'Mon logement <span class="orange backgroundtitre">à la loupe</span>'])

                <div class="contenu" style='top: 30px;'>
                    <div style="position:absolute ; width : 200px ; height : 200px ; top: 60px; left : -10px; z-index: -10;">
                        @include('simulator.templates.shared._pictoLosanges', ['width' => 200])
                    </div>
                    <p class="noir" style="margin-top: 80px;">Aucun plan disponible pour ce logement.</p>
                </div>
            </div>
            <div class='pagination'>{{ $currentPageNumber }}</div>
        </div>
    </page>
@endif