templates/front/boutique/cours/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Cours - {{ cour.title }}{% endblock %}
  5. {% block main %}
  6.     <main class="container">
  7.         <div class="p-5">
  9.             <div class="row mb-5">
  10.                 <div class="col-9">
  11.                     <div class="card h-100 p-3">
  12.                         <div class="row">
  13.                             <div class="col-4">
  14.                                 <img class="mb-1 w-100" src="{{ asset('uploads/medias/' ~ cour.media)| imagine_filter('img_listing_produit') }}" alt="">
  15.                             </div>
  16.                             <div class="col-8">
  17.                                 <h1>{{ cour.title }}</h1>
  18.                                 <div class="m-2">
  19.                                     <span class="badge bg-primary mx-2">Le {{ cour.date|format_datetime('short', 'none', locale='fr') }}</span>
  20.                                     <span class="badge bg-secondary mx-2">{{ cour.duree }} mn</span>
  21.                                     <span class="badge bg-primary mx-2">{{ cour.prixHtDivise }} €</span>
  22.                                     <div>
  23.                                         <hr>
  24.                                         
  25.                                         {{ cour.description|raw }}
  26.                                     </div>
  27.                                 </div>
  28.                             </div>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  33.                 <div class="col-3">
  34.                     <div class="card h-100 p-3">
  35.                         <div class="d-flex flex-wrap gap-3">
  36.                             {% for skill in cour.skills %}
  37.                                 {% if loop.index is odd %}
  38.                                     <span class="badge bg-secondary">{{ skill.title }}</span>
  39.                                 {% else %}
  40.                                     <span class="badge bg-primary">{{ skill.title }}</span>
  41.                                 {% endif %}
  42.                             {% endfor %}
  43.                         </div>
  44.                         <hr>
  45.                         {{ render_esi(path('app_front_boutique_panier_ajouter_au_panier', { 'id': cour.id })) }}
  46.                     </div>
  47.                 </div>
  49.             </div>
  51.             <div class="d-flex justify-content-between mb-2">
  52.                 <h2>Les coachs</h2>
  53.                 <a href="{{ path('app_front_coaches_index') }}" class="btn btn-outline-primary">Voir tous les coachs</a>
  54.             </div>
  56.             <div class="row">
  57.                 {% for coach in cour.coaches %}
  58.                     <div class="col-4 mb-4">
  59.                         <a class="text-decoration-none" href="{{ path('app_front_coach_detail', { 'name': coach.name }) }}">
  60.                             <div class="card h-100">
  61.                                 <img class="card-img-top" alt="…" src="{{ asset('uploads/medias/' ~ coach.imgProfil)| imagine_filter('img_listing_produit') }}">
  62.                                 <div class="card-body">
  63.                                     <h5 class="card-title">{{ coach.title }}</h5>
  64.                                     <p class="card-text">{{ coach.accroche }}</p>
  65.                                     {% for skill in cour.skills %}
  66.                                         {% if loop.index is odd %}
  67.                                             <span class="badge bg-secondary">{{ skill.title }}</span>
  68.                                         {% else %}
  69.                                             <span class="badge bg-primary">{{ skill.title }}</span>
  70.                                         {% endif %}
  71.                                     {% endfor %}
  72.                                     <span class="badge bg-primary mt-2">Coach depuis le {{ coach.anciennetee|format_datetime('short', 'none', locale='fr') }}</span>
  73.                                 </div>
  74.                             </div>
  75.                         </a>
  76.                     </div>
  77.                 {% endfor %}
  78.             </div>
  81.         </div>
  82.     </main>
  83. {% endblock %}