templates/dons/new.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Faire un don !{% endblock %}
  5. {% block body %}
  6.     {% include('login/includes/_logo_et_background_video.html.twig') %}
  8.     <div class="container connexion_container my-5" data-toggle="popover">
  9.         <div class="d-flex justify-content-center h-100">
  10.             <div class="card register-card">
  11.                 <div class="card-header">
  12.                     <h3 class="mt-3">Faire un don à l'association</h3>
  13.                     <div class="d-flex justify-content-end social_icon">
  14.                         <span><a href="https://www.facebook.com/lesmotardsduviaduc/"><i class="fab fa-facebook-square"></i></a></span>
  15.                     </div>
  16.                 </div>
  17.                 <div class="card-body">
  18.                     {{ form_start(form) }}
  19.                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  21.                         <div class="row">
  22.                             <div class="col-sm-6 col-12">
  23.                                 <div class="input-group form-group">
  24.                                     <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-user"></i></span>
  25.                                     {{ form_widget(form.lastname) }}
  26.                                     <label for="registration_form_lastname" class="required text-lg" style="margin-top: -15px;"></label>
  27.                                 </div>
  28.                             </div>
  30.                             <div class="col-sm-6 col-12">
  31.                                 <div class="input-group form-group">
  32.                                     <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-user"></i></span>
  33.                                     {{ form_widget(form.firstname) }}
  34.                                     <label for="registration_form_firstname" class="required text-lg" style="margin-top: -15px;"></label>
  35.                                 </div>
  36.                             </div>
  37.                         </div>
  39.                         <div class="row mb-4">
  40.                             <div class="col-sm-6 col-12">
  41.                                 <div class="input-group form-group">
  42.                                     <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-at"></i></span>
  43.                                     {{ form_widget(form.email) }}
  44.                                     <label for="registration_form_email" class="required text-lg" style="margin-top: -15px;"></label>
  45.                                 </div>
  46.                             </div>
  48.                             <div class="col-sm-6 col-12 pe-3">
  49.                                 <div class="input-group form-group">
  50.                                     <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-phone"></i></span>
  51.                                     {{ form_widget(form.phone) }}
  52.                                 </div>
  53.                             </div>
  54.                         </div>
  56.                     <div class="row mt-5 mb-4">
  57.                         <div class="col-6">
  58.                             <div class="input-group form-group">
  59.                                 <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-address-card"></i></span>
  60.                                 {{ form_widget(form.address) }}
  61.                                 <label for="registration_form_address" class="required text-lg" style="margin-top: -15px;"></label>
  62.                                 {{ form_errors(form.address) }}
  63.                             </div>
  64.                         </div>
  65.                         <div class="col-6">
  66.                             <div class="input-group form-group">
  67.                                 <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-address-card"></i></span>
  68.                                 {{ form_widget(form.address_complement) }}
  69.                                 {{ form_errors(form.address_complement) }}
  70.                             </div>
  71.                         </div>
  72.                     </div>
  74.                     <div class="row  mb-4">
  75.                         <div class="col-6">
  76.                             <div class="input-group form-group">
  77.                                 <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-address-card"></i></span>
  78.                                 {{ form_widget(form.zip_code) }}
  79.                                 <label for="registration_form_zip_code" class="required text-lg" style="margin-top: -15px;"></label>
  80.                                 {{ form_errors(form.zip_code) }}
  81.                             </div>
  82.                         </div>
  83.                         <div class="col-6">
  84.                             <div class="input-group form-group">
  85.                                 <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-address-card"></i></span>
  86.                                 {{ form_widget(form.city) }}
  87.                                 <label for="registration_form_city" class="required text-lg" style="margin-top: -15px;"></label>
  88.                                 {{ form_errors(form.city) }}
  89.                             </div>
  90.                         </div>
  91.                     </div>
  93.                     <div class="row  mb-4">
  94.                         <div class="col-6">
  95.                             <div class="input-group form-group">
  96.                                 <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-address-card"></i></span>
  97.                                 {{ form_widget(form.pays) }}
  98.                                 <label for="registration_form_zip_code" class="required text-lg" style="margin-top: -15px;"></label>
  99.                                 {{ form_errors(form.pays) }}
  100.                             </div>
  101.                         </div>
  102.                     </div>
  104.                         <div class="row mt-5">
  105.                             <div class="col-sm-6 col-12">
  106.                                 <div class="input-group form-group">
  107.                                     {{ form_label(form.donation_amount) }}
  108.                                     <div class="input-group form-group">
  109.                                         <span class="input-group-text d-flex justify-content-center"><i class="fa-solid fa-hand-holding-heart"></i></span>
  110.                                         {{ form_widget(form.donation_amount) }}
  111.                                     </div>
  112.                                 </div>
  113.                             </div>
  115.                             <div class="col-sm-6 col-12"><div class="input-group form-group"></div></div>
  116.                         </div>
  118.                         <div class="ui buttons float-end">
  119.                             <a href="{{ path('home') }}" class="ui inverted grey button text-white">Annuler</a>
  120.                             <div class="or" data-text="ou"></div>
  121.                             <button type="submit" class="ui button register_btn">Envoyer</button>
  122.                         </div>
  123.                     {{ form_end(form) }}
  124.                 </div>
  125.             </div>
  126.         </div>
  127.     </div>
  128. {% endblock %}