templates/website/membership/membershipIndi.html.twig line 1

Open in your IDE?
  1. {# templates/website/membership/membershipIndi.html.twig #}
  2. {% extends "website/base.html.twig" %}
  4. {% block title %}Adhésions Particulier{% endblock %}
  5. {% block body %}
  9. <div class="container form__membership">
  10.     <div class="row">
  11.         <div class="col">
  12.             <div class="form">
  13.                 <section class="form__header">
  14.                     <img src="/website/Assets/logo.png" alt="Logo de La Marguerite">
  15.                     <h2>Formulaire d'adhésion</h2>
  16.                     <h4 class="form__alert"></h4>
  17.                 </section>
  19.                 <section class="form__content">
  20.                     
  21.                     {{ form_start(form) }}
  22.                     {{ form_errors(form) }}
  24.                     {# Add.Mode #}
  27.                     <div class="row form-group">
  28.                         <label class="col-md-2 col-form-label required">
  29.                             {{ 'bothname' | trans }}&nbsp<span class="text-danger"><strong>*</strong></span>
  30.                         </label>
  31.                         <div class="col-md-10">{{ form_widget(form.name) }}</div>
  32.                         <div class="form_errors col-md-10 offset-md-2">
  33.                             {{ form_errors(form.name) }}
  34.                         </div>
  35.                     </div>
  37.                     <div class="row form-group">
  38.                         <label class="col-md-2 col-form-label required">
  39.                             {{ 'birthDate' | trans }}&nbsp<span class="text-danger"><strong>*</strong></span>
  40.                         </label>
  41.                         <div class="col-md-10">{{ form_widget(form.birthDate) }}</div>
  42.                         <div class="form_errors col-md-10 offset-md-2">
  43.                             {{ form_errors(form.birthDate) }}
  44.                         </div>
  45.                     </div>
  47.                     <div class="row form-group">
  48.                         <label class="col-md-2 col-form-label required">
  49.                             {{ 'address' | trans }}&nbsp<span class="text-danger"><strong>*</strong></span>
  50.                         </label>
  51.                         <div class="col-md-10">{{ form_widget(form.address) }}</div>
  52.                         <div class="form_errors col-md-10 offset-md-2">
  53.                             {{ form_errors(form.address) }}
  54.                         </div>
  55.                     </div>
  57.                     <div class="row form-group">
  58.                         <label class="col-md-2 col-form-label required">
  59.                             {{ 'mail' | trans }}&nbsp<span class="text-danger"><strong>*</strong></span>
  60.                         </label>
  61.                         <div class="col-md-10">{{ form_widget(form.mail) }}</div>
  62.                         <div class="form_errors col-md-10 offset-md-2">
  63.                             {{ form_errors(form.mail) }}
  64.                         </div>
  65.                     </div>
  67.                     <div class="row form-group">
  68.                         <label class="col-md-2 col-form-label required">
  69.                             {{ 'tel' | trans }}&nbsp<span class="text-danger"><strong>*</strong></span>
  70.                         </label>
  71.                         <div class="col-md-10">{{ form_widget(form.tel) }}</div>
  72.                         <div class="form_errors col-md-10 offset-md-2">
  73.                             {{ form_errors(form.tel) }}
  74.                         </div>
  75.                     </div>
  77.                     <div class="row form-group">
  78.                         <label class="col-md-2 col-form-label ">
  79.                             {{ 'job' | trans }}&nbsp<span class="text-danger"><strong>*</strong></span>
  80.                         </label>
  81.                         <div class="col-md-10">{{ form_widget(form.job) }}</div>
  82.                         <div class="form_errors col-md-10 offset-md-2">
  83.                             {{ form_errors(form.job) }}
  84.                         </div>
  85.                     </div>
  87.                     <hr>
  89.                     <div class="row form-group">
  90.                         <label class="col-md-2 col-form-label ">
  91.                             {{ 'imgLaw' | trans }}
  92.                         </label>
  93.                         <div class="col-md-10">{{ form_widget(form.imgLaw) }}</div>
  95.                         
  96.                         <div class="form_errors col-md-10 offset-md-2">
  97.                             {{ form_errors(form.imgLaw) }}
  98.                         </div>
  99.                     </div>
  101.                     <div class="row form-group imgLaw">
  102.                         <div class="col-8">
  103.                             <ul class="form__rgpd">
  104.                                 <li>
  105.                                     <p>La prise de photographies et vidéos lors des activités et manifestations organisées par La Marguerite ou dont elle est partenaire dans les locaux et à l’occasion de manifestations en d’autres espaces.</p>
  106.                                 </li>
  107.                                 <li>
  108.                                     <p>A des fins d’illustration sur divers supports de communication : plaquettes, affiches, flyers...</p>
  109.                                 </li>
  110.                                 <li>
  111.                                     <p>Sans limite de durée.</p>
  112.                                 </li>
  113.                             </ul>
  114.                         </div>
  115.                         <div class="col-4">
  116.                             <p>Cette autorisation pourra être révoquée à tout moment sur demande écrite de l’intéressé(e). Je reconnais avoir pris connaissance des dispositions ci-dessus concernant les données informatiques (RGPD) et je déclare les accepter.</p>
  117.                         </div>
  118.                     </div>
  119.                     <hr>
  121.                     <div class="row form-group">
  122.                         <label class="col-md-2 col-form-label ">
  123.                             {{ 'member_asso_membership' | trans }}
  124.                         </label>
  125.                         <div class="col-md-10">{{ form_widget(form.member_of) }}</div>
  126.                         <div class="form_errors col-md-10 offset-md-2">
  127.                             {{ form_errors(form.member_of) }}
  128.                         </div>
  129.                         <div class="col">
  130.                             <p class="form__asso">
  131.                                 Si vous faites partie d'une association partenaire, vous êtes exonéré de cotisation à La Marguerite. Merci de nous faire parvenir une attestation d'adhésion à votre association à l'adresse suivante : contact@lamargueriteasso.fr.
  132.                             </p>
  133.                         </div>
  134.                     </div>
  137.                     <hr>
  140.                     <div class="row form-group">
  141.                         <div class="col">
  142.                             <p>Afin de valider votre adhésion à La Marguerite, merci de nous faire parvenir votre règlement d'un montant minimum de 35€. Les cotisations et dons donnent droit à une réduction d'impôt de 66% du montant de la cotisation ou du don. Vous recevrez un reçu fiscal attestant votre cotisation ou don.</p>
  143.                             <ul class="form__buy">
  144.                                 <li><img src="/website/Assets/dot-li.svg" alt="icon de style de liste">Par chèque bancaire à l’ordre de la Marguerite.</li>
  145.                                 <li><img src="/website/Assets/dot-li.svg" alt="icon de style de liste">Par virement : RIB - FR76 1090 7002 6546 0218 1051 083 ; BIC - CCBPFRPPBDX</li>
  146.                                 <li><img src="/website/Assets/dot-li.svg" alt="icon de style de liste">En espèce, directement au siège de l'association</li>
  147.                             </ul>
  148.                         </div>
  149.                     </div>
  152.                     <hr>
  154.                     <div class="row form-group form__legal">
  155.                         <div class="col">
  156.                             <p>
  157.                                 En validant ce formulaire, vous attestez être en accord avec notre <a href="{{path('legal')}}">politique RGPD</a>.
  158.                             </p>
  159.                         </div>
  160.                     </div>
  163.                     <div class="row form-group">
  164.                         <div class="col-12">
  165.                             <div class="btn-group w-100">
  166.                                 <input type="submit" class="btn btn-form-validation w-70" value="{{ 'validate' | trans }}" />
  167.                             </div>
  168.                         </div>
  169.                     </div>
  172.                     <div class="row form-group form__priseContact">
  173.                         <div class="col">
  174.                             <p>
  175.                                 Suite à l'envoi de votre formulaire, nous prendrons contact avec vous.
  176.                             </p>
  177.                         </div>
  178.                     </div>
  180.                     {{ form_end(form) }}
  182.                 </section>
  183.             </div>
  184.         </div>
  185.     </div>
  186. </div>
  193. {% endblock %}