@php
    // Ne pas afficher cette page si le programme n'existe pas (simulateur indépendant)
    $shouldDisplayPage = isset($program) && $program;
@endphp
@if($shouldDisplayPage)
@php
    // Les données sont calculées par LaVilleDeMonProgrammeCalculator
    $argumentaireRegionVille = $argumentaireRegionVille ?? '';
    $promoter = $promoter ?? '';
    $promoterHistory = $promoterHistory ?? '';
    $promoterImageUrl = $promoterImageUrl ?? '';
@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;<span class="orange backgroundtitre">La ville</span>&nbsp;de mon programme &nbsp;</span>

            <div class="contenu">
                <div style="position:absolute ; width : 520px ; top: 20px; left : 20px; z-index: -1; padding : 20px">
                    <img style="width:550px" src='{{ base_url('assets/img/mozartpp/FranceMap.png') }}'>
                </div>

                <div style="position:absolute ; width : 600px ; top: 20px; left : 20px; z-index: 1;">
                    <img class="img-picto-2 mb10" src='{{ base_url('assets/img/mozartpp/pin.png') }}'>
                    <br/>
                    <br/>
                    <br/>
                    <div style="position:absolute ; width : 500px ; height : 500px ; top: 80px; left : 0px; z-index: 1;" class="roboto argumentaire">{!! $argumentaireRegionVille !!}</div>
                </div>

                <div style="position:absolute ; width : 250px ; height : 500px ; top: 20px; left : 620px; z-index: 1; padding:20px; background-color: #88491D;">
                    <div class="bebas orange titre2">{{ $promoter }}</div>
                    <br/>
                    <br/>
                    <div class="texte-page1" style="color:#FFFFFF">
                        {{ $promoterHistory }}
                    </div>
                </div>

                <div style="position:absolute ; width : 126px ; height : 126px ; top: 497px; left : 727px; z-index: 10; border-radius: 63px; background-color: #FFFFFF; border: 1px solid; border-color: #CBB371;" class="text-center"></div>
                <div style="position:absolute ; width : 120px ; height : 120px ; top: 500px; left : 730px; z-index: 10; border-radius: 60px; background-color: #FFFFFF; border: 1px solid; border-color: #CBB371;" class="text-center">
                    @if(!empty($promoterImageUrl))
                        <img style="max-width:200px;max-height:80px;margin-top:20px" src="{{ $promoterImageUrl }}">
                    @endif
                </div>
            </div>
        </div>
        <div class='pagination'>{{ $pageNumber }}</div>
    </div>
</page>
@endif