templates/bundles/SyliusShopBundle/Contact/request.html.twig line 1

  1. {% extends nglayouts.layoutTemplate %}
  3. {% block title %}
  4.     {{ 'sylius.ui.contact_us'|trans }}
  5. {% endblock %}
  6. {% block post_header %}
  7.     <!-- section start-->
  8.     {{ render(path('bitbag_sylius_cms_plugin_shop_media_render', {'code' : 'contact_post_header', 'template' : 'frontend/cms/common/media/_header.html.twig'})) }}
  9.     <!-- section start-->
  10. {% endblock %}
  11. {% block body %}
  13.     <section class="contact-details">
  14.         <div class="container pb-70">
  15.             <div class="row">
  16.                 <div class="col-xl-7 col-lg-6">
  17.                     <div class="sec-title">
  18.                         <span class="sub-title">Send us email</span>
  19.                         <h2>Feel free to write</h2>
  20.                     </div>
  21.                     <!-- Contact Form -->
  22.                     <form id="contact_form" name="contact_form" class="" action="#" method="post">
  23.                         <div class="row">
  24.                             <div class="col-sm-6">
  25.                                 <div class="mb-3">
  26.                                     <input name="form_name" class="form-control" type="text" placeholder="Enter Name">
  27.                                 </div>
  28.                             </div>
  29.                             <div class="col-sm-6">
  30.                                 <div class="mb-3">
  31.                                     <input name="form_email" class="form-control required email" type="email" placeholder="Enter Email">
  32.                                 </div>
  33.                             </div>
  34.                         </div>
  35.                         <div class="row">
  36.                             <div class="col-sm-6">
  37.                                 <div class="mb-3">
  38.                                     <input name="form_subject" class="form-control required" type="text" placeholder="Enter Subject">
  39.                                 </div>
  40.                             </div>
  41.                             <div class="col-sm-6">
  42.                                 <div class="mb-3">
  43.                                     <input name="form_phone" class="form-control" type="text" placeholder="Enter Phone">
  44.                                 </div>
  45.                             </div>
  46.                         </div>
  47.                         <div class="mb-3">
  48.                             <textarea name="form_message" class="form-control required" rows="7" placeholder="Enter Message"></textarea>
  49.                         </div>
  50.                         <div class="mb-5">
  51.                             <input name="form_botcheck" class="form-control" type="hidden" value=""/>
  52.                             <button type="submit" class="theme-btn btn-style-one" data-loading-text="Please wait...">
  53.                                 <span class="btn-title">Send message</span>
  54.                             </button>
  55.                             <button type="reset" class="theme-btn btn-style-one ml-25">
  56.                                 <span class="btn-title">Reset</span>
  57.                             </button>
  58.                         </div>
  59.                     </form>
  60.                     <!-- Contact Form Validation-->
  61.                 </div>
  62.                 <div class="col-xl-5 col-lg-6">
  63.                     <div class="contact-details__right">
  64.                         <div class="sec-title">
  65.                             <span class="sub-title">Need any help?</span>
  66.                             <h2>Get in touch with us</h2>
  67.                             <div class="text"></div>
  68.                         </div>
  69.                         <ul class="list-unstyled contact-details__info">
  70.                             <li>
  71.                                 <div class="icon bg-theme-color2">
  72.                                     <span class="lnr-icon-phone-plus"></span>
  73.                                 </div>
  74.                                 <div class="text">
  75.                                     <h6 class="mb-1">Have any question?</h6>
  76.                                     <a href="tel:{{context.channel.contactPhoneNumber}}">
  77.                                         <span>Free</span>
  78.                                         {{context.channel.contactPhoneNumber}}</a>
  79.                                 </div>
  80.                             </li>
  81.                             <li>
  82.                                 <div class="icon">
  83.                                     <span class="lnr-icon-envelope1"></span>
  84.                                 </div>
  85.                                 <div class="text">
  86.                                     <h6 class="mb-1">Write email</h6>
  87.                                     <a href="mailto:{{context.channel.contactEmail}}">{{context.channel.contactEmail}}</a>
  88.                                 </div>
  89.                             </li>
  90.                             <li>
  91.                                 <div class="icon">
  92.                                     <span class="lnr-icon-location"></span>
  93.                                 </div>
  94.                                 <div class="text">
  95.                                     <h6 class="mb-1">Visit anytime</h6>
  96.                                     <span>{{ context.channel.shopBillingData.street }}</span>
  97.                                 </div>
  98.                             </li>
  99.                         </ul>
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </section>
  105.     <!--Contact Details End-->
  107.     <!-- Map Section-->
  108.     <section class="map-section py-0">
  109.         <iframe class="map w-100" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3970.364302352312!2d0.011168700000000002!3d5.6603378!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x10207f448d3df847%3A0x7006cde574fa8f22!2sSONAPACK%2C%20Tema%2C%20Ghana!5e0!3m2!1sen!2stg!4v1656993826523!5m2!1sen!2stg"></iframe>
  110.     </section>
  113.     {# 
  114.             {{ form_start(form, {'action': path('sylius_shop_contact_request'), 'attr': {'class': 'form contact-form', 'novalidate': 'novalidate'}}) }}
  115.                         <div class="row">
  116.                             <div class="col-12">
  117.                                 <h5 class="contact-form__subtitle">{{ 'sylius.ui.use_the_contact_form_below_to_send_us_a_message'|trans }}</h5>
  118.                             </div>
  119.                             <div class="col-md-12">
  120.                                 {{ form_widget(form.email,{'attr':{'class':'form__field','placeholder':form.email.vars.label}}) }}
  121.                                 <span style="color:red;">
  122.                                     {{ form_errors(form.email) }}</span>
  123.                             </div>
  124.                             <div class="col-md-12">
  125.                                 {{ form_widget(form.message,{'attr':{'class':'form__field form__message message--large','placeholder':form.message.vars.label}}) }}
  126.                                 <span style="color:red;">
  127.                                     {{ form_errors(form.message) }}</span>
  128.                             </div>
  129.                             <div class="col-12">
  130.                                 <button class="button button--green" type="submit">
  131.                                     <span>{{ 'sylius.ui.send'|trans }}</span>
  132.                                     <svg class="icon">
  133.                                         <use xlink:href="#arrow"></use>
  134.                                     </svg>
  135.                                 </button>
  136.                             </div>
  137.                             <div class="col-12">
  138.                                 <div class="alert alert--success alert--filled">
  139.                                     <div class="alert__icon">
  140.                                         <svg class="icon">
  141.                                             <use xlink:href="#check"></use>
  142.                                         </svg>
  143.                                     </div>
  144.                                     <p class="alert__text">
  145.                                         <strong>Well done!</strong>
  146.                                         Your form has been sent</p>
  147.                                     <span class="alert__close">
  148.                                         <svg class="icon">
  149.                                             <use xlink:href="#close"></use>
  150.                                         </svg>
  151.                                     </span>
  152.                                 </div>
  153.                                 <div class="alert alert--error alert--filled">
  154.                                     <div class="alert__icon">
  155.                                         <svg class="icon">
  156.                                             <use xlink:href="#close"></use>
  157.                                         </svg>
  158.                                     </div>
  159.                                     <p class="alert__text">
  160.                                         <strong>Oh snap!</strong>
  161.                                         Your form has not been sent</p>
  162.                                     <span class="alert__close">
  163.                                         <svg class="icon">
  164.                                             <use xlink:href="#close"></use>
  165.                                         </svg>
  166.                                     </span>
  167.                                 </div>
  168.                             </div>
  169.                         </div>
  170.                         {{ form_row(form._token) }}
  171.                         {{ form_end(form, {'render_rest': false}) }} #}
  172. {% endblock %}