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