templates/front/subpage/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base_front.html.twig' %}
  3. {% block title %}
  4.     {{ 'Pages.Contact.Label' | trans({} , 'messages_front') }}
  5. {% endblock %}
  7. {% block stylesheets %}
  8. {{ parent() }}
  9. <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css"/>
  10. {% endblock %}
  12. {% block javascripts %}
  13.     {{ parent() }}
  14.     <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
  15. {% endblock %}
  16. {% block container %}
  18.     <section id="contact_main_arae" class="section_padding">
  19.         <div class="container">
  20.             <div class="row py-2">
  21.                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
  22.                     <div class="section_heading_center">
  23.                         <h2> {{ 'Pages.Contact.Messages.ContactUs' | trans({} , 'messages_front') }}</h2>
  24.                     </div>
  25.                 </div>
  26.             </div>
  27.             <div class="row">
  28.                 <div class="col-lg-6">
  29.                     <div class="section_heading_center">
  30.                         <h2>{{ 'Pages.Common.Messages.Agencies' | trans({} , 'messages_front') }}</h2>
  31.                     </div>
  32.                     {% for agency in agencies %}
  33.                         <div class="contact_boxed">
  34.                             <h3>{{ agency.name }}</h3>
  35.                             <p>{{ agency.address }} ,{{ agency.city }}</p>
  36.                             <p>{{ agency.phone }}</p>
  37.                         </div>
  38.                     {% endfor %}
  39.                 </div>
  40.                 <div class="col-lg-6">
  41.                     <div class="section_heading_center">
  42.                         <h2>{{ 'Pages.Common.Messages.Map' | trans({} , 'messages_front') }}</h2>
  43.                     </div>
  44.                     <div id="leaflet" class=" contact_boxed my-0 " style="height:350px"></div>
  45.                 </div>
  46.             </div>
  49.             <div class="row py-lg-5">
  50.                 <div class="row">
  51.                     <div class="section_heading_center">
  52.                         <h2>{{ 'Pages.Contact.Messages.LeaveMessage' | trans({} , 'messages_front') }}</h2>
  53.                     </div>
  54.                     <div class="contact_form my-0">
  55.                         {% for flash_error in app.flashes('error') %}
  56.                             <div class="alert alert-danger " role="alert">{{ flash_error }}</div>
  57.                         {% endfor %}
  58.                         {{ form_start(form) }}
  59.                         <div class="row">
  60.                             <div class="col-lg-6">
  61.                                 <div class="form-group">
  62.                                     {{ form_row(form.firstName) }}
  63.                                 </div>
  64.                             </div>
  65.                             <div class="col-lg-6">
  66.                                 <div class="form-group">
  67.                                     {{ form_row(form.lastName) }}
  68.                                 </div>
  69.                             </div>
  70.                             <div class="col-lg-6">
  71.                                 <div class="form-group">
  72.                                     {{ form_row(form.email) }}
  73.                                 </div>
  74.                             </div>
  75.                             <div class="col-lg-6">
  76.                                 <div class="form-group">
  77.                                     {{ form_row(form.phone) }}
  78.                                 </div>
  79.                             </div>
  80.                             <div class="col-lg-12">
  81.                                 <div class="form-group">
  82.                                     {{ form_row(form.message) }}
  83.                                 </div>
  84.                             </div>
  85.                             <div class="col-lg-12 text-center">
  86.                                 <div class="form-group">
  87.                                     <button type="submit"
  88.                                             class="btn btn_theme btn_md">{{ 'Pages.Contact.Messages.SendMessage' | trans({} , 'messages_front') }}</button>
  89.                                 </div>
  90.                             </div>
  91.                         </div>
  92.                         {{ form_end(form) }}
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.     </section>
  98.     <script>
  99.         $(document).ready(() => {
  100.             let zoom = 3;
  101.             initMap('leaflet', zoom)
  103.             let agenciesData = [];
  104.             let agencyObj = {};
  105.             {% for agency in agencies %}
  106.                 {% if agency.latitude and agency.longitude %}
  107.                 agencyObj = {
  108.                     name: '{{ agency.name }}',
  109.                     coordinates: {
  110.                         latitude: {{ agency.latitude }},
  111.                         longitude: {{ agency.longitude }}
  112.                     }
  113.                 };
  114.                 agenciesData.push(agencyObj);
  115.                 {% endif %}
  116.             {% endfor %}
  118.             if(agenciesData.length > 0) {
  119.                 updateMarkers(agenciesData);
  120.             }
  121.         });
  122.     </script>
  127.     <!-- leafLet -->
  129.     <script src="{{ asset('assets/js/leaflet_map.js') }}"></script>
  131. {% endblock %}