87 lines
6.1 KiB
PHP
87 lines
6.1 KiB
PHP
<form class="load_simulator" method="post" action="<?= get_site_url() ?>/formulaire">
|
|
<div class="col-md-8">
|
|
|
|
<h4 class="simulator_title">Simulez votre crédit en ligne</h4>
|
|
<div class="form-group">
|
|
<label class="col-lg-4" for="loan_type" >Type de prêt</label>
|
|
<select class="col-lg-8 widget-input-text" id="loan_type" name="loan_type"><?= $select_options ?></select>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="range_selector selected_capital">
|
|
<label class="col-lg-4" for="selected_capital">Capital choisi</label>
|
|
<input class="col-lg-8 widget-input-text" type="text" name="selected_capital" id="selected_capital"/>
|
|
<div class="clearfix"></div>
|
|
<div class="hide-on-mobile">
|
|
<input type="button" value="-" class="stimulator-slider-control capital-minus">
|
|
<div class="slider-count-wrapper">
|
|
<div id="selected_capital_range"></div>
|
|
</div>
|
|
<input type="button" value="+" class="stimulator-slider-control capital-plus">
|
|
</div>
|
|
</div>
|
|
<div class="range_selector selected_months">
|
|
<label for="selected_months">Durée choisie (nombre de mensualités)</label>
|
|
<input type="text" id="selected_months" name="selected_months" value="24"/>
|
|
<div class="clearfix"></div>
|
|
<div>
|
|
<div id="duree_slider">
|
|
<input type="button" value="-" class="stimulator-slider-control duree-minus">
|
|
<div class="slider-count-wrapper">
|
|
<div id="selected_months_range"></div>
|
|
</div>
|
|
<input type="button" value="+" class="stimulator-slider-control duree-plus">
|
|
</div>
|
|
<ul id="date-range-selector">
|
|
<li data-duree="24" class="duree-btn months-active selected">24</li>
|
|
<li data-duree="30" class="duree-btn months-inactive">30</li>
|
|
<li data-duree="36" class="duree-btn months-inactive">36</li>
|
|
<li data-duree="42" class="duree-btn months-inactive">42</li>
|
|
<li data-duree="48" class="duree-btn months-inactive">48</li>
|
|
<li data-duree="60" class="duree-btn months-inactive">60</li>
|
|
<li data-duree="72" class="duree-btn months-inactive">72</li>
|
|
<li data-duree="84" class="duree-btn months-inactive">84</li>
|
|
<li data-duree="96" class="duree-btn months-inactive">96</li>
|
|
<li data-duree="108" class="duree-btn months-inactive">108</li>
|
|
<li data-duree="120" class="duree-btn months-inactive">120</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-sm-12 padding-right">
|
|
<div class="col-sm-12 stimulator_info_block"><div class="stimulator_label">Montant emprunté : </div><div class="stimulator_value"><span class="montant_value">1300</span> €</div></div>
|
|
<div class="col-sm-12 stimulator_info_block"><div class="stimulator_label">Durée : </div><div class="stimulator_value"><span class="duree_value">24</span></div></div>
|
|
<div class="col-sm-12 stimulator_info_block"><div class="stimulator_label">Mensualité : </div><div class="stimulator_value"><span class="montant_total_value">61.63</span> €</div></div>
|
|
<input type="hidden" id="hidden_montant_total_value" name="hidden_montant_total_value">
|
|
</div>
|
|
|
|
<div class="col-md-6 col-sm-12 padding-left">
|
|
<div class="col-sm-12 stimulator_info_block"><div class="stimulator_label">Coût total : </div><div class="stimulator_value"><span id="cout_total_value">31200</span> €</div></div>
|
|
<input type="hidden" id="hidden_cout_total_value" name="hidden_cout_total_value">
|
|
<div id="stimulator_label_tdf_1" style="display:none;">
|
|
<div class="col-sm-12 stimulator_info_block"><div class="stimulator_label">TAEG* : </div><div class="stimulator_value"><span id="taeg_value">13.5</span></div></div>
|
|
<div class="col-sm-12 stimulator_info_block"><div class="stimulator_label">Taux débiteur fixe : </div><div class="stimulator_value"><span id="taux_debiteur_fixe_value">13.5</span></div></div>
|
|
<input type="hidden" id="hidden_taeg_value" name="hidden_taeg_value">
|
|
</div>
|
|
<div id="stimulator_label_tdf_2" style="display:none;">
|
|
<div class="col-sm-12 stimulator_info_block"><div class="stimulator_label">Taux nominal annuel* : </div><div class="stimulator_value"><span id="taeg_value_2">13.5</span></div></div>
|
|
<div class="col-sm-12 stimulator_info_block"><div class="stimulator_label">Taux nominal annuel = taux réel qui correspond à la mensualité</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="clear: both"></div>
|
|
<div class="col-md-12 disclaimer hide-on-mobile"></div>
|
|
<div class="col-md-12" id="additional_messages"></div>
|
|
|
|
<div class="col-md-12 advice-text">Attention, emprunter de l'argent coûte aussi de l'argent.</div>
|
|
</div>
|
|
<div class="col-md-4 stimulated-results">
|
|
<div class="col-md-12"><div class="ls_result_label">Montant emprunté : </div><div class="ls_result_value"><span class="montant_value">1300</span> €</div></div>
|
|
<div class="col-md-12"><div class="ls_result_label">Durée : </div><div class="ls_result_value"><span class="duree_value">24</span></div></div>
|
|
<div class="col-md-12"><div class="ls_result_label">Mensualité : </div><div class="ls_result_value"><span class="montant_total_value">61.63</span> €</div></div>
|
|
<button type="submit" class="btn btn-warning stimulator_result_btn">Introduire <span style="text-transform: uppercase;color: #fff;display: block;">Votre demande</span></button>
|
|
<div class="col-md-12 disclaimer-results"></div>
|
|
</div>
|
|
<div class="disclaimer-mobile-block show-on-mobile">
|
|
<div class="col-md-12 disclaimer"></div>
|
|
</div>
|
|
</form>
|