@php
    // Les données sont calculées par MonPlanDeFinancementCalculator
    $montant_bien = $montant_bien ?? 0;
    $frais_notaire = $frais_notaire ?? 0;
    $taux_frais_garantie = $taux_frais_garantie ?? 0;
    $frais_garantie = $frais_garantie ?? 0;
    $montant_a_financer = $montant_a_financer ?? 0;
    $apport = $apport ?? 0;
    $reste_a_financer = $reste_a_financer ?? 0;
    $montant_ptz = $montant_ptz ?? 0;
    $montant_pret_bancaire = $montant_pret_bancaire ?? 0;
    $duree_annee = $duree_annee ?? 0;
    $taux_emprunt = $taux_emprunt ?? 0;
    $taux_assurance = $taux_assurance ?? 0;

    // Informations du lot (si disponible)
    $has_lot = $has_lot ?? false;
    $lot_number = $lot_number ?? '--';
    $surface_lot = $surface_lot ?? '--';
    $type_lot = $type_lot ?? '--';
    $etage_lot = $etage_lot ?? '--';
    $nombre_parkings = $nombre_parkings ?? '--';
    $nombre_garages = $nombre_garages ?? '--';
    $nombre_caves = $nombre_caves ?? '--';
    $surface_balcon = $surface_balcon ?? '--';
    $surface_terrasse = $surface_terrasse ?? '--';
    $surface_jardin = $surface_jardin ?? '--';
    $prix_parking_ttc = $prix_parking_ttc ?? 0;
    $prix_garage_ttc = $prix_garage_ttc ?? 0;
    $prix_cave_ttc = $prix_cave_ttc ?? 0;

    // Fonction helper pour formater les montants
    $formeuro = function($montant) {
        return number_format($montant, 0, ',', ' ');
    };

    // Calculer la position du tableau de financement
    // Si le lot n'est pas disponible, centrer le tableau
    // Sinon, utiliser la position originale (570px)
    $financement_left = $has_lot ? 570 : 290; // Centré si pas de lot
    $financement_value_left = $has_lot ? 790 : 510; // Position de la valeur correspondante
@endphp
<page style="font-size: 12pt">
    <div class="contener">
        <div class="cadre">
            @include('simulator.templates.shared._titre_page', ['titreContent' => '<span class="orange backgroundtitre">Mon plan</span> de financement'])

            <div class="contenu page-plan-financement">

                <div style='position:absolute; width: 200px; left: 370px; top: 230px; z-index: -10;'>
                    @include('simulator.templates.shared._pictoLoupe', ['width' => 160])
                </div>

                @if($has_lot)
                <div style="position:absolute ; width : 300px ; top: 0px; left : 0px; z-index: 10;" class="index1">
                    <div class="titre-orange titre3">
                        Détail de mon lot :
                    </div>
                </div>
                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 65px; left : 0px; z-index: 10;">
                    N° du lot
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 350px ; top: 60px; left : 230px; z-index: 10; font-size: 16px;">{{ $lot_number }}</div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 100px; left : 0px; z-index: 10;">
                    Superficie (m²)
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 150px ; top: 95px; left : 230px; z-index: 10;">{{ $surface_lot }}</div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 135px; left : 0px; z-index: 10;">
                    Type
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 250px ; top: 130px; left : 230px; z-index: 10;">{{ $type_lot }}</div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 170px; left : 0px; z-index: 10;">
                    Étage
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 150px ; top: 165px; left : 230px; z-index: 10;">{{ $etage_lot }}</div>

                <div style="position:absolute ; width : 300px ; top: 215px; left : 0px; z-index: 10;" class="index1">
                    <div class="titre-orange-outline titre3">
                        Équipements
                    </div>
                </div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 290px; left : 0px; z-index: 10;">
                    Parking
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 150px ; top: 285px; left : 230px; z-index: 10;">{{ $nombre_parkings }}</div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 325px; left : 0px; z-index: 10;">
                    Garage
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 150px ; top: 320px; left : 230px; z-index: 10;">{{ $nombre_garages }}</div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 360px; left : 0px; z-index: 10;">
                    Cave
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 150px ; top: 355px; left : 230px; z-index: 10;">{{ $nombre_caves }}</div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 395px; left : 0px; z-index: 10;">
                    Balcon (m²)
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 150px ; top: 390px; left : 230px; z-index: 10;">{{ $surface_balcon }}</div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 430px; left : 0px; z-index: 10;">
                    Terrasse (m²)
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 150px ; top: 425px; left : 230px; z-index: 10;">{{ $surface_terrasse }}</div>

                <div class="maison-fin-titre text-left" style="position:absolute ; width : 150px ; top: 460px; left : 0px; z-index: 10;">
                    Jardin (m²)
                </div>
                <div class="titre2 text-orange text-left" style="position:absolute ; width : 150px ; top: 455px; left : 230px; z-index: 10;">{{ $surface_jardin }}</div>
                @endif

                <div style="position:absolute ; width : 300px ; top: -30px; left : {{ $financement_left }}px;">
                    <div class="titre3">
                        Financement <sup>*</sup> :
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 30px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Montant du bien
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; height:40px; top: 25px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $formeuro($montant_bien) }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 70px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Dont prix parking TTC
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 65px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ ($prix_parking_ttc > 0) ? $formeuro($prix_parking_ttc) . ' €' : '--' }}
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 110px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Dont Prix garage TTC
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 105px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ ($prix_garage_ttc > 0) ? $formeuro($prix_garage_ttc) . ' €' : '--' }}
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 150px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Dont Prix cave TTC
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 145px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ ($prix_cave_ttc > 0) ? $formeuro($prix_cave_ttc) . ' €' : '--' }}
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 190px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Frais de notaire
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 185px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $formeuro($frais_notaire) }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 230px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Frais de garantie de prêt ({{ $taux_frais_garantie }}%)
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 225px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $formeuro($frais_garantie) }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: black; position:absolute ; width : 200px ; top: 270px; left : {{ $financement_left }}px;">
                    <div style='color: white;' class="fin-titre">
                        Montant à financer
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 265px; left : {{ $financement_value_left }}px;">
                    <div style='color: black;' class="fin-valeur">
                        {{ $formeuro($montant_a_financer) }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 310px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Montant de l'apport
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 305px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $formeuro($apport) }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 350px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Reste à financer
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 345px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $formeuro($reste_a_financer) }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 390px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Montant du PTZ<sup>**</sup>
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 385px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $formeuro($montant_ptz) }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 430px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Montant de prêt bancaire
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 425px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $formeuro($montant_pret_bancaire) }} €
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 470px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Durée de l'emprunt
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 465px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $duree_annee }} ans
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 510px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Taux d'emprunt
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 505px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $taux_emprunt }} %
                    </div>
                </div>

                <div style="padding: 5px; background-color: #5a5a5a; position:absolute ; width : 200px ; top: 550px; left : {{ $financement_left }}px;">
                    <div class="fin-titre">
                        Taux d'assurance
                    </div>
                </div>
                <div style="position:absolute ; width : 200px ; top: 545px; left : {{ $financement_value_left }}px;">
                    <div class="fin-valeur">
                        {{ $taux_assurance }} %
                    </div>
                </div>

                <div style="position:absolute ; width : 1000px ; top: 600px; left : 0px; z-index: -1; font-family:arial; font-style:italic; font-size:9px;">
                    <sup>*</sup>&nbsp;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.<br/>
                    <sup>**</sup>&nbsp;Prêt à Taux Zéro.
                </div>

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