Files
aduzuki/views/adhesion/page_templates/adhesion_paiement_mode_paiement.ejs
julliechaumard dd49ba357b commit
2023-02-28 01:15:30 +01:00

129 lines
5.5 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%- include('../../template_parts/head')%>
<body>
<%- include('../../template_parts/header_tunnel')%>
<main>
<article>
<!-- TITRE DE LA PAGE -->
<%- include('../template_parts/adhesion_titrepage')%>
<section class="paiement_container">
<div class="paiement">
<div class="paiement_titre">
<p>PAIEMENT</p>
</div>
<div class="montant_cotisation_label">
<p>Montant de votre cotisation annuelle</p>
</div>
<div class="montant_cotisation_euros_box">
<div class="montant_cotisation_euros"><%= adherent_paiement_montant_adhesion %> <span class="euro_label"> euros</span></div>
</div>
<div class="montant_don_label">
<p>Montant de votre don</p>
</div>
<div class="montant_don_euros_box">
<div class="montant_cotisation_euros"><%= adherent_paiement_montant_don %> <span class="euro_label"> euros</span></div>
</div>
<div id="montant_total_label" class="montant_total_label">
<p>Montant total</p>
</div>
<div id="montant_total_euros_box" class="montant_total_euros_box">
<div class="montant_total_euros"><%= montant_apayer %> <span class="euro_label"> euros</span></div>
</div>
<div id="paiement_mode" class="paiement_mode">
<p>Mode de paiement</p>
</div>
<div id="paiement_mode_choix" class="paiement_mode_choix">
<div class="input_checkbox">
<input type="checkbox" name="check_cb" id="check_cb">
<label for="check_cb">carte bancaire</label>
</div>
</div>
<div id="paiement_mode_choix_nocb" class="input_checkbox paiement_mode_choix_nocb">
<input type="checkbox" name="check_nocb" id="check_nocb">
<label for="check_nocb">Je n'ai pas de carte bancaire</label>
</div>
<div id="paiement_cb" class="hidden">
<form action="goto_bank" method="post">
<button type="submit" class="button_text">
<span class="btn_texte">PAYER</span>
</button>
</form>
</div>
<div id="paiement_nocb" class="paiement_nocb hidden">
<div class="paiement_nocb_choix">
<div class="input_checkbox">
<input type="checkbox" name="check_virement" id="check_virement">
<label for="check_virement">Virement</label>
</div>
<div class="input_checkbox paiement_nocb_choix_cheque">
<input type="checkbox" name="check_cheque" id="check_cheque">
<label for="check_cheque">Chèque</label>
</div>
</div>
</div>
<div id="paiement_virement" class="hidden paiement_nocb_form">
<form action="paiement_virement_save" method="post" class="paiement_nocb_infos">
<div>
<p class="paiement_description">Noter le numéro SEPA et le nom de la banque de l'Association Française pour la pédagogie Suzuki, sur lequel envoyer votre virement</p>
<p>FR76 1810 6000 4496 7630 3576 718 - Crédit Agricole</p>
</div>
<button type="submit" class="button_text">
<span class="btn_texte">VALIDER</span>
</button>
</form>
</div>
<div id="paiement_cheque" class="hidden paiement_nocb_form">
<form action="paiement_cheque_save" method="post" class="paiement_nocb_infos">
<div class="input_box input_text input_box_gris nom_banque">
<label for="adherent_paiement_cheque_banque">Nom de la banque</label>
<input type="text" name="adherent_paiement_cheque_banque" id="adherent_paiement_cheque_banque">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_paiement_cheque_numero">Numéro du chèque</label>
<input type="text" name="adherent_paiement_cheque_numero" id="adherent_paiement_cheque_numero">
</div>
<div>
<p class="paiement_description">Veuillez envoyer votre chèque, sous enveloppe, par courrier, à ladresse :</p>
<p>Association Française pour la Pédagogie Suzuki<br>Chez Anne PAGES<br>30 rue des Tattes<br>74500 PUBLIER</p>
</div>
<button type="submit" class="button_text">
<span class="btn_texte">VALIDER</span>
</button>
</form>
</div>
</div>
</section>
</article>
</main>
</body>
<script src="/public/js/adhesion/form_paiement.js"></script>
<%- include('../../template_parts/footer')%>