templates/front_v4/mca/city/single.html.twig line 9

Open in your IDE?
  1. {% extends 'front_v4/base.html.twig' %}
  3. {% block meta_title %}Audioprothésistes à {{ city_post.name }} - Mon Centre Auditif{% endblock meta_title %}
  4. {% block meta_description %}Trouvez les audioprothésistes proches de chez vous à {{ city_post.name }}. Mon Centre Auditif vous aide à trouver le centre auditif le plus proche de chez vous.{% endblock meta_description %}
  6. {% block content %}
  7.     <!-- Banner -->
  8.     <div class="bg-img-center"
  9.          style="background-image: url({{ vich_uploader_asset(city_post, 'bannerFile')|imagine_filter('city_banner_webp') }});">
  10.         <div class="gradient-overlay-half-dark-v2">
  11.             <div class="container content-space-2 content-space-lg-3">
  12.                 <div class="w-md-65 w-lg-35">
  13.                     <div class="mb-4">
  14.                         <h1 class="h2 text-white">Audioprothésiste à {{ city_post.name }}.</h1>
  15.                         <h2 class="h4 text-white">Mon Centre Auditif vous aide à trouver les centres auditifs
  16.                             dans {{ city_post.name }} et ses
  17.                             alentours.</h2>
  18.                     </div>
  19.                 </div>
  20.             </div>
  21.         </div>
  22.     </div>
  23.     <!-- End Banner -->
  25.     <!-- Wording City Section -->
  26.     <div class="container content-space-1 w-lg-65 mx-auto">
  27.         <h2 class="fw-semibold text-center mb-5 text-primary">Trouver facilement un centre auditif
  28.             à {{ city_post.name }}</h2>
  29.         <div class="mx-auto">
  30.             {{ city_post.wording|raw }}
  31.         </div>
  32.     </div>
  33.     <!-- End Wording City Section -->
  35.     <!-- List Store -->
  36.     <div class="container content-space-1 w-lg-65">
  37.         <!-- Title -->
  38.         <div class="d-sm-flex justify-content-sm-between align-items-sm-center mb-5">
  39.             <h2 class="h3 fw-medium">Liste des centres auditifs à {{ city_post.name }}</h2>
  40.             <a class="link-muted"
  41.                href="{{ path('find_nearest_store', {'address': city_post.zipcode~' '~city_post.name }) }}">
  42.                 Voir tous les centres auditifs sur {{ city_post.name }}
  43.                 <span class="fas fa-angle-right small ml-2"></span>
  44.             </a>
  45.         </div>
  46.         <!-- End Title -->
  48.         <div class="d-flex justify-content-end">
  49.             <span class="badge badge-default mr-0 text-primary">Notre sélection</span>
  50.         </div>
  51.         {% for store in preferred_stores %}
  52.             {% include ('front_v4/mca/store/_store_card.html.twig') with {preferred: true} %}
  53.         {% endfor %}
  54.         {% for store in stores %}
  55.             {% include ('front_v4/mca/store/_store_card.html.twig') %}
  56.         {% endfor %}
  58.         {% include 'front_v4/mca/components/_cta_3.html.twig' with {
  59.             title: "Voir tous les centres auditifs à " ~ city_post.name,
  60.             link: path('find_nearest_store', {'address': city_post.zipcode~' '~city_post.name }),
  61.             link_text: "Je trouve mon centre"
  62.         } %}
  64.     </div>
  65.     <!-- End List Store -->
  67.     {% include 'front_v4/mca/components/_cta_full_size_wave.html.twig' %}
  70.     <!-- Modal Prospect On Store -->
  71.     {% use 'front_v4/mca/partials/_modal_prospect.html.twig' with inc_content as modal_lead_content %}
  72.     {{ block('modal_lead_content') }}
  73.     <!-- End Modal Prospect On Store -->
  75.     <!-- Modal Callback On Store -->
  76.     {% use 'front_v4/mca/partials/_modal_callback.html.twig' with inc_content as modal_callback_content %}
  77.     {{ block('modal_callback_content') }}
  78.     <!-- End Modal Callback On Store -->
  79. {% endblock content %}
  81. {% block javascripts %}
  83.     <script
  84.             src="https://code.jquery.com/jquery-3.7.1.min.js"
  85.             integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
  86.             crossorigin="anonymous"></script>
  89.     {# modal prospect - Demande de Bilan Gratuit #}
  90.     {% use 'front_v4/mca/partials/_modal_prospect.html.twig' with inc_javascripts as modal_lead_javascripts %}
  91.     {{ block('modal_lead_javascripts') }}
  93.     {# modal callback - Etre rappelé #}
  94.     {% use 'front_v4/mca/partials/_modal_callback.html.twig' with inc_javascripts as modal_callback_javascripts %}
  95.     {{ block('modal_callback_javascripts') }}
  97.     <!-- Display number center -->
  98.     {{ encore_entry_script_tags('display_center_number') }}
  99.     <!-- End Display number center -->
  101.     <!-- Send callback -->
  102.     {{ encore_entry_script_tags('send_callback_request') }}
  103.     <!-- End Send callback -->
  105.     <!-- Format form prospect -->
  106.     {{ encore_entry_script_tags('format_form_prospect') }}
  107.     <!-- End Format form prospect -->
  109.     <!-- Modal display -->
  110.     {{ encore_entry_script_tags('modal_display') }}
  111.     <!-- End Modal display -->
  113.     {{ encore_entry_script_tags('stat') }}
  115. {% endblock javascripts %}