templates/home/cours/single/index.html.twig line 1

Open in your IDE?
  1. {% extends 'home/homeLayout.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <link rel="stylesheet" href="{{ asset('css/cours_page.css') }}?v={{ random() }}">
  6. {% endblock %}
  9. {% block body %}
  11.     <div class="cours_page">
  14.         <div class="content">
  15.             <div class="container">
  16.                 <div class="row">
  18.                     <div class="col-md-9">
  19.                         <div class="core">
  20.                             <div class="cours_content single">
  22.                                 <div class="thumbnail">
  23.                                     <img src="{{ asset('images/cours/coursThumb.png') }}" alt="">
  24.                                     <div class="category_chimp">
  25.                                         {{ singleCours.subcategoryid.nom }}
  26.                                     </div>
  27.                                 </div>
  29.                                 <div class="infos">
  30.                                     <div class="top_head">
  31.                                         <span class="teacher">{{singleCours.enseignantid.username}}</span> 
  34.                                     </div>
  35.                                     <div class="title">
  36.                                         <h2 class="">{{singleCours.nom}}</h2>
  38.                                     </div>
  39.                                     <div class="rating">
  40.                                         <div class="list_stars">
  41.                         {% for i in 1..5 %}
  42.                             {% if singleCours.getAverageRating() is not null and i <= singleCours.getAverageRating() %}
  43.                                 <div class="star">
  44.                                     <i class="fa-solid fa-star"></i>
  45.                                 </div>
  46.                             {% else %}
  47.                                 <div class="star">
  48.                                     <i class="fa-regular fa-star"></i>
  49.                                 </div>
  50.                             {% endif %}
  51.                         {% endfor %}
  53.                     </div>
  54.                                         <small>({{singleCours.getAverageRating()}})</small>
  55.                                     </div>
  57.                                     <div class="description">
  58.                                         <p>{{singleCours.description}}.</p>
  59.                                     </div>
  60.                                 </div>
  63.                             </div>
  64.                             <div class="single s lesson_content">
  65.                                 <div>
  66.                                     <h3>Contenu</h3>
  68.                                 </div>
  70.                                 <div class="list_lessosn">
  73.                                     {% for lesson in singleCours.lessons %}
  74.                                         <div class="single">
  75.                                             <div class="circle"></div>
  76.                                             <div class="title">{{lesson.titre}}</div>
  77.                                             <div class="duration">{{lesson.duree}} Heures</div>
  79.                                         </div>
  81.                                     {% endfor %}
  83.                                     <div class="single quizz">
  84.                                         <div class="circle"></div>
  85.                                         <div class="title">Quizz</div>
  86.                                         <div class="duration"></div>
  88.                                     </div>
  89.                                 </div>
  91.                             </div>
  92.                             {% include 'home/avis/coursAvisSection.html.twig' with {'courId':singleCours.id,'courSlug':singleCours.slug} %}
  95.                         </div>
  96.                     </div>
  97.                     <div class="col-md-3">
  99.                         <div class="right_side">
  101.                             <div class="top_btn_holder">
  102.                             {% if  getCurrentUser() is    null %}
  103.                                 <a class="btn_main" type="button" data-bs-toggle="modal" data-bs-target="#authModel" href="#" id="openLogin">Accéder à ce cous</a>
  105.     
  106.                             {% else %}
  107.                                 <a class="btn_main" href="{{ path('home_cours_lessons_index', {'slug': singleCours.slug}) }}">Accéder à ce cous</a>
  109.                             {% endif %}
  113.                             </div>
  114.                             <div class="info_holder">
  115.                                 <div class="single_info_side">
  116.                                     <div class="icon">
  118.                                         <i class="fa-solid fa-hourglass-half"></i>
  120.                                     </div>
  121.                                     <span class="txt">Duration :</span>
  122.                                     <span class="txt_info">
  123.                                         {{singleCours.getLessonsDuration()}} heures</span>
  126.                                 </div>
  127.                                 <div class="single_info_side">
  128.                                     <div class="icon">
  130.                                         <i class="fa-solid fa-bookmark"></i>
  132.                                     </div>
  133.                                     <span class="txt">Leçons :</span>
  134.                                     <span class="txt_info">
  135.                                         {{singleCours.lessons|length}}</span>
  138.                                 </div>
  139.                                 <div class="single_info_side">
  140.                                     <div class="icon">
  142.                                         <i class="fa-solid fa-gauge"></i>
  144.                                     </div>
  145.                                     <span class="txt">Niveau :</span>
  146.                                     <span class="txt_info">{{ singleCours.niveauid.niveau }}</span>
  149.                                 </div>
  151.                             </div>
  154.                         </div>
  155.                     </div>
  158.                 </div>
  160.             </div>
  163.         </div>
  164.     </div>
  167. {% endblock %}