templates/component/footer/newsletter.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: newsletter
  4.     newsletterTitle {string}: Titre pour la newsletter
  5.     bookletTitle {string}: Titre pour le téléchargement des brochures
  6.   links: [
  7.     text {string}: Texte du lien
  8.     to {string}: Lien vers le téléchargement
  9.   ]
  11. #}
  13. {% set props = {
  14.   newsletterTitle: "footer.newsletter.title"|trans,
  15.   bookletTitle: "footer.brochures.title"|trans,        
  16.   links: brochures
  17. }|merge(props|default({}))  %}
  19. <div data-component="newsletter" class="Newsletter-component" id="nl">
  21.     <div class="l-container">
  23.         <div
  24.             class="l-row">
  26.             {# Newsletter #}
  27.             <div
  28.                 class="l-column Newsletter-main">
  30.                 {# Text #}
  31.                 <p class="Newsletter-text">{{ props.newsletterTitle }}</p>
  33.                 {# Form #}
  35.                 <form
  36.                     action="/addSubscriberToNewsLetter/{{app.request.getLocale()}}" class="Newsletter-form" method="POST">
  38.                     {# Email input #}
  39.                     <input type="email" name="email" placeholder="{{"footer.newsletter.field"|trans({}, " messages") }}" class="Newsletter-input" required>
  40.                     <input type="hidden" class="g-recaptcha-response" name="g-recaptcha-response"/>
  42.                     <button type="submit" class="Newsletter-inputSend">
  44.                         {% include "component/svg.html.twig" with {
  45.               props: {
  46.                 name: 'arrow-right'
  47.               }
  48.             } %}
  50.                     </button>
  52.                 </form>
  53.                 <br>
  54.                 {% for message in app.flashes('nl_success') %}
  55.                     <div class="form-message success" role="alert">
  56.                         {{ message }}
  57.                     </div><br>
  58.                 {% endfor %}
  59.                 {% for message in app.flashes('nl_error') %}
  60.                     <div class="form-message error" role="alert">
  61.                         {{ message }}
  62.                     </div><br>
  63.                 {% endfor %}
  64.                 <br>
  65.             </div>
  67.             {# Booklet #}
  68.             <div
  69.                 class="l-column Booklet-main">
  71.                 {# Text #}
  72.                 <div class="Booklet-title">
  74.                     {% include "component/svg.html.twig" with {
  75.             props: {
  76.               name: 'brochure'
  77.             }
  78.           } %}
  80.                     <p class="Booklet-text">{{ props.bookletTitle }}</p>
  82.                 </div>
  84.                 {# Download #}
  85.                 <div
  86.                     class="Booklet-links">
  88.                     {# Hostel download #}
  90.                     {% for link in props.links %}
  91.                         <a class="Button-component" href="{{ link.to }}" target="_blank">
  93.                             <span class="Button-text">{{ link.text }}</span>
  95.                             {% include "component/svg.html.twig" with {
  96.                                         props: {
  97.                                             name: "download"
  98.                                         }
  99.                                 } %}
  101.                         </a>
  103.                     {% endfor %}
  105.                 </div>
  107.             </div>
  109.         </div>
  111.     </div>
  113. </div>