@php
    $contexte->pageNumber++;
    $investissement_moyen_mois = round(abs($calcul->tresorerie_cumule_totale ?? 0) / ($calcul->duree_mois ?? 1));
@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 synthèse</span>&nbsp;de mon investissement &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="position:absolute ; width : 900px ; top: 20px; left : 0px; z-index: 10;" class="index1">
                    <div class="bebas noir titre3">
                        En investissant dans ce projet vous allez vous constituer au terme de votre financement :
                    </div>
                </div>

                <div style="position:absolute ; width : 280px ; height : 50px ; top: 80px; left : 320px; z-index: 1; padding:10px;"
                     class="bgorange">
                    <div class="arial30b text-center">{{ number_format($calcul->montant_bien_revalorise, 0, ',', ' ') }}
                        €
                    </div>

                    <div class="arial18b text-center">
                        DE PATRIMOINE IMMOBILIER
                    </div>
                </div>

                <div style="position:absolute ; width : 950px ; top: 155px; left : 0px; z-index: 10;" class="index1">
                    <div style="font-family:arial;color:#000000;font-size:18px" class="text-center">
                        (en prenant en compte la revalorisation du bien de 1% / an pendant {{ $calcul->duree_annee }}
                        ans ).
                    </div>
                </div>

                <div style="position:absolute ; width : 95px ; height : 95px ; top: 220px; left : 115px; z-index: 10;"
                     class="">
                    <img style="width:90px" src='{{ base_url('assets/img/mozartpp/content.png') }}'/>
                </div>

                <div style="background-color: #F6F6F6; position:absolute ; width : 290px ; height : 150px ; top: 350px; left : 10px; z-index: 10;"
                     class="text-center">

							<span class="arial22b">
								Vous bénéficierez de
							</span>
                    <br/>
                    <br/>
                    <span class="arial30b">
								{{ number_format($calcul->loyer_max, 0, ',', ' ') }} €<span style="color:#F6F6F6;"> </span>/mois
							</span>
                    <br/>
                    <span class="arial18b">
								DE REVENUS <br/>
								LOCATIFS
							</span> <br>
                    (en prenant en compte la revalorisation du loyer de {{ $calcul->taux_revalorisation_loyer }} % / an)
                </div>

                <div style="position:absolute ; width : 95px ; height : 95px ; top: 220px; left : 430px; z-index: 10;"
                     class="">
                    <img style="width:90px" src='{{ base_url('assets/img/mozartpp/satisfait.png') }}'/>
                </div>

                <div style="background-color: #F6F6F6; position:absolute ; width : 290px ; height : 150px ; top: 350px; left : 330px; z-index: 10;"
                     class="text-center">

							<span class="arial22b">
								Vous économisez
							</span>
                    <br/>
                    <br/>
                    <span class="arial30b">
								{{ isset($calcul->fiscalite_info->avantage_fiscal->avantage_fiscal) ? number_format($calcul->fiscalite_info->avantage_fiscal->avantage_fiscal, 0, ',', ' ') . ' €' : '-' }}
							</span>
                    <br/>
                    <span class="arial18b">
								D'IMPÔTS
							</span>
                </div>

                <div style="position:absolute ; width : 95px ; height : 95px ; top: 220px; left : 745px; z-index: 10;"
                     class="">
                    <img style="width:90px" src='{{ base_url('assets/img/mozartpp/heureux.png') }}'/>
                </div>

                <div style="background-color: #F6F6F6; position:absolute ; width : 290px ; height : 150px ; top: 350px; left : 650px; z-index: 10;"
                     class="text-center">

							<span class="arial22b">
								Vous avez investi<br/>en moyenne <br>(hors apport)
							</span>
                    <br/>
                    <span class="arial30b">
								{{ number_format($investissement_moyen_mois, 0, ',', ' ') }} €<span
                                style="color:#F6F6F6;"> </span>/mois
							</span>
                    <br/>
                    <span class="arial18b">
								POUR ÉQUILIBRER <br/>
								VOTRE OPÉRATION <br/>
							</span>
                </div>

                <div style="position:absolute ; width : 291px ; height : 90px ; top: 508px; left : 650px; z-index: 10; background-color: #FFFFFF; border: 1px solid; border-color: #CBB371 "
                     class="text-center">
                    <span class="arial22b">soit au total : </span><br/>
                    <span class="arial30b">{{ number_format($investissement_moyen_mois * 12, 0, ',', ' ') }} € / an </span><br/>
                    <span class="arial18b">pendant {{ $calcul->duree_annee }} ans</span>
                </div>

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