Simulateur de Financement<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n \/* Styles sp\u00e9cifiques au simulateur *\/\n #simulateur-financement * {\n box-sizing: border-box;\n }\n #simulateur-financement .container {\n background: #6CFF84;\n padding: 30px;\n border-radius: 12px;\n box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);\n max-width: 950px;\n width: 100%;\n margin: auto;\n }\n #simulateur-financement .form-section,\n #simulateur-financement .result-section {\n width: 100%;\n padding: 0;\n }\n #simulateur-financement .form-section {\n display: flex;\n flex-direction: column;\n color: black;\n text-align: left;\n }\n #simulateur-financement .result-section {\n background-color: #000;\n color: white;\n border-radius: 30px;\n display: none;\n flex-direction: column;\n justify-content: center;\n text-align: center;\n padding: 20px;\n margin-top: 20px;\n }\n #simulateur-financement select,\n #simulateur-financement input,\n #simulateur-financement button {\n width: 100%;\n padding: 12px;\n margin: 10px 0;\n border-radius: 8px;\n border: 1px solid #555;\n font-size: 1em;\n transition: 0.3s;\n background: #ffffff;\n color: black;\n }\n #simulateur-financement button {\n background-color: #ffcc00;\n color: black;\n border: none;\n cursor: pointer;\n font-size: 1em;\n font-weight: bold;\n text-transform: uppercase;\n }\n #simulateur-financement button:hover {\n background-color: #e6b800;\n }\n #simulateur-financement .chart-container {\n width: 100%;\n max-width: 600px;\n height: 400px;\n margin: auto;\n }\n <\/style>\n<\/head>\n<body>\n \n <header>\n \n <\/header>\n \n <main>\n \n\n \n <div id=\"simulateur-financement\">\n <div class=\"container\">\n <div class=\"form-section\">\n <h2>Simulateur de Financement<\/h2>\n <label for=\"category\">Type de financement :<\/label>\n <select id=\"category\">\n <option value=\"1.5\">Technologie & Innovation<\/option>\n <option value=\"1.8\">Immobilier<\/option>\n <option value=\"1.6\">\u00c9nergies & Environnement<\/option>\n <option value=\"1.7\">Sant\u00e9 & Bien-\u00eatre<\/option>\n <option value=\"1.9\">Commerce & E-commerce<\/option>\n <option value=\"1.8\">Industrie & Logistique<\/option>\n <option value=\"1.7\">Agriculture & Agroalimentaire<\/option>\n <option value=\"2.0\">Loisirs & Divertissement<\/option>\n <option value=\"1.6\">PME & Startups<\/option>\n <option value=\"1.9\">Luxe & Mode<\/option>\n <\/select>\n\n <label for=\"amount\">Montant du financement (\u20ac) :<\/label>\n <input type=\"number\" id=\"amount\" placeholder=\"Entrez le montant\" min=\"100000\">\n\n <label for=\"duration\">Dur\u00e9e (ann\u00e9es) :<\/label>\n <input type=\"number\" id=\"duration\" placeholder=\"Entrez la dur\u00e9e en ann\u00e9es\" min=\"1\" max=\"30\">\n\n <button onclick=\"calculateLoan()\">Calculer<\/button>\n <\/div>\n\n <div class=\"result-section\" id=\"result\">\n <h3>Mensualit\u00e9 Estim\u00e9e<\/h3>\n <div class=\"result-info\">\n <p><span class=\"result-label\">Mensualit\u00e9 :<\/span> <span id=\"monthlyPayment\">-- \u20ac<\/span><\/p>\n <p><span class=\"result-label\">Premier Paiement :<\/span> <span id=\"firstPayment\">-- \u20ac<\/span><\/p>\n <p><span class=\"result-label\">Dur\u00e9e :<\/span> <span id=\"loanDuration\">-- ans<\/span><\/p>\n <p><span class=\"result-label\">Montant du financement :<\/span> <span id=\"loanAmount\">-- \u20ac<\/span><\/p>\n <p><span class=\"result-label\">Co\u00fbt total du cr\u00e9dit :<\/span> <span id=\"totalCost\">-- \u20ac<\/span><\/p>\n <p><span class=\"result-label\">Total des int\u00e9r\u00eats :<\/span> <span id=\"totalInterest\">-- \u20ac<\/span><\/p>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"creditChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n \n \n <footer>\n \n <\/footer>\n \n <script>\n let creditChart;\n\n function calculateLoan() {\n let amount = parseFloat(document.getElementById(\"amount\").value);\n let duration = parseInt(document.getElementById(\"duration\").value);\n let interestRate = parseFloat(document.getElementById(\"category\").value) \/ 100;\n \n if (isNaN(amount) || isNaN(duration) || amount < 100000 || duration <= 0) {\n alert(\"Veuillez entrer des valeurs valides. Le montant doit \u00eatre au minimum 100 000\u20ac.\");\n return;\n }\n \n let monthlyRate = interestRate \/ 12;\n let totalMonths = duration * 12;\n let monthlyPayment = (amount * monthlyRate) \/ (1 - Math.pow(1 + monthlyRate, -totalMonths));\n let firstPayment = monthlyPayment + (amount * monthlyRate);\n let totalAmountPaid = monthlyPayment * totalMonths;\n let totalInterest = totalAmountPaid - amount;\n let totalCost = totalAmountPaid;\n\n document.getElementById(\"monthlyPayment\").innerHTML = `${monthlyPayment.toFixed(2)}\u20ac`;\n document.getElementById(\"firstPayment\").innerHTML = `${firstPayment.toFixed(2)}\u20ac`;\n document.getElementById(\"loanDuration\").innerHTML = `${duration} ans`;\n document.getElementById(\"loanAmount\").innerHTML = `${amount}\u20ac`;\n document.getElementById(\"totalCost\").innerHTML = `${totalCost.toFixed(2)}\u20ac`;\n document.getElementById(\"totalInterest\").innerHTML = `${totalInterest.toFixed(2)}\u20ac`;\n \n document.getElementById(\"result\").style.display = \"flex\";\n renderChart(amount, totalInterest, totalCost, monthlyPayment);\n }\n\n function renderChart(amount, totalInterest, totalCost, monthlyPayment) {\n let ctx = document.getElementById(\"creditChart\").getContext(\"2d\");\n if (creditChart) creditChart.destroy();\n creditChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: [\"Capital Emprunt\u00e9\", \"Total Int\u00e9r\u00eats\", \"Co\u00fbt Total\", \"Mensualit\u00e9\"],\n datasets: [{\n data: [amount, totalInterest, totalCost, monthlyPayment],\n backgroundColor: [\"#ffcc00\", \"#ff6b6b\", \"#4CAF50\", \"#3498db\"],\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n scales: {\n x: {\n beginAtZero: true\n }\n }\n }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d86d90 e-flex e-con-boxed e-con e-parent\" data-id=\"5d86d90\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0e346b elementor-widget elementor-widget-spacer\" data-id=\"e0e346b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-359b7205 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"359b7205\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9dbd77 elementor-widget elementor-widget-heading\" data-id=\"2f9dbd77\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Obtenez votre financement aujourd\u2019hui !<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-506ffc6e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"506ffc6e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/flexifinanz.com\/index.php\/demander-un-financement\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Demander un financement<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Simuler votre financement Notre simulateur de financement vous permet d’obtenir une estimation rapide et pr\u00e9cise de vos mensualit\u00e9s et du co\u00fbt total […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-513","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/flexifinanz.com\/fr\/wp-json\/wp\/v2\/pages\/513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flexifinanz.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flexifinanz.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flexifinanz.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flexifinanz.com\/fr\/wp-json\/wp\/v2\/comments?post=513"}],"version-history":[{"count":0,"href":"https:\/\/flexifinanz.com\/fr\/wp-json\/wp\/v2\/pages\/513\/revisions"}],"wp:attachment":[{"href":"https:\/\/flexifinanz.com\/fr\/wp-json\/wp\/v2\/media?parent=513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}