@php
    $contexte->pageNumber++;
    $duree_unite = "jours";
	$duree_option = "2-3";
@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 parcours</span>&nbsp;d'achat &nbsp;</span>
            <div class="contenu">
                <div style="position:absolute ; width : 962px ; top:-30px; left : -20px; z-index: 0; padding : 20px"
                     class="">
                    <img style="width:962px" src='{{ base_url('assets/img/mozartpp/parcours-deficit-foncier.png') }}'/>
                </div>
                <div style="position:absolute ; width : 140px ; top: 15px; left : 50px; z-index: 10;"
                     class="bebas fs18 bold">
                    POSE <br/>
                    D’OPTION
                </div>
                <div style="position:absolute ; width : 160px ; top: 70px; left : 30px; z-index: 10;"  class="arial fs11">Vous avez {{ $duree_option }} {{ $duree_unite }} de réflexion <br/> pour prendre votre décision.</div>

                <div style="position:absolute ; width : 100px ; top: 40px; left : 225px; z-index: 10;"
                     class="arial bold fs18 text-center">
                    {{ $duree_option }} <br/>{{ $duree_unite }}
                </div>

                <div style="position:absolute ; width : 140px ; top: -3px; left : 385px; z-index: 10;" class="bebas fs18 bold">
                    CONFIRMATION <br/> & RÉSERVATION <br/><span class="fs14 normal">de votre bien</span>
                </div>
                <div style="position:absolute ; width : 180px ; top: 70px; left : 365px; z-index: 10;" class="arial fs11">
                    En signant votre réservation, <br/>
                    vous déclenchez le délai SRU <br/>
                    et vous disposez de 10 jours de <br/>
                    rétractation durant lesquels vous <br/>
                    pouvez vous retirer à tout moment.
                </div>

                <div style="position:absolute ; width : 140px ; top: 15px; left : 730px; z-index: 10;" class="bebas fs18 bold">
                    DÉPOT <br/>
                    DE GARANTIE
                </div>
                <div style="position:absolute ; width : 200px ; top: 70px; left : 705px; z-index: 10;" class="arial fs11">
                    Une fois le délai SRU passé, vous devez <br/>
                    effectuer un dépôt de garantie de 2 à <br/>
                    5% du prix du bien au promoteur.
                </div>

                <div style="position:absolute ; width : 300px ; top: 210px; left : 589px; z-index: 10; text-align:right" class="bebas fs18 bold">
                    RECHERCHE DE <br/>
                    FINANCEMENT
                </div>
                <div style="position:absolute ; width : 300px ; top: 265px; left : 605px; z-index: 10; text-align:right" class="arial fs11">
                    Vous disposez maintenant de 45 à 60 jours pour<br/>
                    obtenir une offre de financement. Vous pouvez passer<br/>
                    par votre banque ou solliciter un courtier. En cas<br/>
                    de refus de financement dans ce délai, le contrat de<br/>
                    réservation sera annulé et le dépôt de garantie sera<br/>
                    remboursé.
                </div>

                <div style="position:absolute ; width : 200px ; top: 210px; left : 215px; z-index: 10; text-align:right" class="bebas fs18 bold">
                    SIGNATURE DE L'ACTE <br/>
                    DE VENTE <span class="arial fs12 normal">chez le notaire</span>
                </div>
                <div style="position:absolute ; width : 200px ; top: 265px; left : 230px; z-index: 10; text-align:right"
                     class="arial fs11">
                    Une fois votre financement trouvé et<br/>
                    accepté, rendez-vous chez le notaire<br/>
                    pour signer et acheter votre bien.<br/>
                </div>

                <div style="position:absolute ; width : 200px ; top: 395px; left : 70px; z-index: 10; text-align:left"
                     class="bebas fs18 bold">
                    APPEL DE FONDS<br/>
                    <span class="fs14 normal">selon un échéancier<br/>
									de paiement réglementé</span>
                </div>
                <div style="position:absolute ; width : 220px ; top:460px; left : 52px; z-index: 10; text-align:left"
                     class="arial fs11">
                    Le promoteur procède tout au <br/>
                    long de l’avancée des travaux à <br/>
                    plusieurs appels de fonds.
                </div>

                <div style="position:absolute ; width : 200px ; top: 410px; left : 400px; z-index: 10; text-align:left"
                     class="bebas fs18 bold">
                    LIVRAISON & <BR/>
                    REMISE DES CLÉS
                </div>
                <div style="position:absolute ; width : 220px ; top:460px; left : 380px; z-index: 10; text-align:left"
                     class="arial fs11">
                    Les travaux étant désormais achevés, <BR/>
                    vous réalisez la visite complète de votre <BR/>
                    bien en compagnie du promoteur. <BR/>
                    C’est l’occasion d’émettre les dernières <BR/>
                    réserves.
                </div>

                <div style="position:absolute ; width : 220px ; top: 440px; left : 755px; z-index: 10; text-align:left"
                     class="bebas fs18 bold">
                    MISE EN LOCATION
                </div>
            </div>
        </div>
        <div class='pagination'>{{ $contexte->pageNumber }}</div>
    </div>
</page>