themes/BootstrapChildTheme/SyliusShopBundle/views/Contact/request.html.twig line 1

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% form_theme form '@SyliusShop/Form/theme.html.twig' %}
  5. {% import '@SyliusShop/Common/Macro/headers.html.twig' as headers %}
  7. {% block stylesheets %}
  8.     {{ parent() }}
  9.     {{ encore_entry_link_tags('shop-app', null, 'bootstrapTheme') }}
  10. {% endblock %}
  12. {% block javascripts %}
  13.     {{ parent() }}
  14.     {{ encore_entry_script_tags('shop-app', null, 'bootstrapTheme') }}
  15. {% endblock %}
  17. {% block title %}
  18.     {{ sylius_template_event('dedi_sylius_seo_plugin.title', { resource: product ?? sylius.channel, title: 'sylius.ui.contact_us'|trans }) }}
  19. {% endblock %}
  21. {% block content %}
  22.     <div class="row align-items-center">
  23.         <div class="col-12">
  24.             {{ headers.default('sylius.ui.contact_us'|trans, '' , 'sylius.ui.use_the_contact_form_below_to_send_us_a_message'|trans) }}
  26.             {{ sylius_template_event('sylius.shop.contact.request.after_content_header') }}
  27.         </div>
  28.         <div class="col-12 mb-6 col-md-8 mb-md-0 col-lg-6">
  29.             <div class="card">
  30.                 <div class="card-body">
  31.                     {{ form_start(form, {'action': path('sylius_shop_contact_request'), 'attr': {'class': 'loadable', 'novalidate': 'novalidate', 'redirect': path('app_shop_contact_thank_you')}}) }}
  32.                     {{ form_row(form.name) }}
  33.                     {{ form_row(form.email) }}
  34.                     {{ form_row(form.subject) }}
  35.                     {{ form_row(form.message) }}
  37.                     {{ form_row(form.h_captcha) }}
  39.                     {{ sylius_template_event('sylius.shop.contact.request.form', {'form': form}) }}
  41.                     {{ form_row(form._token) }}
  42.                     <button id="contact-submit" type="submit" class="btn btn-primary" {{ sylius_test_html_attribute('send-button') }} aria-label="{{ form_end(form, {'render_rest': false}) }}">{{ 'sylius.ui.send'|trans }}</button>
  43.                     {{ form_end(form, {'render_rest': false}) }}
  44.                 </div>
  45.             </div>
  46.         </div>
  48.         <div class="col-12 col-md-4 col-lg-6">
  49.             <h3 class="mt-3 mt-lg-0">{{ 'app.ui.need_help.content.title'|trans }}</h3>
  50.             <div class="mb-6">
  51.                 {{ 'app.ui.need_help.content.text_top'|trans }}<br>
  52.             </div>
  54.             <div class="support mb-6">
  55.                 <div class="d-flex align-items-center mb-5">
  56.                     <div class="me-4">
  57.                         <svg class="icon icon-xl bi-envelope" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  58.                             <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
  59.                         </svg>
  60.                     </div>
  61.                     <div>
  62.                         <span class="cfs-8">{{ 'app.ui.support.email_text'|trans }}</span><br>
  63.                         <a class="link" href="mailto:info@sudekusa.com">info@sudekusa.com</a>
  64.                     </div>
  65.                 </div>
  67.                 <div class="d-flex align-items-center mb-5">
  68.                     <div class="me-4">
  69.                         <svg class="icon icon-xl bi-telephone" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  70.                             <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
  71.                         </svg>
  72.                     </div>
  73.                     <div>
  74.                         <span class="cfs-8">{{ 'app.ui.support.phone_text'|trans }}</span><br>
  75.                         <a class="link" href="tel:9087515332">908-751-5332</a>
  76.                     </div>
  77.                 </div>
  78.             </div>
  80.             <div>
  81.                 {{ 'app.ui.need_help.content.text_bottom'|trans }}<br>
  82.             </div>
  83.         </div>
  84.     </div>
  85. {% endblock %}