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

  1. {% extends "front/base.html.twig" %}
  3. {% block title %} - Courses{% endblock %}
  5. {% block script %}
  6.     
  7. {% endblock %}
  9. {% block mainContent %}
  10.     
  11.     <section class="bg-dark align-items-center d-flex" style="background:url({{ asset('assets/images/pattern/04.png') }}) no-repeat center center; background-size:cover;">
  12.         <!-- Main banner background image -->
  13.         <div class="container">
  14.             <div class="row">
  15.                 <div class="col-12">
  16.                     <!-- Title -->
  17.                     <h1 class="text-white">{% trans %}EXAMS_KEY{% endtrans %}</h1>
  18.                     <!-- Breadcrumb -->
  19.                     <div class="d-flex">
  20.                         <nav aria-label="breadcrumb">
  21.                             <ol class="breadcrumb breadcrumb-dark breadcrumb-dots mb-0">
  22.                                 <li class="breadcrumb-item"><a href="{{ url("app_front") }}">{% trans %}HOME_KEY{% endtrans %}</a></li>
  23.                                 <li class="breadcrumb-item active" aria-current="page">{% trans %}EXAMS_KEY{% endtrans %}</li>
  24.                             </ol>
  25.                         </nav>
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.     </section>
  31.     
  32.     <!-- Page content START -->
  33.     <section class="pb-0 py-sm-5">
  34.         <div class="container">
  35.             <!-- Title and select START -->
  36.             <div class="row g-3 align-items-center mb-4">
  37.                 {% if exams.getTotalItemCount %}
  38.                 <!-- Content -->
  39.                 <div class="col-md-5">
  40.                     <h4 class="mb-0">Showing {{ ((exams.getCurrentPageNumber - 1) * exams.getItemNumberPerPage) + 1 }} to {{ exams.getItemNumberPerPage * exams.getCurrentPageNumber }} of {{exams.getTotalItemCount}} result</h4>
  41.                 </div>
  42.                 {% endif %}
  44.                 <!-- Select option -->
  45.                 <div class="col-md-7">
  46.                     <div class="row g-3 align-items-center justify-content-md-end me-auto">
  48.                         <!-- Advanced filter responsive toggler START -->
  49.                         <div class="col-4 text-md-end">
  50.                             <button class="btn btn-primary mb-0 d-xl-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasSidebar" aria-controls="offcanvasSidebar">
  51.                                 <i class="fas fa-sliders-h me-1"></i> {% trans %}SHOWFILTER_KEY{% endtrans %}
  52.                             </button>
  53.                         </div>
  54.                         <!-- Advanced filter responsive toggler END -->
  56.                     </div>
  57.                 </div>
  59.             </div>
  60.             <!-- Title and select END -->
  62.             <div class="row">
  63.                 <!-- Main content START -->
  64.                 <div class="col-xl-9 col-xxl-8">
  65.                     <!-- Course list START -->
  66.                     <div class="row g-4">
  67.                         {% for exam in exams %}
  68.                         <!-- Card list START -->
  69.                         {{ include('front/exam/_item.html.twig') }}
  70.                         <!-- Card list END -->
  71.                         {% else %}
  72.                             <div class="text-center p-4 mb-5 mt-5">
  73.                                 <h2>{% trans %}EMPTY_KEY{% endtrans %}</h2>
  74.                             </div>
  75.                         {% endfor %}
  76.                     </div>
  77.                     <!-- Course list END -->
  78.                     <!-- Pagination START -->
  79.                     <div class="col-12">
  80.                         {{ knp_pagination_render(exams) }}
  81.                     </div>
  82.                     <!-- Pagination END -->
  83.                 </div>
  84.                 <!-- Main content END -->
  86.                 <!-- Right sidebar START -->
  87.                 <div class="col-lg-3 col-xxl-4">
  88.                     <!-- Responsive offcanvas body START -->
  89.                     <div class="offcanvas-xl offcanvas-end" tabindex="-1" id="offcanvasSidebar">
  90.                         <div class="offcanvas-header bg-light">
  91.                             <h5 class="offcanvas-title" id="offcanvasNavbarLabel">{% trans %}ADVANCEFILTER_KEY{% endtrans %}</h5>
  92.                             <button  type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasSidebar" aria-label="Close"></button>
  93.                         </div>
  94.                         <div class="offcanvas-body p-3 p-xl-0">
  95.                             <form id="filter-form">
  96.                                 <!-- Category START -->
  97.                                 <div class="card card-body shadow p-4 mb-4">
  98.                                     <!-- Title -->
  99.                                     <h4 class="mb-4">{% trans %}CATEGORY_KEY{% endtrans %}</h4>
  100.                                     <div class="row">
  101.                                         <!-- Category group -->
  102.                                         <div class="col-xxl-6">
  103.                                             <div class="form-check">
  104.                                                 <input {{ sCategory is same as null ? 'checked' : '' }} required name="category" class="form-check-input" type="radio" value="all" id="flexCheckDefaultall">
  105.                                                 <label class="form-check-label" for="flexCheckDefaultall">{% trans %}ALL_KEY{% endtrans %}</label>
  106.                                             </div>
  107.                                             {% set i = 1 %}
  108.                                             {% for category in categories %}
  109.                                                 {% if i <= (categories|length) / 2 %}
  110.                                                     <div class="form-check">
  111.                                                         <input {{ sCategory is same as category ? 'checked' :'' }} name="category" required data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title='{{ category.name }}' class="form-check-input" type="radio" value="{{ category.slug }}" id="flexCheckDefault{{ category.id }}">
  112.                                                         <label data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title='{{ category.name }}' class="form-check-label" for="flexCheckDefault{{ category.id }}">{{ category.name }}</label>
  113.                                                     </div>
  114.                                                 {% endif %}
  115.                                                 {% set i = i + 1 %}
  116.                                             {% endfor %}
  117.                                         </div>
  118.     
  119.                                         <!-- Category group -->
  120.                                         <div class="col-xxl-6">
  121.                                             {% set i = 1 %}
  122.                                             {% for category in categories %}
  123.                                                 {% if i > (categories|length) / 2 %}
  124.                                                     <div class="form-check">
  125.                                                         <input {{ sCategory is same as category ? 'checked' : '' }} name="category" required data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title='{{ category.name }}' class="form-check-input" type="radio" value="{{ category.slug }}" id="flexCheckDefault{{ category.id }}">
  126.                                                         <label data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title='{{ category.name }}' title="{{ category.name }}" class="form-check-label" for="flexCheckDefault{{ category.id }}">{{ category.name|u.truncate(13) }}</label>
  127.                                                     </div>
  128.                                                 {% endif %}
  129.                                                 {% set i = i + 1 %}
  130.                                             {% endfor %}
  131.                                         </div>
  132.                                     </div><!-- Row END -->
  133.                                 </div>
  134.                                 <!-- Category END -->
  136.                                 <!-- Price START -->
  137.                                 <div class="card card-body shadow p-4 mb-4">
  138.                                     <!-- Title -->
  139.                                     <h4 class="mb-3">{% trans %}SKILLLEVEL_KEY{% endtrans %}</h4>
  140.                                     <ul class="list-inline mb-0">
  141.                                         <!-- Price item -->
  142.                                         <li class="list-inline-item">
  143.                                             <input {{ skillLevel is same as null ? 'checked' : '' }} type="radio" value="all" class="btn-check" name="skill" id="skill">
  144.                                             <label class="btn btn-light btn-primary-soft-check" for="skill">{% trans %}ALL_KEY{% endtrans %}</label>
  145.                                         </li>
  146.                                         {% for skill in skillLevels %}
  147.                                             <!-- Price item -->
  148.                                             <li class="list-inline-item">
  149.                                                 <input {{ skillLevel is same as skill ? 'checked' : '' }} type="radio" class="btn-check" name="skill" value="{{ skill.slug }}" id="skill{{ loop.index }}">
  150.                                                 <label class="btn btn-light btn-primary-soft-check" for="skill{{ loop.index }}">{{ skill.name }}</label>
  151.                                             </li>
  152.                                         {% endfor %}
  153.                                     </ul>
  154.                                 </div>
  155.                                 <!-- Price END -->
  156.         
  157.                                 <!-- Price START -->
  158.                                 <div class="card card-body shadow p-4 mb-4">
  159.                                     <!-- Title -->
  160.                                     <h4 class="mb-3">{% trans %}CLASSES_KEY{% endtrans %}</h4>
  161.                                     <ul class="list-inline mb-0">
  162.                                         <!-- Price item -->
  163.                                         <li class="list-inline-item">
  164.                                             <input {{ sClasse is same as null ? 'checked' : '' }} checked type="radio" value="all" class="btn-check" name="classe" id="option">
  165.                                             <label class="btn btn-light btn-primary-soft-check" for="option">{% trans %}ALL_KEY{% endtrans %}</label>
  166.                                         </li>
  167.                                         {% for classe in classes %}
  168.                                             <!-- Price item -->
  169.                                             <li class="list-inline-item">
  170.                                                 <input {{ sClasse is same as classe ? 'checked' : '' }} type="radio" class="btn-check" name="classe" value="{{ classe.slug }}" id="option{{ loop.index }}">
  171.                                                 <label class="btn btn-light btn-primary-soft-check" for="option{{ loop.index }}">{{ classe.name }}</label>
  172.                                             </li>
  173.                                         {% endfor %}
  174.                                     </ul>
  175.                                 </div>
  176.                                 <!-- Price END -->
  177.         
  178.                                 <!-- Language START -->
  179.                                 <div class="card card-body shadow p-4 mb-4">
  180.                                     <!-- Title -->
  181.                                     <h4 class="mb-3">{% trans %}LANGUAGE_KEY{% endtrans %}</h4>
  182.                                     <ul class="list-inline mb-0 g-3">
  183.                                         <!-- Item -->
  184.                                         <li class="list-inline-item mb-2">
  185.                                             <input {{ language is same as null ? 'checked' : '' }} value="all" checked type="radio" name="language" class="btn-check" id="btn-check-2">
  186.                                             <label class="btn btn-light btn-primary-soft-check" for="btn-check-2">{% trans %}ALL_KEY{% endtrans %}</label>
  187.                                         </li>
  188.                                         <!-- Item -->
  189.                                         <li class="list-inline-item mb-2">
  190.                                             <input  {{ language|upper is same as 'FRENCH' ? 'checked' : '' }} name="language" value="French" type="radio" class="btn-check" id="btn-check-3">
  191.                                             <label class="btn btn-light btn-primary-soft-check" for="btn-check-3">{% trans %}FRENCH_KEY{% endtrans %}</label>
  192.                                         </li>
  193.                                         <!-- Item -->
  194.                                         <li class="list-inline-item mb-2">
  195.                                             <input {{ language|upper is same as 'ENGLISH' ? 'checked' : '' }} value="English" name="language" type="radio" class="btn-check" id="btn-check-4">
  196.                                             <label class="btn btn-light btn-primary-soft-check" for="btn-check-4">{% trans %}ENGLISH_KEY{% endtrans %}</label>
  197.                                         </li>
  198.                                     </ul>
  199.                                 </div>
  200.                                 <!-- Language END -->
  201.                             </form>
  202.                             <!-- Form End -->
  203.                         </div>
  205.                         <!-- Button -->
  206.                         <div class="d-grid p-2 p-xl-0 bg-body text-center">
  207.                             <button class="btn btn-primary mb-0" type="button" onclick="$('#filter-form').submit()">{% trans %}FILTERRESULTS_KEY{% endtrans %}</button>
  208.                         </div>
  209.                     </div>
  210.                     <!-- Responsive offcanvas body END -->
  211.                 </div>
  212.                 <!-- Right sidebar END -->
  213.             </div><!-- Row END -->
  214.         </div>
  215.     </section>
  216.     <!-- Page content END -->
  218.     {{ include('front/includes/_newsletterorange.html.twig') }}
  220. {% endblock %}