@php
    $contexte->pageNumber++;
@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;Pourquoi investir en&nbsp; <span
                        class="orange backgroundtitre">Monuments Historiques</span> &nbsp;</span>
            <div class="contenu">

                <div style="position:absolute ; width : 150px ; height : 150px ; top: -30px; left : 830px; z-index: 10;">
                    <img style="width:140px" src='{{ base_url('assets/img/mozartpp/cercles.png') }}'/>
                </div>

                <div style="font-size: 20px; position:absolute ; width : 900px ; top: 0px; left : 0px; z-index: 10;"
                     class="index1">
                    <div class="noir">
                        Pourquoi acheter cet appartement en Monuments Historiques est intéressant <BR/>
                        pour ma défiscalisation et la constitution de mon futur patrimoine ?
                    </div>
                </div>

                <div style="position:absolute ; width : 480px ; top: 190px; left : -10px; z-index: 10; padding-left:10px"
                     class="index1">
                    <div class="arial22b titre-orange fwhite" style='width: 270px; font-family: Bebas neue;'>
                        ACHAT EN MONUMENTS HISTORIQUES
                    </div>

                    <div class="texte-page1" style='margin-top: 20px;'>
                        En investissant en Monuments Historiques dans ce logement, une partie de ce coût sera couverte
                        par les locataires et les impôts.
                        <br/>
                        <br/>
                        <div class="bold">
                            Il sera financé à hauteur de {{ $calcul->sources_de_financement->reduction_reel->pourcentage_location ?? 0 }} % par les locataires, et {{ $calcul->sources_de_financement->reduction_reel->pourcentage_impot ?? 0 }} % par vos impôts.
								Vous n'aurez dépensé pour ce bien que {{ (100 - ($calcul->sources_de_financement->reduction_reel->pourcentage_location ?? 0) - ($calcul->sources_de_financement->reduction_reel->pourcentage_impot ?? 0)) }} % du coût de son financement,
								soit {{ number_format($calcul->sources_de_financement->reduction_reel->valeur_epargne ?? 0, 0, ',', ' ') }} € sur {{ number_format(($calcul->montant_a_financer ?? 0) + (isset($calcul->assurance_totale) ? $calcul->assurance_totale : 0) + (isset($calcul->interets_total) ? $calcul->interets_total : 0), 0, ',', ' ') }} €, tout en vous
                            constituant un patrimoine d'une valeur
                            de {{ number_format($calcul->montant_bien_revalorise ?? 0, 0, ',', ' ') }} €.
                        </div>
                    </div>
                </div>

                <div style="position:absolute ; width : 200px ; top: 115px; left : 630px; z-index: 10; text-align: center;">
                    <span style='font-family: parkinsonbalboaultralight; '>SOURCE DE FINANCEMENT DE L’INVESTISSEMENT</span>
                </div>

                <div style="position:absolute ; width : 200px ; top: 155px; left : 695px; z-index: 10;">
                    <img style='width: 70px;' src='{{ base_url('assets/img/mozartpp/fleche-bas.png') }}'/>
                </div>

                @if(!empty($contexte->financement_donutchart))
                    <div style="position:absolute ; width : 200px ; top: 200px; left : 630px; z-index: 10;"
                         class="index1">
                        <img class="img5-test" src='{{ $contexte->financement_donutchart }}'/>
                    </div>
                @endif

                <div style="position:absolute ; width : 200px ; top: 200px; left : 630px; z-index: 10;" class="index1">
                    <img class="img5-test" src='{{ base_url('assets/img/mmi_pouce_vers_le_haut.png') }}'/>
                </div>

                <div style="position:absolute ; width : 200px ; top: 420px; left : 610px; z-index: 10;" class="index1">
                    <img style="width:235px" src='{{ base_url('assets/img/mozartpp/partsx3.png') }}'/>
                </div>
                <div style="position:absolute ; width : 80px ; top: 490px; left : 600px; z-index: 10;"
                     class="fin-valeur text-center ">
                    {{ $calcul->sources_de_financement->reduction_reel->pourcentage_impot }}%
                </div>
                <div style="position:absolute ; width : 99px ; top: 490px; left : 680px; z-index: 10;"
                     class="fin-valeur text-center">
                    {{ $calcul->sources_de_financement->reduction_reel->pourcentage_epargne }}%
                </div>
                <div style="position:absolute ; width : 100px ; top: 490px; left : 761px; z-index: 10;"
                     class="fin-valeur text-center">
                    {{ $calcul->sources_de_financement->reduction_reel->pourcentage_location }}%
                </div>
            </div>
        </div>
        <div class='pagination'>{{ $contexte->pageNumber }}</div>
    </div>
</page>