templates/main/site/views/Static/contact.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'Site' %}
  2. {% extends "main/site/views/common/base.html.twig" %}
  4. {% block title %}{{ 'site.contact.pageData.title'|trans }}{% endblock %}
  6. {% block meta_description %}<meta name="description" content="{{ 'site.contact.pageData.meta.description'|trans }}">{% endblock %}
  8. {% block page_specific_meta %}
  9.     {{ parent() }}
  10.     <link rel="canonical" href="{{ url('brulafine_contact') }}" />
  11. {% endblock %}
  13. {% block javascripts %}
  14. {{ parent() }}
  15. {{ GGMarketingTag('visite', app.request.locale, tracking) }}
  16.     <script src='https://www.google.com/recaptcha/api.js' async defer></script>
  17.     <script>
  18.         {#let mtCaptchaErrorText = "{{ 'site.contact.mtcaptchaErrorMsg'|trans }}";#}
  19.         {#let mtRecaptchaSiteKey = '{{ mtcaptchaSiteKey }}';#}
  20.         {#var mtcaptchaConfig = {#}
  21.         {#"sitekey": mtRecaptchaSiteKey,#}
  22.         {#// "sitekey": "MTPublic-SquadFYof", // for testing brulafine3#}
  23.         {#"rendered-callback": "mt_renderedcb",#}
  24.         {#"verified-callback": "mt_verifiedcb",#}
  25.         {#"verifyexpired-callback": "mt_verifyexpiredcb",#}
  26.         {#"error-callback": "mt_errorcb",#}
  27.         {#"lang": locale#}
  28.         {#};#}
  29.         {#(function(){var mt_service = document.createElement('script');mt_service.async = true;mt_service.src = 'https://service.mtcaptcha.com/mtcv1/client/mtcaptcha.min.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(mt_service);#}
  30.         {#var mt_service2 = document.createElement('script');mt_service2.async = true;mt_service2.src = 'https://service2.mtcaptcha.com/mtcv1/client/mtcaptcha2.min.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(mt_service2);}) ();#}
  31.         {#    #}
  33.         {#const mtCaptchaErrorTemplate =  `#}
  34.         {#    <div class="alert alert-danger" role="alert">#}
  35.         {#        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>#}
  36.         {#        ${mtCaptchaErrorText}#}
  37.         {#    </div>#}
  38.         {#`;#}
  40.         {#const LOADING_CLASS = 'btn-loading';#}
  41.         {#const submitButton = document.getElementById("contact_submit");#}
  42.         {#const contactForm = document.getElementById("contact_page_form");#}
  43.         {#const mtCaptchaError = document.getElementById('mtcaptcha-error');#}
  45.         {#let mtCaptchaIsValid = false;#}
  47.         function onSubmit(token) {
  48.             event.preventDefault();
  49.             document.getElementById("contact_page_form").submit();
  50.             // submitButton.classList.add(LOADING_CLASS);
  51.             // if (mtCaptchaIsValid) {
  52.             //     contactForm.submit();
  53.             // } else {
  54.             //     showMtCaptchaError();
  55.             //     submitButton.classList.remove(LOADING_CLASS);
  56.             // }
  57.         }
  58.         //
  59.         // function showMtCaptchaError(){
  60.         //     mtCaptchaIsValid = false;
  61.         //     submitButton.disabled = true;
  62.         //     mtCaptchaError.innerHTML = mtCaptchaErrorTemplate;
  63.         // }
  64.         //
  65.         // function mt_renderedcb(payload) {
  66.         //     submitButton.disabled = true;
  67.         // }
  68.         //
  69.         // function mt_verifiedcb(payload) {
  70.         //     mtCaptchaIsValid = payload.isVerified;
  71.         //     submitButton.disabled = !payload.isVerified;
  72.         //     mtCaptchaError.innerHTML = '';
  73.         // }
  74.         //
  75.         // function mt_verifyexpiredcb(payload) {
  76.         //     showMtCaptchaError();
  77.         // }
  78.         //
  79.         // function mt_errorcb(payload) {
  80.         //     showMtCaptchaError();
  81.         // }
  82.     </script>
  83. {% endblock %}
  85. {% block fb_event_tag %}
  86.     {% if tracking is defined %}
  87.         {{ getFbkEventTag(app.request.locale, tracking, 'visite') }} {# We want only one tag per page. If no event provided, pageview will be displayed. #}
  88.     {% else %}
  89.         {{ getFbkEventTag(app.request.locale) }}
  90.     {% endif %}
  91. {% endblock %}
  93. {% block page_content %}
  94. <div class="content" role="main">
  95.   <section class="section">
  96.       <div class="container-fluid">
  97.           <div class="section__title">
  98.               <h1 class="text-center underline-bottom">{{ 'site.contact.title'|trans }}</h1>
  99.               <p class="text-center">{{ 'site.contact.paragraph'|trans({'%url%': path('brulafine_aide')}) | raw }}</p>
  100.           </div>
  101.           <div class="contact">
  102.               <div class="row">
  103.                   <div class="col-sm-7 col-md-6 col-md-offset-1">
  104.                       <div class="contact__form">
  105.                         <h2 class="text-primary">{{ 'site.contact.title2'|trans }}</h2>
  106. {% for flash_message in app.session.flashBag.get('info') %}
  107. <div class="alert alert-success" role="alert">
  108.     <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  109.     {{ flash_message | trans({}, constant('App\\Services\\TranslationManager::TRANSLATION_DOMAIN_FLASH')) }}
  110. </div>
  111. {% endfor %}
  113. {{ form_start(form, {'method': 'post', 'action': path('brulafine_contact'), 'attr': {'class': 'recaptcha-form', 'id': 'contact_page_form'}}) }}
  114. {{ form_widget(form._token) }}
  115. {% if form.vars['errors'] is not empty %}
  116.                         <div class="alert alert-danger" role="alert">
  117.                             <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  118.                             {{ form_errors(form) | trans | raw }}
  119.                         </div>
  120. {% endif %}
  121.                         <div class="row">
  122.                             <div class="col-sm-6">
  123.                               <div class="form-group">
  124.                                 <label for="{{form.firstName.vars.id}}">{{ 'site.common.firstName.label'|trans }} <sup class="text-danger">*</sup> :</label>
  125.                                 <input type="text" name="{{form.firstName.vars.full_name}}" id="{{form.firstName.vars.id}}" value="{{form.firstName.vars.value}}" placeholder="{{ 'site.common.firstName.placeholder'|trans }}" class="form-control">
  126.                                   {% if form.firstName.vars.errors|length %}
  127.                                       <div class="alert alert-danger" role="alert">
  128.                                           <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
  129.                                                       aria-hidden="true">×</span></button>
  130.                                           {{ form_errors(form.firstName) | trans | raw }}
  131.                                       </div>
  132.                                   {% endif %}
  133.                               </div>
  134.                             </div>
  135.                             <div class="col-sm-6">
  136.                               <div class="form-group">
  137.                                 <label for="{{form.lastName.vars.id}}">{{ 'site.common.lastName.label'|trans }} <sup class="text-danger">*</sup> :</label>
  138.                                 <input type="text" name="{{form.lastName.vars.full_name}}" id="{{form.lastName.vars.id}}" value="{{form.lastName.vars.value}}" placeholder="{{ 'site.common.lastName.placeholder'|trans }}" class="form-control" required>
  139.                                   {% if form.lastName.vars.errors|length %}
  140.                                       <div class="alert alert-danger" role="alert">
  141.                                           <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
  142.                                                       aria-hidden="true">×</span></button>
  143.                                           {{ form_errors(form.lastName) | trans | raw }}
  144.                                       </div>
  145.                                   {% endif %}
  146.                               </div>
  147.                             </div>
  148.                         </div>
  149.                         <div class="row">
  150.                             <div class="col-sm-6">
  151.                                 <div class="form-group">
  152.                                     <label for="{{form.email.vars.id}}">{{ 'site.common.email.label'|trans }}  <sup class="text-danger">*</sup> :</label>
  153.                                     <input type="text" name="{{form.email.vars.full_name}}" id="{{form.email.vars.id}}" value="{{form.email.vars.value}}" placeholder="{{ 'site.common.email.placeholder'|trans }}" class="form-control"{% if form.email.vars.required %} required {% endif %} autocomplete="email">
  154.                                     {% if form.email.vars.errors|length %}
  155.                                         <div class="alert alert-danger" role="alert">
  156.                                             <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
  157.                                                         aria-hidden="true">×</span></button>
  158.                                             {{ form_errors(form.email) | trans | raw }}
  159.                                         </div>
  160.                                     {% endif %}
  161.                                 </div>
  162.                             </div>
  163.                             <div class="col-sm-6">
  164.                                 <div class="form-group">
  165.                                     <label for="{{form.orderId.vars.id}}">{{ 'site.common.orderNumber'|trans }}</label>
  166.                                     <input type="text" name="{{form.orderId.vars.full_name}}" id="{{form.orderId.vars.id}}" value="{{form.orderId.vars.value}}" class="form-control"{% if form.orderId.vars.required %} required {% endif %}>
  167.                                     {% if form.orderId.vars.errors|length %}
  168.                                         <div class="alert alert-danger" role="alert">
  169.                                             <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
  170.                                                         aria-hidden="true">×</span></button>
  171.                                             {{ form_errors(form.orderId) | trans | raw }}
  172.                                         </div>
  173.                                     {% endif %}
  174.                                 </div>
  175.                             </div>
  176.                         </div>
  178.                         <div class="form-group">
  179.                             <label for="{{form.title.vars.id}}">{{ 'site.common.subject.label'|trans }} <sup class="text-danger">*</sup> :</label>
  180.                             <input type="text" name="{{form.title.vars.full_name}}" id="{{form.title.vars.id}}" value="{{form.title.vars.value}}" placeholder="{{ 'site.common.subject.placeholder'|trans }}" class="form-control"{% if form.title.vars.required %} required {% endif %}>
  181.                             {% if form.title.vars.errors|length %}
  182.                                 <div class="alert alert-danger" role="alert">
  183.                                     <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
  184.                                                 aria-hidden="true">×</span></button>
  185.                                     {{ form_errors(form.title) | trans | raw }}
  186.                                 </div>
  187.                             {% endif %}
  188.                         </div>
  189.                         <div class="form-group">
  190.                             <label for="{{form.message.vars.id}}">{{ 'site.common.message.label'|trans }} <sup class="text-danger">*</sup> :</label>
  191.                             <textarea name="{{form.message.vars.full_name}}" id="{{form.message.vars.id}}" class="form-control" placeholder="{{ 'site.common.message.placeholder'|trans }}">{{form.message.vars.value}}</textarea>
  192.                             {% if form.message.vars.errors|length %}
  193.                                 <div class="alert alert-danger" role="alert">
  194.                                     <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
  195.                                                 aria-hidden="true">×</span></button>
  196.                                     {{ form_errors(form.message) | trans | raw }}
  197.                                 </div>
  198.                             {% endif %}
  199.                         </div>
  201. {#                        <div>#}
  202. {#                            <div class="mtcaptcha"></div>#}
  203. {#                            <div id="mtcaptcha-error"></div>#}
  204. {#                        </div>#}
  206.                         <div class="row">
  207.                             {% if '' != recaptchaErrorMessage %}
  208.                                 <div class="alert alert-danger" role="alert">
  209.                                     <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
  210.                                                 aria-hidden="true">×</span></button>
  211.                                     {{ recaptchaErrorMessage | trans | raw }}
  212.                                 </div>
  213.                             {% endif %}
  215.                             <div class="col-sm-8">
  216.                               <div class="form-group">&nbsp;</div>
  217.                             </div>
  218.                             <div class="col-sm-4">
  219.                               <div class="form-group text-right">
  220.                                   {{ form_row(form.submit,  {'label':  'site.common.buttons.submit' } ) }}
  221.                               </div>
  222.                             </div>
  223.                         </div>
  224.                         <p class="form-text">{{ 'site.contact.paragraph2'|trans }}</p>
  225. {{ form_end(form, {'render_rest': false}) }}
  226.                     </div>
  227.                   </div>
  228.                   <div class="col-sm-4 col-sm-offset-1">
  229.                       <div class="contact__information">
  231.                           {% if app.request.locale != 'it' %}
  232.                           <h3 class="d-flex align-items-center">
  233.                               <svg class="icon icon-24 icon-pink">
  234.                                   <use xlink:href="/images/main/icons-ui-sprite.svg#icon-phone"></use>
  235.                               </svg>
  236.                               {{ 'site.contact.sidebar.title'|trans }}
  237.                           </h3>
  238.                           <p>{{ 'site.contact.sidebar.paragraph'|trans }} {{ support.open.hours[app.request.locale] }}.</p>
  239.                           <ul class="list-unstyled">
  240.                               {# TODO: NO IT PHONE #}
  241.                               {% set phones = {'fr': "fr", "en": 'en', "es": "es"} %}
  242.                               {% set supportTel = "0800 XXX XXX" %}
  243.                               {% set supportTel = "+39 0XX XXXXXX" %}
  244.                               {% if app.request.locale in phones|keys %}
  245.                                 {% set supportTel = support.tel.fr %}
  246.                                 {% set supportTelIntl = support.tel.intl %}
  247.                               {% endif %}
  248.                               <li>{{ 'site.contact.sidebar.list.1'|trans({'%telFr%' : supportTel}) | raw }}</li>
  249.                               <li>{{ 'site.contact.sidebar.list.2'|trans({'%telIntl%' : supportTelIntl}) | raw }}</li>
  250.                           </ul>
  251.                           {% endif %}
  252. {#                          <hr>#}
  255. {#                          <h3 class="d-flex align-items-center">#}
  256. {#                              <svg class="icon icon-24 icon-pink">#}
  257. {#                                  <use xlink:href="/images/main/icons-ui-sprite.svg#icon-mail"></use>#}
  258. {#                              </svg>#}
  259. {#                              Email#}
  260. {#                              #}{# {{ 'site.contact.sidebar.title3'|trans }} #}
  261. {#                          </h3>#}
  262. {#                          #}{# <p><a href="mailto:{{ support.email }}">{{ support.email }}</a></p> #}
  263. {#                          {% set supportMail = app.request.locale == 'fr' ? 'support@brulafine.com' : 'support@brulafine.it' %}#}
  264. {#                          <p><a href="mailto:{{supportMail}}">{{supportMail}}</a></p>#}
  266.                           <hr>
  267.                             {% if (tracking.aff is defined) and 20 != tracking.aff.affiliateId %}
  268.                                 {% if app.request.locale == 'fr' %}
  269.                                 <h3 class="d-flex align-items-center">
  270.                                     <svg class="icon icon-24 icon-pink">
  271.                                         <use xlink:href="/images/main/icons-ui-sprite.svg#icon-location"></use>
  272.                                     </svg>
  274.                                     {{ 'site.contact.sidebar.title2'|trans }}
  275.                                 </h3>
  276.                                 <address>
  277.                                     {{ 'site.contact.sidebar.paragraph2'|trans | raw }}
  278.                                 </address>
  279.                                 {% endif %}
  280.                             {% endif %}
  281.                       </div>
  282.                   </div>
  283.               </div>
  284.           </div>
  285.       </div>
  286.   </section>
  287. </div>
  288. {% endblock %}