templates/front/forum/index.html.twig line 1

  1. {% extends "front/base.html.twig" %}
  3. {% block title %} - Forum{% endblock %}
  5. {% block mainBarnner %}
  7. {% endblock %}
  9. {% block mainContent %}
  11.     <section class="bg-light py-5">
  12.         <div class="container">
  13.             <div class="row g-4 g-md-5 position-relative">
  14.                 <!-- SVG decoration -->
  15.                 <figure class="position-absolute top-0 start-0 d-none d-sm-block">
  16.                     <svg width="22px" height="22px" viewBox="0 0 22 22">
  17.                         <polygon class="fill-purple" points="22,8.3 13.7,8.3 13.7,0 8.3,0 8.3,8.3 0,8.3 0,13.7 8.3,13.7 8.3,22 13.7,22 13.7,13.7 22,13.7 "></polygon>
  18.                     </svg>
  19.                 </figure>
  21.                 <!-- Title and Search -->
  22.                 <div class="col-lg-10 mx-auto text-center position-relative">
  23.                     <!-- SVG decoration -->
  24.                     <figure class="position-absolute top-50 end-0 translate-middle-y">
  25.                         <svg width="27px" height="27px">
  26.                             <path class="fill-orange" d="M13.122,5.946 L17.679,-0.001 L17.404,7.528 L24.661,5.946 L19.683,11.533 L26.244,15.056 L18.891,16.089 L21.686,23.068 L15.400,19.062 L13.122,26.232 L10.843,19.062 L4.557,23.068 L7.352,16.089 L-0.000,15.056 L6.561,11.533 L1.582,5.946 L8.839,7.528 L8.565,-0.001 L13.122,5.946 Z"></path>
  27.                         </svg>
  28.                     </figure>
  29.                     <!-- Title -->
  30.                     <h1 class="display-6">{% trans %}HELLOHELP_KEY{% endtrans %}</h1>
  31.                     <!-- Search bar -->
  32.                     <div class="col-lg-8 mx-auto text-center mt-4">
  33.                         <form action="{{ url('app_front_forum_index') }}" method="get" class="bg-body shadow rounded p-2">
  34.                             <div class="input-group">
  35.                                 <input class="form-control border-0 me-1" type="text" name="search" value="{{ search|default('') }}" placeholder="{% trans %}SEARCH_KEY{% endtrans %}...">
  36.                                 <button type="submit" class="btn btn-blue mb-0 rounded">{% trans %}SUBMIT_KEY{% endtrans %}</button>
  37.                             </div>
  38.                         </form>
  39.                     </div>
  40.                 </div>
  42.                 <!-- Category START -->
  43.                 <div class="col-12">
  44.                     <div class="row g-4 text-center">
  45.                         <p class="mb-0">{% trans %}CHOOSECATEGORYHELP_KEY{% endtrans %}</p>
  46.                         <!-- Category item -->
  47.                         <div class="col-sm-6 col-md-3">
  48.                             <div class="card card-body card-border-hover p-0">
  49.                                 <a href="{{ url('app_terms') }}" class="p-3">
  50.                                     <h2><i class="fas fa-street-view transition-base"></i></h2>
  51.                                     <h6 class="mb-0">{% trans %}TERMSANDCONDITIONS_KEY{% endtrans %}</h6>
  52.                                 </a>
  53.                             </div>
  54.                         </div>
  56.                         <!-- Category item -->
  57.                         <div class="col-sm-6 col-md-3">
  58.                             <div class="card card-body card-border-hover p-0">
  59.                                 <a href="{{ url('app_front_contact') }}" class="p-3">
  60.                                     <h2><i class="fas fa-hands-helping transition-base"></i></h2>
  61.                                     <h6 class="mb-0">{% trans %}ASSISTANCE_KEY{% endtrans %}</h6>
  62.                                 </a>
  63.                             </div>
  64.                         </div>
  66.                         <!-- Category item -->
  67.                         <div class="col-sm-6 col-md-3">
  68.                             <div class="card card-body card-border-hover p-0">
  69.                                 <a href="{{ url('app_terms') }}" class="p-3">
  70.                                     <h2><i class="fas fa-exclamation-circle transition-base"></i></h2>
  71.                                     <h6 class="mb-0">{% trans %}GENERAL_GUIDE_KEY{% endtrans %}</h6>
  72.                                 </a>
  73.                             </div>
  74.                         </div>
  76.                         <!-- Category item -->
  77.                         <div class="col-sm-6 col-md-3">
  78.                             <div class="card card-body card-border-hover p-0">
  79.                                 <a href="{{ url('app_front_courses') }}" class="p-3">
  80.                                     <h2><i class="fas fa-flag transition-base"></i></h2>
  81.                                     <h6 class="mb-0">{% trans %}GETINGSTARTED_KEY{% endtrans %}</h6>
  82.                                 </a>
  83.                             </div>
  84.                         </div>
  85.                     </div> <!-- Row END -->
  86.                 </div>
  87.                 <!-- Category END -->
  88.             </div>
  89.         </div>
  90.     </section>
  92.     <!-- =======================
  93.     Page content START -->
  94.     <section class="pt-5 pb-0 pb-lg-5">
  95.         <div class="container">
  97.             <div class="row g-4 g-md-5">
  98.                 <!-- Main content START -->
  99.                 <div class="col-lg-8">
  100.                     <!-- Title -->
  101.                     <h3 class="mb-4">{% trans %}TOPICSLIST_KEY{% endtrans %}</h3>
  103.                     <!-- FAQ START -->
  104.                     <ul class="list-unstyled">
  105.                         {% for sujet in subjects%}
  106.                             <li>
  107.                                 <a href="{{ url("app_front_course_forum_subject_message", {slug: sujet.forum.cours.slug, reference: sujet.reference}) }}" class="d-flex mb-4 mt-3">
  108.                                     <div class="avatar avatar-xl flex-shrink-0 me-2">
  109.                                         <img class="avatar-img rounded-circle" src="{{ asset(sujet.membre.utilisateur.personne.avatarPath) }}" alt="">
  110.                                     </div>
  112.                                     <div class="w-100 d-flex">
  113.                                         <p>
  114.                                             {{ sujet.content|raw }}
  115.                                             <br>
  116.                                             <span class="badge {{ sujet.isSolved ? "btn-success-soft" : 'btn-danger-soft' }}">{{ sujet.isSolved ? "Resolved" : "Unresolved" }}</span> |
  117.                                             <i class="badge btn-info-soft">{{ sujet.createdAt|date('d M, Y - H:i:s') }}</i>
  118.                                             | <span class="badge btn-warning-soft">{{ sujet.forumMessages|length }} comments</span>
  119.                                         </p>
  120.                                     </div>
  121.                                 </a>
  122.                             </li>
  123.                             <hr>
  124.                         {% else %}
  125.                             <li>{% trans %}NOTOPICFOUND_KEY{% endtrans %}</li>
  126.                         {% endfor %}
  128.                     </ul>
  129.                     <!-- FAQ END -->
  130.                     <div class="col-12">
  131.                         <div class="pagination-container">
  132.                             {{ knp_pagination_render(subjects) }}
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.                 <!-- Main content END -->
  138.                 <!-- Right sidebar START -->
  139.                 <div class="col-lg-4">
  140.                     <div class="row mb-5 mb-lg-0">
  141.                         <div class="col-12 col-sm-6 col-lg-12">
  143.                             <!-- Related Topic START -->
  144.                             <div class="card card-body shadow p-4 mb-4">
  145.                                 <!-- Title -->
  146.                                 <h4 class="mb-3">{% trans %}RELATEDTOPIC_KEY{% endtrans %}</h4>
  147.                                 {% for category in categories %}
  148.                                     <!-- Item -->
  149.                                     <div class="d-flex justify-content-between align-items-center mb-2">
  150.                                         <a href="{{ url('app_front_forum_index_category', {slug: category.slug}) }}" class="h6 fw-light"><i class="fas fa-caret-right text-orange me-2"></i>{{ category.name }}</a>
  151.                                         {% set nb = 0 %}
  152.                                         {% for cours in category.cours %}
  153.                                             {% if cours.isValidated and cours.forum is not same as null %}
  154.                                                 {% set nb = nb + cours.forum.sujets|length %}
  155.                                             {% endif %}
  156.                                         {% endfor %}
  157.                                         <span class="small">({{ nb }})</span>
  158.                                     </div>
  159.                                 {% endfor %}
  160.                             </div>
  161.                             <!-- Related Topic END -->
  162.                         </div>
  163.                     </div><!-- Row End -->
  164.                 </div>
  165.                 <!-- Right sidebar END -->
  166.             </div><!-- Row END -->
  167.         </div>
  168.     </section>
  169.     <!-- =======================
  170.     Page content END -->
  172. {% endblock %}