templates/front_v4/mca/city/list.html.twig line 1

Open in your IDE?
  1. {% extends 'front_v4/base.html.twig' %}
  3. {% block meta_title %}Trouvez vos audioprothésistes dans les grandes villes françaises {% if pagination is defined and pagination is not null and pagination.params is not empty %} | Page {{ pagination.currentPageNumber }} {% endif %}{% endblock meta_title %}
  4. {% block meta_description %}Mon centre auditif répertorie les audioprothésistes des plus grandes villes de France. Vous pouvez ainsi facilement vous projeter pour demander un RDV proche de chez vous.{% endblock meta_description %}
  6. {% set link_to_lp = path(path_cta_lp, {'utm_source': utm_source_organic, 'utm_content': 'city_list'}) %}
  8. {% block content %}
  9.     <!-- ========== MAIN CONTENT ========== -->
  10.     <main id="content" role="main">
  11.         <!-- Hero -->
  12.         <div class="container content-space-2 content-space-t-md-2">
  13.             <div class="row justify-content-md-between align-items-md-center">
  14.                 <div class="col-md-5 mb-7 mb-md-0">
  15.                     <!-- Heading -->
  16.                     <div class="mb-4">
  17.                         <h1 class="h4 fw-light">Les villes couvertes par <span
  18.                                     class="fw-bold text-primary">Mon Centre Auditif</span>
  19.                         </h1>
  20.                     </div>
  21.                     <!-- End Heading -->
  23.                     {{ form_start(form) }}
  24.                     <!-- Input Card -->
  25.                     <div class="input-card border">
  26.                         <div class="input-card-form">
  27.                             <label for="searchAppsForm" class="form-label visually-hidden">Rechercher...</label>
  28.                             {{ form_widget(form.name) }}
  29.                         </div>
  30.                         {{ form_widget(form.submit) }}
  31.                     </div>
  32.                     <!-- End Input Card -->
  33.                     {{ form_end(form) }}
  34.                 </div>
  35.                 <!-- End Col -->
  37.                 <div class="col-md-5">
  38.                     <img class="img-fluid" src="{{ asset('build/front_v4/svg/illustrations/oc-on-the-go.svg') }}"
  39.                          alt="Bilan auditif Mon Centre Auditif">
  40.                 </div>
  41.                 <!-- End Col -->
  42.             </div>
  43.             <!-- End Row -->
  44.         </div>
  45.         <!-- End Hero -->
  47.         <!-- Card Grid -->
  48.         <div class="container content-space-b-1 content-space-b-lg-2">
  49.             <div class="ps-lg-2">
  50.                 <div class="row gx-3 mb-7 justify-content-center">
  51.                     {% if pagination is defined and pagination is not null %}
  52.                         {% for city in pagination.items %}
  53.                             <div class="col-sm-6 col-md-4 mb-3">
  54.                                 <!-- Card -->
  55.                                 <div class="card card-bordered card-transition shadow-none h-100 text-center">
  56.                                     <div class="card-body p-3">
  57.                                         <div class="mb-2">
  58. {#                                            <img class="avatar avatar-xxl avatar-4x3"#}
  59. {#                                                 src="{{ asset('build/mca_short_logo.svg') }}"#}
  60. {#                                                 alt="Demande de bilan auditif gratuit à {{ city.name }}">#}
  61.                                         </div>
  62.                                         <div class="d-flex align-items-stretch flex-column mb-2">
  63.                                             <h4 class="card-title mb-2">{{ city.name }}</h4>
  64.                                             <p class="card-text text-body">Découvrez les audioprothésiste
  65.                                                 à {{ city.name }}</p>
  66.                                         </div>
  67.                                     </div>
  68.                                     <div class="card-footer pt-0">
  69.                                         <a class="btn btn-sm btn-block border-warning btn-warning my-3"
  70.                                            href="{{ link_to_lp }}">
  71.                                             Demande de Bilan Auditif
  72.                                         </a>
  73.                                         <a href="{{ path('city_post_show', { 'slug': city.slug }) }}">
  74.                                             <span class="card-link mb-3 text-primary">Découvrir <i
  75.                                                         class="bi-chevron-right small ms-1"></i></span>
  76.                                         </a>
  77.                                     </div>
  78.                                 </div>
  79.                                 <!-- End Card -->
  80.                             </div>
  81.                             <!-- End Col -->
  82.                         {% endfor %}
  83.                     {% else %}
  84.                         <p class="h5 fw-bold mx-3">Aucune ville trouvée</p>
  85.                     {% endif %}
  87.                     <!-- Pagination -->
  88.                     {% if pagination is defined and pagination is not null %}
  89.                         <div class="navigation pagination mt-5 justify-content-center">
  90.                             {% do pagination.setTemplate('@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig') %}
  91.                             {{ knp_pagination_render(pagination) }}
  92.                         </div>
  93.                     {% endif %}
  94.                     <!-- End Pagination -->
  95.                 </div>
  96.                 <!-- End Row -->
  97.             </div>
  98.             <!-- End Card Grid -->
  99.             <!-- Info -->
  100.             <div class="container content-space-1">
  101.                 <section class="row m-0">
  102.                     <div class="col-md-7 order-first w-lg-80 mx-auto">
  103.                         <h1 class="fw-normal mb-4">Choisir un<span
  104.                                     class="text-primary fw-semibold"> centre à proximité</span></h1>
  105.                         <p class="d-block d-inline">
  106.                             Nous vous expliquons, ici, toute l’importance et les avantages de choisir un audioprothésiste
  107.                             <span class="fw-bold">près de chez vous</span>. Ce spécialiste de la santé de votre
  108.                             audition effectue un véritable service de proximité. Des critères sont particulièrement importants
  109.                             à prendre en compte pour choisir ce professionnel qui vous accompagnera sur le
  110.                             <span class="fw-bold">long terme</span>.<br><br>
  111.                             <a class="link" href="{{ path('blog_post_show', {'slug': 'choisir-centre-proche-domicile'}) }}">
  112.                                 Lire plus
  113.                                 <span class="link__icon ml-1">
  114.                             <span class="link__icon-inner">+</span>
  115.                         </span>
  116.                             </a>
  117.                         </p>
  118.                     </div>
  119.                     <div class="col-md-5 align-self-center order-first w-lg-80 mx-auto mt-5">
  120.                         <img class="img-fluid rounded-circle"
  121.                              src="{{ asset('/build/appareils_auditifs_audioprothesistes.png') }}"
  122.                              alt="100% santé - Un accès à des soins de qualité pour tous">
  123.                     </div>
  124.                 </section>
  125.             </div>
  126.             <!-- End Info -->
  127.             <div class="container content-space-1">
  128.                 {% include 'front_v4/mca/components/_cross_sell_two_cards.html.twig' %}
  129.             </div>
  130.         </div>
  131.         <div class="mb-5 mb-lg-10">
  132.             {% include 'front_v4/mca/components/_cta_full_size_wave.html.twig' %}
  133.         </div>
  134.     </main>
  135.     <!-- ========== END MAIN CONTENT ========== -->
  136. {% endblock content %}
  138. {% block javascripts %}
  139.     {{ encore_entry_script_tags('hearing_maker_single') }}
  140. {% endblock javascripts %}