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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Coach - {{ coach.prenom }} {{ coach.title }}{% endblock %}
  5. {% block main %}
  6.     <section class="hero mb-4" style="background-image: url({{ asset('uploads/medias/' ~ coach.imgBanniere)| imagine_filter('banner') }});">
  7.         <div class="container p-5">
  8.             <div class="row" style="margin-bottom: -5rem;">
  9.                 <div class="col-12 col-md-2">
  10.                     <img class="rounded-circle w-100" alt="…" src="{{ asset('uploads/medias/' ~ coach.imgProfil) }}">
  11.                 </div>
  12.                 <div class="col-12 col-md-10">
  13.                     <h1 class="text-white mt-5" style="text-shadow:0 0 1em black;">{{ coach.prenom }} {{ coach.title }} ({{ coach.pseudo }})</h1>
  14.                 </div>
  15.             </div>
  16.         </div>
  17.     </section>
  19.     <main class="container">
  20.         <div class="p-5">
  22.             <div class="row mb-5">
  23.                 <div class="col-9">
  24.                     <div class="card h-100 p-3">
  25.                         <div class="d-flex m-2">
  26.                             <span class="badge bg-primary mx-2">Coach depuis le {{ coach.anciennetee|format_datetime('short', 'none', locale='fr') }}</span>
  27.                         </div>
  28.                         <hr>
  30.                         {{ coach.description|raw }}
  31.                     </div>
  32.                 </div>
  34.                 <div class="col-3">
  35.                     <div class="card h-100 p-3">
  36.                         <h2>Skill’s</h2>
  37.                         <div class="d-flex flex-wrap gap-3">
  38.                             {% for skill in coach.skills %}
  39.                                 {% if loop.index is odd %}
  40.                                     <span class="badge bg-secondary">{{ skill.title }}</span>
  41.                                 {% else %}
  42.                                     <span class="badge bg-primary">{{ skill.title }}</span>
  43.                                 {% endif %}
  44.                             {% endfor %}
  45.                         </div>
  46.                     </div>
  47.                 </div>
  49.             </div>
  51.             <div class="d-flex justify-content-between mb-2">
  52.                 <h2>Prochains cours</h2>
  53.                 <a href="{{ path('app_front_coach_cours_index', {'name': coach.name}) }}" class="btn btn-outline-primary">Voir tous ses cours</a>
  54.             </div>
  56.             <div class="row">
  57.                 {% for cour in coach.cours %}
  58.                     <div class="col-4 mb-4">
  59.                         <a class="text-decoration-none" href="{{ path('app_front_cours_detail', {'name': cour.name }) }}">
  60.                             <div class="card h-100">
  61.                                 <img class="card-img-top" alt="…" src="{{ asset('uploads/medias/' ~ cour.media)| imagine_filter('img_listing_produit') }}">
  62.                                 <div class="card-body">
  63.                                     <h5 class="card-title">{{ cour.title }}</h5>
  64.                                     <p class="card-text">{{ cour.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.                                     <a href="#" class="text-decoration-none badge bg-primary mt-2">{{ cour.prixHtDivise }} €</a>
  73.                                 </div>
  74.                             </div>
  75.                         </a>
  76.                     </div>
  77.                 {% endfor %}
  78.             </div>
  81.         </div>
  82.     </main>
  83. {% endblock %}