@php
    // Les données sont calculées par MonLogementALaLoupeNiveauCalculator
    $plansNiveau = $plans_niveau ?? [];
    $currentPageNumber = $pageNumber ?? 1;
@endphp
@if(!empty($plansNiveau))
    @foreach($plansNiveau as $index => $pathPlanNiveau)
        @php
            $orientation = $pathPlanNiveau['orientation'] ?? 'portrait';
            $chemin = $pathPlanNiveau['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
@endif