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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Coachs{% endblock %}
  5. {% block main %}
  7.     {# {% for produit in produits %}
  8.         {% if produit.visible %}
  9.             <div>
  10.                 <a href="{{ path('app_front_produit_detail', { 'name': produit.name }) }}">
  11.                     {{ produit.title }}
  12.                     {{ produit.accroche }}
  13.                     <img class="b-imgtxt__img" src="{{ asset('uploads/medias/' ~ produit.media.path)| imagine_filter('bloc_text_image') }}" alt="">
  14.                     {{ produit.prixHtDivise }}
  15.                     {{ produit.produitEtat }}
  16.                 </a>
  17.             </div>
  18.         {% endif %}
  19.     {% endfor %} #}
  21.     <main class="container">
  22.         <div class="row py-4">
  24.             <aside class="col-3">
  25.                 <div class="card p-2">
  27.                     <label class="h3">Filtres</label>
  28.                     <select class="form-select mb-2" aria-label="Default select example">
  29.                         <option selected>Cours</option>
  30.                         <option value="1">One</option>
  31.                         <option value="2">Two</option>
  32.                         <option value="3">Three</option>
  33.                     </select>
  34.                     <select class="form-select mb-2" aria-label="Default select example">
  35.                         <option selected>Skills</option>
  36.                         <option value="1">One</option>
  37.                         <option value="2">Two</option>
  38.                         <option value="3">Three</option>
  39.                     </select>
  41.                     <a href="#" class="btn btn-primary"><span class="fas fa-filter"></span> Filtrer</a>
  42.                 </div>
  43.             </aside>
  45.             <section class="col-9">
  46.                 <div class="d-flex">
  48.                     <h1 class="fs-4">3 coachs pour «speedrun»</h1>
  50.                     <div class="ms-auto me-4">
  51.                         <select class="form-select" aria-label="Default select example">
  52.                             <option selected>Trier par</option>
  53.                             <option value="1">One</option>
  54.                             <option value="2">Two</option>
  55.                             <option value="3">Three</option>
  56.                         </select>
  57.                     </div>
  59.                     <ul class="pagination">
  60.                         <li class="page-item active" aria-current="page">
  61.                             <span class="page-link">1</span>
  62.                         </li>
  63.                         <li class="page-item"><a class="page-link" href="#">2</a></li>
  64.                         <li class="page-item"><a class="page-link" href="#">3</a></li>
  65.                     </ul>
  67.                 </div>
  69.                 <div class="row">
  70.                             
  71.                     {% for coach in coaches %}
  72.                         <div class="col-4 mb-4">
  73.                             <a class="text-decoration-none text-black" href="{{ path('app_front_coach_detail', { 'name': coach.name }) }}">
  74.                                 <div class="card h-100">
  75.                                     <img class="card-img-top" alt="…" src="{{ asset('uploads/medias/' ~ coach.imgProfil)| imagine_filter('img_listing_produit') }}">
  76.                                     <div class="card-body h-100">
  77.                                         <h5 class="card-title">{{ coach.title }} {{ coach.prenom }} ({{ coach.pseudo }})</h5>
  78.                                         <p class="card-text">{{ coach.accroche }}</p>
  80.                                         <div class="m-2">
  81.                                             {% for skill in coach.skills %}
  82.                                                 {% if loop.index is odd %}
  83.                                                     <span class="badge bg-secondary">{{ skill.title }}</span>
  84.                                                 {% else %}
  85.                                                     <span class="badge bg-primary">{{ skill.title }}</span>
  86.                                                 {% endif %}
  87.                                             {% endfor %}
  88.                                         </div>
  90.                                     </div>
  91.                                     <div class="card-footer">
  92.                                         Coach depuis le {{ coach.anciennetee|format_datetime('short', 'none', locale='fr') }}
  93.                                     </div>
  94.                                 </div>
  95.                             </a>
  96.                         </div>
  97.                     {% endfor %}
  99.                 </div>
  100.                 <div class="d-flex">
  101.                     <ul class="pagination ms-auto">
  102.                         <li class="page-item active" aria-current="page">
  103.                             <span class="page-link">1</span>
  104.                         </li>
  105.                         <li class="page-item"><a class="page-link" href="#">2</a></li>
  106.                         <li class="page-item"><a class="page-link" href="#">3</a></li>
  107.                     </ul>
  108.                 </div>
  109.             </section>
  110.         </div>
  111.     </main>
  113. {% endblock %}