templates/home/avis/coursAvisSection.html.twig line 1

Open in your IDE?
  1. <div class="single s info_review">
  2.     <h3>Avis</h3>
  3.     <div class="general">
  4.         <div class="list">
  6.             <div class="single_class_review">
  7.                 <div class="title">Stellaire</div>
  8.                 <div class="sep"></div>
  9.                 <div class="count">{{ countByNote[5] }}</div>
  10.             </div>
  11.             <div class="single_class_review">
  12.                 <div class="title">Galactique</div>
  13.                 <div class="sep"></div>
  14.                 <div class="count">{{ countByNote[4] }}</div>
  15.             </div>
  16.             <div class="single_class_review">
  17.                 <div class="title">Solaire</div>
  18.                 <div class="sep"></div>
  19.                 <div class="count">{{ countByNote[3] }}</div>
  20.             </div>
  21.             <div class="single_class_review">
  22.                 <div class="title">Lunaire</div>
  23.                 <div class="sep"></div>
  24.                 <div class="count">{{ countByNote[2] }}</div>
  25.             </div>
  26.             <div class="single_class_review">
  27.                 <div class="title">Cométaire</div>
  28.                 <div class="sep"></div>
  29.                 <div class="count">{{ countByNote[1] }}</div>
  30.             </div>
  31.         </div>
  34.         <div class="counting infos">
  35.             <div class="avg">{{ averageNote }}</div>
  36.             <!-- Afficher la moyenne des notes ici -->
  37.             <div class="rating">
  38.                 <div
  39.                     class="list_stars">
  40.                     <!-- Vous pouvez afficher les étoiles en fonction de la moyenne des notes -->
  41.                     {% for i in 1..5 %}
  42.                         {% if i <= averageNote %}
  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 %}
  52.                 </div>
  53.             </div>
  54.             <div class="total">{{ avis|length }}
  55.                 Avis</div>
  56.             <!-- Afficher le nombre total d'avis -->
  57.         </div>
  58.     </div>
  60.     <div class="list_rating">
  61.         {% for avi in avis %}
  62.             <div class="item">
  63.                 <div class="avatar">
  64.                     <img src="{{ asset('images/cours/person.jpg') }}" alt="">
  65.                 </div>
  66.                 <div class="avis_content">
  67.                     <div class="top infos">
  68.                         <div class="username">{{ avi.getIdUser().getUsername()}}</div> <!-- Accéder au nom d'utilisateur via la relation avec l'entité User -->
  69.                         <div class="date">{{ avi.getDate().format('d/m/Y') }}</div>
  70.                         
  71.                         <div class="rating">
  72.                             <div class="list_stars">
  73.                                 {% for i in 1..5 %}
  74.                                     {% if avi.getNote() >= i %}
  75.                                         <div class="star">
  76.                                             <i class="fa-solid fa-star"></i>
  77.                                         </div>
  78.                                     {% else %}
  79.                                         <div class="star">
  80.                                             <i class="fa-regular fa-star"></i>
  81.                                         </div>
  82.                                     {% endif %}
  83.                                 {% endfor %}
  84.                             </div>
  85.                             <small>({{ avi.getNote() }})</small>
  86.                         </div>
  87.                     </div>
  88.                     <div class="avis_p">
  89.                         <p>{{ avi.getMessage() }}</p>
  90.                     </div>
  91.                 </div>
  92.                 <div class="options">
  93.                     <div class="dropdown dropstart">
  94.                         <div class="drop_btn" data-bs-toggle="dropdown">
  95.                             <i class="fa-solid fa-ellipsis-v"></i>
  96.                         </div>
  97.                         <ul class="dropdown-menu">
  98.                             <li>
  99.                                 <div opengeneralpopup data-link="{{ path('home_avis_avis_modifier', {id: avi.getIdAvi ,courSlug:courSlug})}}">modifier</div>
  100.                             </li>
  101.                             <li>
  102.                                 <a href="{{ path('home_avis_avis_supprimer', {id: avi.getIdAvi ,courSlug:courSlug})}}">supprimer</a>
  103.                             </li>
  104.                         </ul>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         {% endfor %}
  109.     </div>
  110.     
  112.     <div class="my_review">
  113.         <h4>Ajouter un Avis</h4>
  114.         <form method="post" action="{{ path('home_avis_ajouter_avis') }}">
  115.             <input type="hidden" name="courId" value="{{courId}}">
  116.             <input type="hidden" name="courSlug" value="{{courSlug}}">
  118.             <div class="rate infos">
  119.                 <span>Notez ce cours</span>
  120.                 <div class="rating">
  121.                     <div class="list_stars">
  122.                         <input
  123.                         type="hidden" name="note" value="5">
  124.                         {# Par défaut, la note est 5 #}
  125.                         {% for i in 1..5 %}
  126.                             <div class="star">
  127.                                 <input type="radio" id="star{{ i }}" name="note" value="{{ i }}">
  128.                                 <label for="star{{ i }}">
  129.                                     <div class="star">
  130.                                         <i class="fa-solid fa-star"></i>                                    
  131.                                     </div>
  132.                                 </label>
  133.                             </div>
  134.                         {% endfor %}
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.             <div>
  139.                 <label class="form-label">Écrire un message</label>
  140.                 <textarea class="form-control" rows="3" name="message"></textarea>
  141.             </div>
  142.             <button class="btn_main" type="submit">Poster</button>
  143.         </form>
  144.     </div>
  145. </div>