@php
    // Les données sont calculées par LesConditionsDEligibiliteAuMalrauxCalculator
    // Cette page est statique, pas de données dynamiques nécessaires
@endphp
<page style="font-size: 12pt">

    <div class="contener">
        <div class="cadre">
            @include('simulator.templates.shared._titre_page', ['titreContent' => 'Les conditions <span class="orange backgroundtitre">d\'éligibilité</span> au Malraux'])

            <div class="bgwhite" style="position:absolute; width:150px; top:93px; right:77px; color: var(--primary-color);">
                @php
                    $svgPourQui = file_get_contents(public_path('assets/img/mozartpp/picto-pourQui.svg'));
                    $svgPourQui = preg_replace('/#D6BD85|#d6bd85|#D5B37D|#d5b37d/', 'currentColor', $svgPourQui);
                    $svgPourQui = preg_replace('/<svg /', '<svg style="max-width:100%;height:auto;display:block;" ', $svgPourQui, 1);
                @endphp
                <span style="display:block;max-width:150px;">{!! $svgPourQui !!}</span>
            </div>
            <div class="bgorange" style="position:absolute; width:150px; top:188px; padding:27px 33px; right:166px; color: #ffffff;">
                <div style="border-top:solid 0.5px white; border-bottom:solid 0.5px white; padding:22px 0;">
                    <div class="font-bebas" style="color: #ffffff; font-weight:bold; font-size: 35px;">POUR QUI ?</div>
                    <br/>
                    <div style="text-align:left; color: #ffffff;">
                        <strong style="color: #ffffff;">Personnes fortement fiscalisées indépendamment de leur tranche marginale d'imposition</strong>
                    </div>
                </div>
                <div style="border-bottom:solid 0.5px white; padding:22px 0;">
                    <div style="text-align:left; color: #ffffff;">
                        <strong style="color: #ffffff;">Imposition annuelle <br/>à partir de 8 000 € </strong>
                    </div>
                </div>
            </div>
            <div style="position:absolute; width:600px; top:188px; padding:22px 33px; left:46px; font-size: 16px; line-height: 1.4;">
                
                <!-- Bloc 1 -->
                <div style="margin-bottom: 15px;">
                    <span>Montant <strong style="font-size:14pt;">maximum </strong> de</span>
                    <span class="font-bebas" style="font-size:50px; vertical-align: middle; line-height: 1; display: inline-block; margin: 0 5px;">400 000 €</span>
                    <strong style="font-size:14pt;">de travaux,</strong>
                </div>

                <!-- Bloc 2 -->
                <div style="margin-bottom: 30px;">
                    <span>étalé sur </span>
                    <span class="orange font-bebas" style="font-size:33px; font-weight:bold; vertical-align: middle; line-height: 1; display: inline-block; margin: 0 5px;">4 années</span>
                    <strong style="font-size:14pt;" class="orange">consécutives</strong>
                </div>

                <!-- Bloc 3 -->
                <div style="margin-bottom: 30px;">
                    <div><strong style="font-size:14pt;">L'opération </strong>doit obligatoirement</div>
                    <div>
                        <span class="orange" style="font-size:34px; font-weight:bold; vertical-align: middle; line-height: 1; display: inline-block; margin-right: 5px; font-family: 'arialb';">faire l'objet</span>
                        <strong style="font-size:14pt;" class="orange">d'un permis de construire </strong>
                    </div>
                    <div>qui sera soumis à la validation</div>
                    <div><strong style="font-size:14pt;">d'un architecte des bâtiments de France</strong></div>
                </div>

                <!-- Bloc 4 -->
                <div>
                    <div style="line-height:23px;"><strong style="font-size:14pt;">Engagement locatif </strong>nu de</div>
                    <div>
                        <span class="orange font-bebas" style="font-size:45px; vertical-align: middle; line-height: 1; display: inline-block; margin-right: 5px;">9 ans </span>
                        <strong style="font-size:14pt;" class="orange">au titre de résidence pour le locataire</strong>
                    </div>
                </div>

            </div>
            <div class="bgwhite" style="position:absolute; width:150px; bottom:44px; text-align:center; left:40px;">
                @include('simulator.templates.shared._pictoOndesDown', ['width' => 150])
            </div>

        </div>
        <div class='pagination'>{{ $pageNumber }}</div>
    </div>
</page>