<div class="my-5 py-2">
<h5 class="border-bottom border-3 border-primary text-primary fs-3"> Synthèse durée totale</h5>
<div class="row flex-row-reverse px-4 ">
<div class="d-flex justify-content-between text-primary p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold bg-cc ">54 k€</div>
<div>Chiffre d'affaire </div>
</div>
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold ">11 k€</div>
<div>Coût total </div>
</div>
<div class="flex-column justify-content-between text-center">
<div class="fs-1 fw-bold ">+ 43 k€</div>
<div>Résultat net</div>
</div>
</div>
</div>
<div class="row flex-row-reverse px-4 ">
<div class="d-flex justify-content-around text-primary p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold ">14,06 %</div>
<div>taux de rentabilité</div>
</div>
<div class="flex-column justify-content-between text-center">
<div class="fs-1 fw-bold ">5 ans 3 mois</div>
<div>point de rentabilité</div>
</div>
</div>
</div>
<div class="row flex-row-reverse px-4 ">
<div class="d-flex justify-content-around text-primary p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold bg-cc ">
<svg viewBox="0 0 300 50" xmlns="http://www.w3.org/2000/svg" width="200px">
<path d="M 0,50 L 30,46 60,43 90,36 120,25 150,22 180,28 210,16 240,12 270,5 300,0 "
fill="transparent" stroke-width="2" stroke="red" />
</svg>
</div>
<div>Résultat net </div>
</div>
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold ">
<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg" width="60px">
<path d="M 0,49 L 10,49 20,49 30,12 40,5 50,10 60,0 70,15 80,43 90,49 100,49 "
fill="transparent" stroke-width="2" stroke="red" />
</svg>
</div>
<div>Puissance moyenne quotidienne </div>
</div>
</div>
</div>
<div class="row flex-row-reverse px-4 ">
<div class="d-flex justify-content-between text-primary p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold bg-cc "> 7 254 €</div>
<div>Bénéfice annuel moyen </div>
</div>
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold ">452 €</div>
<div>Economies annuelles consommateur </div>
</div>
<div class="flex-column justify-content-between text-center">
<div class="fs-1 fw-bold ">3,6 mois</div>
<div>d'éléctricité économisés</div>
</div>
</div>
</div>
</div>
<div class="my-5 py-2">
<h5 class=" dixans fs-3 dixansborder"> Synthèse 10 ans</h5>
<div class="row flex-row-reverse px-4 dixans">
<div class="d-flex justify-content-between p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold bg-cc ">17 k€</div>
<div>Chiffre d'affaire </div>
</div>
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold ">8,2 k€</div>
<div>Coût total </div>
</div>
<div class="flex-column justify-content-between text-center">
<div class="fs-1 fw-bold ">+ 9,8 k€</div>
<div>Résultat net</div>
</div>
</div>
</div>
</div>
<div class="row flex-row-reverse px-4 dixans">
<div class="d-flex justify-content-around p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold bg-cc ">36 %</div>
<div>Prêt remboursé </div>
</div>
<div class="flex-column justify-content-between text-center">
<div class="fs-1 fw-bold ">7,02 %</div>
<div>Rentabilité</div>
</div>
</div>
</div><div class="my-5 py-2">
<h5 class=" text-cc fs-3 cinqansborder"> Synthèse 5 ans</h5>
<div class="row flex-row-reverse px-4 text-cc">
<div class="d-flex justify-content-between p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold bg-cc ">6 253 €</div>
<div>Chiffre d'affaire </div>
</div>
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold ">7 392 €</div>
<div>Coût total </div>
</div>
<div class="flex-column justify-content-between text-center">
<div class="fs-1 fw-bold ">- 1 139 €</div>
<div>Résultat net</div>
</div>
</div>
</div>
</div>
<div class="row flex-row-reverse px-4 ">
<div class="d-flex justify-content-around p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold bg-cc ">18 %</div>
<div>Prêt remboursé </div>
</div>
<div class="flex-column justify-content-between text-center">
<div class="fs-1 fw-bold ">-1,02 %</div>
<div>Rentabilité</div>
</div>
</div>
</div>
<div class="my-5 py-2">
<h5 class="border-bottom border-3 border-primary text-primary fs-3"> Synthèse année moyenne</h5>
<div class="row flex-row-reverse px-4 ">
<div class="d-flex justify-content-between text-primary p-5">
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold bg-cc ">14,4 k€</div>
<div>bénéfices moyen </div>
</div>
<div class="flex-column justify-content-between text-center ">
<div class="fs-1 fw-bold ">18,5 k€</div>
<div>chiffre d'affaire</div>
</div>
{#if coutElec10() > 0}
<div class="flex-column justify-content-between text-center">
<div class="fs-1 fw-bold ">{((coutElec10() - coutElecAuto10()) * 100 / coutElec10()).toFixed(0)}%</div>
<div>économies consommateur</div>
</div>{/if}
</div>
</div>
</div>