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

Open in your IDE?
  1. {#
  2.     component: footer-contact
  4.     contactTitle {string}: Titre du contact
  5.     mapLink {string}: Lien vers l'adresse google maps
  6.   address {string}: Adresse
  7.   email {string}: Email
  8.   phone {string}: Numéro de téléphone
  9.   image {image}:
  10.       size: {
  11.         width: "1440",
  12.         height: "835"
  13.       }
  15.       
  16.     form {
  17.         action {string}: Action du formulaire
  18.     title {string}: titre du formulaire
  19.         inputs {array}: tableau d'inputs
  20.         buttonText {string}: Texte du bouton d'envoi
  21.         information {string}: Texte d'information
  22.         mandatory {string}: Texte de champs obligatoires
  23.     }
  25. #}
  27. {% set props = {
  28.   contactTitle: "footer.contact.title"|trans,
  29.   mapLink:"https://www.google.com/maps/search/?api=1&query=Port%20du%20Crouesty,%20Route%20du%20Petit%20Mont%2056640%20Arzon,%20France",
  30.   address: "Port du Crouesty, Route du Petit Mont <br>56640 Arzon, France",
  31.   email: "reservation@miramar-lacigale.com",
  32.   phone: "TEL : 02 97 53 49 13",
  33.   schedule: "footer.horaire"|trans,
  34.   image:  asset('build/images/footer-contact-background.jpg'),
  35.   form:{
  36.     action: url,
  37.         title:"footer.contact.rappel"|trans,
  38.     inputs: inputs_elements,
  39.     buttonText:"footer.contact.bouton"|trans,
  40.   }
  41. }|merge(props|default({}))  %}
  43. <div
  44.     data-component="footer-contact" class="FooterContact-component" id="ffm">
  46.     {# Background image #}
  47.     <div class="FooterContact-backgroundImage">
  49.         {% include "component/image.html.twig" with {
  50.       props: {
  51.         src:props.image
  52.       }
  53.     } %}
  55.     </div>
  57.     <div class="l-container">
  59.         <div
  60.             class="l-row">
  62.             {# Main #}
  63.             <div class="l-column FooterContact-main opened" ref="main">
  65.                 {% for message in app.flashes('footer_success') %}
  66.                     <div class="footer-form-message success" role="alert">
  67.                         {{ message }}
  68.                     </div><br>
  69.                 {% endfor %}
  70.                 {% for message in app.flashes('footer_error') %}
  71.                     <div class="footer-form-message error" role="alert">
  72.                         {{ message }}
  73.                     </div><br>
  74.                 {% endfor %}
  76.                 {# Title #}
  77.                 <p class="FooterContact-title">{{ props.contactTitle }}</p>
  79.                 {# Button contactForm #}
  80.                 <div ref="button">
  82.                     {% include "component/button.html.twig" with {
  83.             class: 'FooterContact-callLink',
  84.             props: {
  85.               text: props.form.buttonText,
  86.               contactButton:true
  87.             }
  88.           } %}
  90.                 </div>
  92.                 {# Address #}
  93.                 <a class="FooterContact-address" target="_blank" rel="noreferrer" href="{{ props.mapLink }}">
  95.                     {% include "component/wysiwyg.html.twig" with {
  96.                         props: {
  97.                             content: props.address
  98.                         }
  99.                     } %}
  101.                 </a>
  103.                 {# Tel #}
  104.                 <a class="FooterContact-tel" href="tel:{{ props.phone }}" title="Appeler le {{ props.phone }}">{{ props.phone }}</a>
  106.                 {# Schedule #}
  107.                 <a class="FooterContact-schedule">{{ props.schedule|raw }}</a>
  109.                 {# Email #}
  110.                 <a class="FooterContact-email" href="mailto:{{ props.email }}" title="Envoyer un email à {{ props.email }}">{{ props.email }}</a>
  112.             </div>
  114.             <div class="l-column FooterContact-form" ref="form">
  116.                 <div class="SimpleForm-closeForm" ref="closeButton"></div>
  118.                 {# Simple form #}
  119.                 {% include "component/form/simple_form.html.twig" with {
  120.                         props: {
  121.                             form: props.form
  122.                         }
  123.                 } %}
  125.             </div>
  127.         </div>
  129.     </div>
  131. </div>