@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 LesInformationsEssentiellesSurMonProgrammeCalculator
    $interiorImage = $interiorImage ?? base_url('assets/img/bulles.jpg');
    $addressLine1 = $addressLine1 ?? '';
    $postalCode = $postalCode ?? '';
    $city = $city ?? '';
    $numberOfLots = $numberOfLots ?? 0;
    $ecologicalNorm = $ecologicalNorm ?? '';
    $promoter = $promoter ?? '';
    $deliveryDateFormatted = $deliveryDateFormatted ?? '';
    $notaryName = $notaryName ?? '';
    $notaryFirstName = $notaryFirstName ?? '';
    $notaryCompany = $notaryCompany ?? '';
@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">Les informations essentielles</span>&nbsp;sur mon programme &nbsp;</span>

            <div class="contenu">
                <div style="position: absolute; width: 480px; height: 270px; top: 240px; left: 470px; z-index: 0; background-color: black;"></div>

                <div style="position:absolute ; width : 480px ; top: 220px; left : 490px; z-index: 10;">
                    <img style="width:480px;height:270px" src="{{ $interiorImage }}">
                </div>
                <div style='position:absolute; width: 200px; left: 750px; top: 440px; z-index: 10;'>
                    <img src='{{ base_url('assets/img/mozartpp/ondes-up.png') }}' style='width: 160px;'>
                </div>

                <div style="position : absolute ; width : 200px ; height : 200px; top: 0px; left : -100px; text-align: center;">
                    <div><img class="img-picto-2" src='{{ base_url('assets/img/mozartpp/adresse.png') }}'></div>
                    <div class="titrepuce">Adresse</div>
                    <div class="mt10 mb10 sep" style="width:200px; margin-top: -10px;"></div>
                    <div class="textepuce">{{ $addressLine1 }},<br/>{{ $postalCode }} {{ $city }}</div>
                </div>

                <div style="position : absolute ; width : 200px ; height : 200px; top: 0px; left : 150px; text-align: center;">
                    <div><img class="img-picto-2" src='{{ base_url('assets/img/mozartpp/appartements.png') }}'></div>
                    <div class="titrepuce">Nombre de logements</div>
                    <div class="mt10 mb10 sep" style="width:200px; margin-top: -10px;"></div>
                    <div class="textepuce">{{ $numberOfLots }} logements</div>
                </div>

                <div style="position : absolute ; width : 200px ; height : 200px; top: 0px; left : 400px; text-align: center;">
                    <div><img class="img-picto-2" src='{{ base_url('assets/img/mozartpp/norme-th.png') }}'></div>
                    <div class="titrepuce">Norme thermique</div>
                    <div class="mt10 mb10 sep" style="width:200px; margin-top: -10px;"></div>
                    <div class="textepuce">{{ $ecologicalNorm }}</div>
                </div>

                @if(!empty($notaryName) && trim($notaryName) !== "")
                <div style="position : absolute ; width : 200px ; height : 200px; top: 0px; left : 650px; text-align: center;">
                    <div><img class="img-picto-2" src='{{ base_url('assets/img/mozartpp/notaire.png') }}'></div>
                    <div class="titrepuce">Notaire</div>
                    <div class="mt10 mb10 sep" style="width:200px; margin-top: -10px;"></div>
                    <div class="textepuce">{{ $notaryFirstName }} {{ $notaryName }}<br/>{{ $notaryCompany }}</div>
                </div>
                @endif

                <div style="position : absolute ; width : 200px ; height : 200px; top: 180px; left : -100px; text-align: center;">
                    <div><img class="img-picto-2" src='{{ base_url('assets/img/mozartpp/promoteur.png') }}'></div>
                    <div class="titrepuce">Promoteur</div>
                    <div class="mt10 mb10 sep" style="width:200px; margin-top: -10px;"></div>
                    <div class="textepuce">{{ $promoter }}</div>
                </div>

                <div style="position : absolute ; width : 200px ; height : 200px; top: 180px; left : 150px; z-index: 100; text-align: center;">
                    <div><img class="img-picto-2" src='{{ base_url('assets/img/mozartpp/livraison.png') }}'></div>
                    <div class="titrepuce">Date de livraison prévue</div>
                    <div class="mt10 mb10 sep" style="width:200px; margin-top: -10px;"></div>
                    <div class="textepuce">{{ $deliveryDateFormatted }}</div>
                </div>
            </div>
        </div>
        <div class="bgwhite" style="position:absolute; width:150px; bottom:110px; text-align:center; left:90px;">
            <img class="" style="max-width:150px" src='{{ base_url('assets/img/mozartpp/losanges.png') }}'>
        </div>
        <div class='pagination'>{{ $pageNumber }}</div>
    </div>
</page>
@endif