@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;<span
                        class="orange backgroundtitre">Mon plan</span>&nbsp;de financement &nbsp;</span>

            <div class="contenu">

                <div style='position:absolute; width: 200px; left: 370px; top: 230px; z-index: -10;'>
                    <img src='{{ base_url('assets/img/mozartpp/loupe.png') }}' style='width: 160px;'/>
                </div>

                <div style="position:absolute ; width : 300px ; top: 10px; left : 250px;">
                    <div class="titre3">
                        Financement <sup>*</sup> :
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 70px; left : 250px;">
                    <div class="fin-titre">
                        Montant du bien
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; height:40px; top: 65px; left : 500px;">
                    <div class="fin-valeur">
                        {{ number_format($calcul->montant_bien, 0, ',', ' ') }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 110px; left : 250px;">
                    <div class="fin-titre">
                        Frais de notaire
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 105px; left : 500px;">
                    <div class="fin-valeur">
                        {{ number_format($calcul->frais_notaire, 0, ',', ' ') }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 150px; left : 250px;">
                    <div class="fin-titre">
                        Frais de garantie de prêt ({{ $calcul->taux_frais_garantie }} %)
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 145px; left : 500px;">
                    <div class="fin-valeur">
                        {{ number_format($calcul->frais_garantie, 0, ',', ' ') }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: black; position:absolute ; width : 200px ; top: 190px; left : 250px;">
                    <div style='color: white;' class="fin-titre">
                        Montant à financer
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 185px; left : 500px;">
                    <div style='color: black;' class="fin-valeur">
                        {{ number_format($calcul->montant_a_financer, 0, ',', ' ') }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 230px; left : 250px;">
                    <div class="fin-titre">
                        Montant de l'apport
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 225px; left : 500px;">
                    <div class="fin-valeur">
                        {{ number_format($calcul->apport, 0, ',', ' ') }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 270px; left : 250px;">
                    <div class="fin-titre">
                        Reste à financer
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 265px; left : 500px;">
                    <div class="fin-valeur">
                        {{ number_format($calcul->reste_a_financer, 0, ',', ' ') }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 310px; left : 250px;">
                    <div class="fin-titre">
                        Durée de l’emprunt
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 305px; left : 500px;">
                    <div class="fin-valeur">
                        {{ $calcul->duree_annee }} ans
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 350px; left : 250px;">
                    <div class="fin-titre">
                        Taux d'emprunt
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 345px; left : 500px;">
                    <div class="fin-valeur">
                        {{ $calcul->taux_emprunt }} %
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 390px; left : 250px;">
                    <div class="fin-titre">
                        Taux d’assurance
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 385px; left : 500px;">
                    <div class="fin-valeur">
                        {{ $calcul->taux_assurance }} %
                    </div>
                </div>

                <div style="padding: 5px; background-color: #CBB371; position:absolute ; width : 200px ; top: 430px; left : 250px;">
                    <div class="fin-titre">
                        Loyer préconisé
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; height:40px; top: 425px; left : 500px;">
                    <div class="fin-valeur">
                        {{ isset($calcul->montant_loyer) ? number_format($calcul->montant_loyer, 0, ',', ' ') . ' €' : '-' }}
                    </div>
                </div>

                <div style="position:absolute ; width : 900px ; top: 530px; left : 30px; z-index: -1; padding : 20px"
                     class="">
                    <div style="font-family:arial;font-style:italic;font-size:12px">
                        *Les chiffres ci-dessus sont donnés à titre indicatif sur la base des données personnelles
                        fournies. Les résultats ne peuvent donc être garantis. Elle ne constitue en
                        aucune façon un engagement de financement et devra être approfondie par un conseiller spécialisé
                        en financement immobilier.
                    </div>
                </div>

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