templates/front/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="en">
  4.     <head>
  5.         {% set siteSettings = app.session.get('siteSettings') %}
  6.         {% set socialsSettings = app.session.get('socialsSettings') %}
  7.         <title>{{ siteSettings.siteName|default("Kulmapeck.com") }}
  8.             {% block title %}{% endblock %}
  9.         </title>
  11.         <!-- Meta Tags -->
  12.         <meta charset="utf-8">
  13.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  14.         <meta name="author" content="Webestica.com">
  15.         <meta name="current-user-id" content="{{ app.user ? app.user.id : '' }}">
  18.         <meta
  19.         name="description" content="Kulmapeck - The Best E-learning platform">
  21.         <!-- Webpack Encore -->
  22.         {{ encore_entry_link_tags('app') }}
  23.         {% block stylesheets %}{% endblock %}
  25.         <!-- Dark mode -->
  26.         <script>
  27.             const storedTheme = localStorage.getItem('theme')
  29. const getPreferredTheme = () => {
  30. if (storedTheme) {
  31. return storedTheme
  32. }
  33. return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
  34. }
  36. const setTheme = function (theme) {
  37. if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
  38. document.documentElement.setAttribute('data-bs-theme', 'dark')
  39. } else {
  40. document.documentElement.setAttribute('data-bs-theme', theme)
  41. }
  42. }
  44. setTheme(getPreferredTheme())
  46. window.addEventListener('DOMContentLoaded', () => {
  47. var el = document.querySelector('.theme-icon-active');
  48. if (el != 'undefined' && el != null) {
  49. const showActiveTheme = theme => {
  50. const activeThemeIcon = document.querySelector('.theme-icon-active use')
  51. const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
  52. const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')
  54. document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
  55. element.classList.remove('active')
  56. })
  58. btnToActive.classList.add('active')
  59. activeThemeIcon.setAttribute('href', svgOfActiveBtn)
  60. }
  62. window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
  63. if (storedTheme !== 'light' || storedTheme !== 'dark') {
  64. setTheme(getPreferredTheme())
  65. }
  66. })
  68. showActiveTheme(getPreferredTheme())
  70. document.querySelectorAll('[data-bs-theme-value]').forEach(toggle => {
  71. toggle.addEventListener('click', () => {
  72. const theme = toggle.getAttribute('data-bs-theme-value')
  73. localStorage.setItem('theme', theme)
  74. setTheme(theme)
  75. showActiveTheme(theme)
  76. })
  77. })
  79. }
  80. })
  81.         </script>
  83.         <!-- Favicon -->
  84.         <link
  85.         rel="shortcut icon" href="{{ asset('assets/images/favicon.ico') }}">
  87.         <!-- Google Font -->
  88.         <link rel="preconnect" href="{{ asset('fonts.googleapis.com/index.html') }}">
  89.         <link rel="preconnect" href="{{ asset('fonts.gstatic.com/index.html') }}" crossorigin>
  90.         <link
  91.         rel="stylesheet" href="{{ asset('fonts.googleapis.com/css23ab4.css?family=Heebo:wght@400;500;700&amp;family=Roboto:wght@400;500;700&amp;display=swap') }}">
  93.         <!-- Plugins CSS -->
  94.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendor/font-awesome/css/all.min.css') }}">
  95.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendor/bootstrap-icons/bootstrap-icons.css') }}">
  96.         <link rel="stylesheet" type="text/css" href="{{asset('assets/vendor/apexcharts/css/apexcharts.css')}}">
  97.         <link rel="stylesheet" type="text/css" href="{{asset('assets/vendor/overlay-scrollbar/css/overlayscrollbars.min.css')}}">
  98.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendor/tiny-slider/tiny-slider.css') }}">
  99.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendor/glightbox/css/glightbox.css') }}">
  100.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendor/choices/css/choices.min.css') }}">
  101.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendor/aos/aos.css') }}">
  102.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendor/plyr/plyr.css') }}"/> {% block stylesheet %}{% endblock %}
  103.         <style>
  104.             #quizNotification {
  105.                 display: none;
  106.                 position: fixed;
  107.                 top: 10px;
  108.                 left: 50%;
  109.                 transform: translateX(-50%);
  110.                 padding: 10px;
  111.                 color: white;
  112.                 border-radius: 5px;
  113.                 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  114.                 z-index: 999;
  115.             }
  117.             .whatsapp-icon {
  118.                 position: fixed;
  119.                 bottom: 190px;
  120.                 right: 20px;
  121.                 width: 70px;
  122.                 height: auto;
  123.             }
  124.             
  125.         /* Start secton barner */
  126.             .banner-with-background {
  127.                 position: relative;
  128.                 background-image: url("{{ asset('assets/images/about/barner2.png') }}");
  129.                 background-size: cover;
  130.                 background-position: center;
  131.                 background-repeat: no-repeat;
  132.                 height: 100vh; /* Occupe toute la hauteur de la fenêtre */
  133.                 display: flex;
  134.                 align-items: center;
  135.                 justify-content: center;
  136.                 color: white;
  137.             }
  139.             .main-message {
  140.                 font-size: 50px; /* Taille par défaut pour PC */
  141.                 margin-bottom: 1.5rem;
  142.                 font-weight: bold;
  143.             }
  145.             .sub-message {
  146.                 font-size: 35px; /* Taille par défaut pour PC */
  147.                 margin-bottom: 1.5rem;
  148.                 font-weight: bold;
  149.                 color: #fd7e14;
  150.             }
  152.             @media (max-width: 1024) {
  153.                 .hide-login,
  154.                 .hide-btn {
  155.                     display: none;
  156.                 }
  157.             }    
  159.             @media (min-width: 768px) {
  160.                 .hide-login {
  161.                     display: none;
  162.                 }
  164.             }
  166.             /* Styles spécifiques pour mobile et tablette (écrans max 1024px) */
  167.             @media (max-width: 1024px) {
  168.                 .banner-with-background {
  169.                     background-image: none; /* Retire l'image en arrière-plan */
  170.                     background-color: #066ac9 !important; /* Bleu du site */
  171.                     height: 500px;
  172.                 }
  174.                 .main-message {
  175.                     font-size: 35px; /* Taille réduite pour mobile */
  176.                 }
  178.                 .sub-message {
  179.                     font-size: 25px; /* Taille réduite pour mobile */
  180.                 }
  182.                 .btn-custom {
  183.                     padding: 0.5rem 1rem; /* Ajuste la taille interne */
  184.                     font-size: 10px; /* Taille du texte */
  185.                     width: 150px; /* Adapte la largeur au texte */
  186.                 }
  187.     
  188.                 .barnner,
  189.                 .image-barner,
  190.                 .counter-block { 
  191.                     display: none;
  192.             
  193.                 }
  194.                 
  195.                 .counter-box {
  196.                     display: none;
  197.                 }
  198.             }
  200.             .banner-with-background::before {
  201.                 content: '';
  202.                 position: absolute;
  203.                 top: 0;
  204.                 left: 0;
  205.                 width: 100%;
  206.                 height: 100%;
  207.                 background: rgba(0, 0, 0, 0.5); /* Couche semi-transparente noire */
  208.                 backdrop-filter: blur(2px); /* Applique un effet de flou */
  209.                 z-index: 1;
  210.             }
  212.             .banner-with-background .container {
  213.                 position: relative;
  214.                 z-index: 2; /* Assure que le texte est visible au-dessus de la couche floue */
  215.             }
  216.             
  218.         /* End secton barner */
  219.         </style>
  220.         <!-- Theme CSS -->
  221.         <link
  222.         rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}">
  224.         <!-- Global site tag (gtag.js) - Google Analytics -->
  225.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-7N7LGGGWT1"></script>
  226.         <script>
  227.             window.dataLayer = window.dataLayer || [];
  228. function gtag() {
  229. dataLayer.push(arguments);
  230. }
  231. gtag('js', new Date());
  233. gtag('config', 'G-7N7LGGGWT1');
  234.         </script>
  235.         {% block headJS %}{% endblock %}
  238.     </head>
  240.     <body 
  241.         data-user-id="{{ app.user ? app.user.id : '' }}"
  242.         {# data-auth-token="{{ app.user ? app.user.chatToken : '' }}" #}
  243.         data-chat-type="{{ app.request.attributes.get('_route') starts with 'student_' ? 'student' : 'general' }}"
  244.         class="">
  245.         {% block header %}
  246.             <!-- Header START -->
  247.             <header class="navbar-light navbar-sticky header-static">
  248.                 
  249.                 <!-- Nav START -->
  250.                 <nav class="navbar navbar-expand-xl">
  251.                     <div
  252.                         class="container-fluid px-3 px-xl-5">
  253.                         <!-- Logo START -->
  254.                         <a class="navbar-brand" href="{{ path('app_front') }}">
  255.                             <img class="light-mode-item navbar-brand-item" src="{{ asset('assets/images/logo.svg') }}" alt="logo">
  256.                             <img class="dark-mode-item navbar-brand-item" src="{{ asset('assets/images/logo-light.svg') }}" alt="logo">
  257.                         </a>
  258.                         <!-- Logo END -->
  260.                         <!-- Responsive navbar toggler -->
  261.                         <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  262.                             <span class="navbar-toggler-animation">
  263.                                 <span></span>
  264.                                 <span></span>
  265.                                 <span></span>
  266.                             </span>
  267.                         </button>
  269.                         <!-- Main navbar START -->
  270.                         <div
  271.                             class="navbar-collapse w-100 collapse" id="navbarCollapse">
  273.                             <!-- Nav category menu START -->
  274.                             <ul
  275.                                 class="navbar-nav navbar-nav-scroll me-auto">
  276.                                 <!-- Nav item 1 Demos -->
  277.                                 <li class="nav-item dropdown dropdown-menu-shadow-stacked">
  278.                                     <a class="nav-link bg-primary bg-opacity-10 rounded-3 text-primary px-3 py-3 py-xl-0" href="#" id="categoryMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  279.                                         <i class="bi bi-ui-radios-grid me-2"></i>
  280.                                         <span>Categories</span>
  281.                                     </a>
  282.                                     {{ render(url("app_front_header_categories")) }}
  283.                                 </li>
  284.                             </ul>
  285.                             <!-- Nav category menu END -->
  287.                             <!-- Nav Main menu START -->
  288.                             <ul
  289.                                 class="navbar-nav navbar-nav-scroll me-auto">
  290.                                 <!-- Nav item 1 Demos -->
  291.                                 <li class="nav-item">
  292.                                     <a class="nav-link {{ isHomePage is defined ? 'active' : '' }}" href="{{ path('app_front') }}" id="demoMenu" aria-haspopup="true" aria-expanded="false">
  293.                                         {% trans %}HOME_KEY{% endtrans %}
  294.                                     </a>
  295.                                 </li>
  297.                                 <!-- Nav item 2 Pages -->
  298.                                 {# <li class="nav-item dropdown">
  299.                                                                                                                                                                                             <a class="nav-link" href="" id="pagesMenu" aria-haspopup="true" aria-expanded="false">Courses</a>
  300.                                                                                                                                                                                         </li> #}
  302.                                 <!-- Nav item 4 Megamenu-->
  303.                                     <li class="nav-item dropdown dropdown-fullwidth"> <a class="nav-link dropdown-toggle {{ isCoursePage is defined ? 'active' : '' }}" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{% trans %}COURSESFORMATION_KEY{% endtrans %}</a>
  304.                                     <div class="dropdown-menu dropdown-menu-end" data-bs-popper="none">
  305.                                         {{ render(url("app_front_header_courses_and_formations")) }}
  306.                                     </div>
  307.                                 </li>
  309.                                 <li class="nav-item">
  310.                                     <a class="nav-link {{ isExamPage is defined ? 'active' : '' }}" href="{{ path('app_front_exam_index') }}" aria-haspopup="true" aria-expanded="false">{% trans %}EXAM_KEY{% endtrans %}</a>
  311.                                 </li>
  314.                                 <!-- Nav item 3 Account -->
  315.                                 <li class="nav-item">
  316.                                     <a class="nav-link {{ isForumMainPage is defined ? 'active' : '' }}" href="{{ url('app_front_forum_index') }}" aria-haspopup="true" aria-expanded="false">{% trans %}FORUM_KEY{% endtrans %}</a>
  317.                                 </li>
  319.                                 <!-- Nav item 3 Account -->
  320.                                 {% if not app.user or (app.user.eleve and not app.user.eleve.isPremium) %}
  321.                                     <li class="nav-item">
  322.                                         <a class="nav-link" href="{{ path('app_plan') }}" aria-haspopup="true" aria-expanded="false">
  323.                                             <b class="badge bg-success">{% trans %}BECOME_PREMIUM_KEY{% endtrans %}</b>
  324.                                         </a>
  325.                                     </li>
  326.                                 {% endif %}
  328.                                <!-- Nav item 3 Account -->
  329.                                 {% if not app.user %}
  330.                                     <li class="nav-item">
  331.                                         <a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#coursePremium" aria-haspopup="true" aria-expanded="false">
  332.                                             <b class="badge bg-success">Créer un compte</b>
  333.                                         </a>
  334.                                     </li>
  335.                                 {% endif %}
  337.                                 <!-- Nav item 3 Account -->
  338.                                 {% if not app.user %}
  339.                                     <li class="nav-item  hide-login">
  340.                                         <a class="nav-link" href="{{ path('app_login') }}" aria-haspopup="true" aria-expanded="false">
  341.                                            <b class="badge bg-success">{% trans %}SIGNIN_KEY{% endtrans %}</b>
  342.                                         </a>
  343.                                     </li>
  344.                                 {% endif %}
  347.                             </ul>
  348.                             <!-- Nav Main menu END -->
  350.                             <!-- Nav Search START -->
  351.                             <div class="nav my-3 my-xl-0 px-4 flex-nowrap align-items-center">
  352.                                 <div class="nav-item w-100">
  353.                                     <form class="position-relative" action="{{ url("app_front_courses") }}">
  354.                                         <input class="form-control pe-5 bg-transparent" type="search" placeholder="{% trans %}SEARCH_KEY{% endtrans %}" name="search" required aria-label="Search">
  355.                                         <button class="bg-transparent p-2 position-absolute top-50 end-0 translate-middle-y border-0 text-primary-hover text-reset" type="submit">
  356.                                             <i class="fas fa-search fs-6 "></i>
  357.                                         </button>
  358.                                     </form>
  359.                                 </div>
  360.                             </div>
  361.                             <!-- Nav Search END -->
  362.                         </div>
  363.                         <!-- Main navbar END -->
  365.                         <div class="dropdown mt-0 text-center text-sm-end">
  366.                             <a class="dropdown-toggle nav-link" style="padding-right: 15px" href="#" role="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false">
  367.                                 <i class="fas fa-globe me-2"></i>
  368.                                 {% if app.session.get('_locale') == 'en'  %}
  369.                                     {% trans %}ENGLISH_KEY{% endtrans %}
  370.                                 {% else %}
  371.                                     {% trans %}FRENCH_KEY{% endtrans %}
  372.                                 {% endif %}
  373.                             </a>
  374.                             <ul class="dropdown-menu min-w-auto" aria-labelledby="languageSwitcher">
  375.                                 <li>
  376.                                     <a class="dropdown-item me-4 {{ app.session.get('_locale') is same as 'en' ? 'active' : '' }}" href="{{ url('app_security_change_language', {lang: 'en'}) }}"><img class="fa-fw me-2" src="{{ asset('assets/images/flags/uk.svg') }}" alt="">{% trans %}ENGLISH_KEY{% endtrans %}</a>
  377.                                 </li>
  378.                                 <li>
  379.                                     <a class="dropdown-item me-4 {{ app.session.get('_locale') is same as 'fr' ? 'active' : '' }}" href="{{ url('app_security_change_language', {lang: 'fr'}) }}"><img class="fa-fw me-2" src="{{ asset('assets/images/flags/sp.svg') }}" alt="">{% trans %}FRENCH_KEY{% endtrans %}</a>
  380.                                 </li>
  381.                             </ul>
  382.                         </div>
  384.                         <!-- Profile START -->
  385.                         {% if app.user %}
  386.                             <div class="dropdown ms-1 ms-lg-0">
  387.                                 <a class="avatar avatar-sm p-0" href="#" id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
  388.                                     <img class="avatar-img rounded-circle" src="{{ asset(app.user.personne.avatarPath) }}" alt="avatar">
  389.                                 </a>
  390.                                 <ul
  391.                                     class="dropdown-menu dropdown-animation dropdown-menu-end shadow pt-3" aria-labelledby="profileDropdown">
  392.                                     <!-- Profile info -->
  393.                                     <li class="px-3 mb-3">
  394.                                         <div
  395.                                             class="d-flex align-items-center">
  396.                                             <!-- Avatar -->
  397.                                             <div class="avatar me-3">
  398.                                                 <img class="avatar-img rounded-circle shadow" src="{{ asset(app.user.personne.avatarPath) }}" alt="avatar">
  399.                                             </div>
  400.                                             <div>
  401.                                                 <a class="h6" href="#">{{ app.user.personne.pseudo }}</a>
  402.                                                 <p class="small m-0">{{ app.user.userIdentifier }}</p>
  403.                                             </div>
  404.                                         </div>
  405.                                     </li>
  406.                                     <li>
  407.                                         <hr class="dropdown-divider"></li>
  408.                                     <!-- Links -->
  409.                                     <li>
  410.                                         <a class="dropdown-item" href="{{ url("app_home") }}">
  411.                                             <i class="bi bi-person fa-fw me-2"></i>
  412.                                             {% trans %}DASHBOARD_KEY{% endtrans %}</a>
  413.                                     </li>
  414.                                     {% if is_granted('ROLE_INSTRUCTOR') %}
  415.                                         <li>
  416.                                             <a class="dropdown-item" href="{{ url("app_instructor_profile") }}">
  417.                                                 <i class="bi bi-gear fa-fw me-2"></i>
  418.                                                 {% trans %}EDIT_PROFILE_KEY{% endtrans %}</a>
  419.                                         </li>
  420.                                     {% elseif is_granted('ROLE_STUDENT') %}
  421.                                         <li>
  422.                                             <a class="dropdown-item" href="">
  423.                                                 <i class="bi bi-gear fa-fw me-2"></i>
  424.                                                 {% trans %}EDIT_PROFILE_KEY{% endtrans %}</a>
  425.                                         </li>
  426.                                     {% endif %}
  428.                                     <li>
  429.                                         <a class="dropdown-item" href="#">
  430.                                             <i class="bi bi-info-circle fa-fw me-2"></i>
  431.                                             {% trans %}HELP_KEY{% endtrans %}</a>
  432.                                     </li>
  433.                                     <li>
  434.                                         <a class="dropdown-item bg-danger-soft-hover" href="{{ url("app_logout") }}">
  435.                                             <i class="bi bi-power fa-fw me-2"></i>
  436.                                             {% trans %}SIGNOUT_KEY{% endtrans %}</a>
  437.                                     </li>
  438.                                     <li>
  439.                                         <hr class="dropdown-divider"></li>
  440.                                     <!-- Dark mode options START -->
  441.                                     <li>
  442.                                         <div class="bg-light dark-mode-switch theme-icon-active d-flex align-items-center p-1 rounded mt-2">
  443.                                             <button type="button" class="btn btn-sm mb-0" data-bs-theme-value="light">
  444.                                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sun fa-fw mode-switch" viewbox="0 0 16 16">
  445.                                                     <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
  446.                                                     <use href="#"></use>
  447.                                                 </svg>
  448.                                                 {% trans %}LIGHT_KEY{% endtrans %}
  449.                                             </button>
  450.                                             <button type="button" class="btn btn-sm mb-0" data-bs-theme-value="dark">
  451.                                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars fa-fw mode-switch" viewbox="0 0 16 16">
  452.                                                     <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"/>
  453.                                                     <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
  454.                                                     <use href="#"></use>
  455.                                                 </svg>
  456.                                                 {% trans %}DARK_KEY{% endtrans %}
  457.                                             </button>
  458.                                             <button type="button" class="btn btn-sm mb-0 active" data-bs-theme-value="auto">
  459.                                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch" viewbox="0 0 16 16">
  460.                                                     <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
  461.                                                     <use href="#"></use>
  462.                                                 </svg>
  463.                                                 {% trans %}AUTO_KEY{% endtrans %}
  464.                                             </button>
  465.                                         </div>
  466.                                     </li>
  467.                                     <!-- Dark mode options END-->
  468.                                 </ul>
  469.                             </div>
  470.                         {% else %}
  471.                             <div class="navbar-nav d-none d-md-inline">
  472.                                 <a href="{{ path('app_login') }}" class="btn btn-sm btn-dark mb-0">
  473.                                     <i class="bi bi-power me-2"></i>
  474.                                     {% trans %}SIGNIN_KEY{% endtrans %}</a>
  475.                             </div>
  476.                         {% endif %}
  478.                         <!-- Profile START -->
  479.                     </div>
  480.                 </nav>
  481.                 <!-- Nav END -->
  482.             </header>
  483.             <!-- Header END -->
  484.         {% endblock %}
  486.         <!-- **************** MAIN CONTENT START **************** -->
  487.         <main>
  489.             <!-- =======================
  490.                                                                     Main Banner START -->
  491.             {% block mainBarnner %}{% endblock %}
  492.             <!-- =======================
  493.                                                                     Main Banner END -->
  495.             {% block mainContent %}{% endblock %}
  497.         </main>
  498.         <!-- **************** MAIN CONTENT END **************** -->
  500.         {% block footer %}
  501.             <!-- =======================
  502.                                                                 Footer START -->
  503.             <footer class="pt-5">
  504.                 <div
  505.                     class="container">
  506.                     <!-- Row START -->
  507.                     <div
  508.                         class="row g-4">
  510.                         <!-- Widget 1 START -->
  511.                         <div
  512.                             class="col-lg-3">
  513.                             <!-- logo -->
  514.                             <a class="me-0" href="{{ path('app_home') }}">
  515.                                 <img class="light-mode-item h-40px" src="{{ asset('assets/images/logo.svg') }}" alt="logo">
  516.                                 <img class="dark-mode-item h-40px" src="{{ asset('assets/images/logo-light.svg') }}" alt="logo">
  517.                             </a>
  519.                             <a href="https://wa.me/+237698809093" title="Nous rejoindre sur Whatsapp" target="_blank" class="whatsapp-icon">
  520.                                 <img src="{{ asset('assets/images/icone-whatsapp.png') }}" alt="WhatsApp"/>
  521.                             </a>
  523.                             <p class="my-3">{{ siteSettings.siteDescription|default('') }}</p>
  524.                             <!-- Social media icon -->
  525.                             <ul class="list-inline mb-0 mt-3">
  526.                                 {% for item in socialsSettings %}
  527.                                     {% if item.icon|lower is same as 'fa-facebook-f' %}
  528.                                         <li class="list-inline-item">
  529.                                             <a target="_blank" class="btn btn-white btn-sm shadow px-2 text-facebook" href="{{ item.link }}">
  530.                                                 <i class="fab fa-fw fa-facebook-f"></i>
  531.                                             </a>
  532.                                         </li>
  533.                                     {% elseif item.icon|lower is same as 'fa-instagram' %}
  534.                                         <li class="list-inline-item">
  535.                                             <a target="_blank" class="btn btn-white btn-sm shadow px-2 text-instagram" href="{{ item.link }}">
  536.                                                 <i class="fab fa-fw fa-instagram"></i>
  537.                                             </a>
  538.                                         </li>
  539.                                     {% elseif item.icon|lower is same as 'fa-fw fa-twitter' %}
  540.                                         <li class="list-inline-item">
  541.                                             <a target="_blank" class="btn btn-white btn-sm shadow px-2 text-twitter" href="{{ item.link }}">
  542.                                                 <i class="fab fa-fw fa-twitter"></i>
  543.                                             </a>
  544.                                         </li>
  545.                                     {% elseif item.icon|lower is same as 'fa-linkedin-in' %}
  546.                                         <li class="list-inline-item">
  547.                                             <a target="_blank" class="btn btn-white btn-sm shadow px-2 text-linkedin" href="{{ item.link }}">
  548.                                                 <i class="fab fa-fw fa-linkedin-in"></i>
  549.                                             </a>
  550.                                         </li>
  551.                                     {% elseif item.icon|lower is same as 'fa-youtube' %}
  552.                                         <li class="list-inline-item">
  553.                                             <a target="_blank" class="btn btn-white btn-sm shadow px-2 text-danger" href="{{ item.link }}">
  554.                                                 <i class="fab fa-fw fa-youtube"></i>
  555.                                             </a>
  556.                                         </li>
  557.                                     {% endif %}
  558.                                 {% endfor %}
  559.                             </ul>
  560.                         </div>
  561.                         <!-- Widget 1 END -->
  563.                         <!-- Widget 2 START -->
  564.                         <div class="col-lg-6">
  565.                             <div
  566.                                 class="row g-4">
  567.                                 <!-- Link block -->
  568.                                 <div class="col-6 col-md-4">
  569.                                     <h5 class="mb-2 mb-md-4">{% trans %}COMPANY_KEY{% endtrans %}</h5>
  570.                                     <ul class="nav flex-column">
  571.                                         <li class="nav-item">
  572.                                             <a class="nav-link" href="{{ path('app_front_courses') }}">{% trans %}COURSES_KEY{% endtrans %}</a>
  573.                                         </li>
  574.                                         <li class="nav-item">
  575.                                             <a class="nav-link" href="{{ path('app_front_exam_index') }}">{% trans %}EXAM_KEY{% endtrans %}</a>
  576.                                         </li>
  577.                                         <li class="nav-item">
  578.                                             <a class="nav-link" href="{{ path('app_front_about') }}">{% trans %}ABOUTUS_KEY{% endtrans %}</a>
  579.                                         </li>
  580.                                         <li class="nav-item">
  581.                                             <a class="nav-link" href="{{ path('app_front_contact') }}">{% trans %}CONTACTUS_KEY{% endtrans %}</a>
  582.                                         </li>
  583.                                     </ul>
  584.                                 </div>
  586.                                 <!-- Link block -->
  587.                                 <div class="col-6 col-md-4">
  588.                                     <h5 class="mb-2 mb-md-4">{% trans %}COMMUNITY_KEY{% endtrans %}</h5>
  589.                                     <ul class="nav flex-column">
  590.                                         <li class="nav-item">
  591.                                             <a class="nav-link" href="{{ url('app_front_faq') }}">{% trans %}FAQ_KEY{% endtrans %}</a>
  592.                                         </li>
  593.                                         <li class="nav-item">
  594.                                             <a class="nav-link" href="{{ url('app_front_forum_index') }}">{% trans %}FORUM_KEY{% endtrans %}</a>
  595.                                         </li>
  596.                                         <li class="nav-item">
  597.                                             <a class="nav-link" href="#">{% trans %}SITEMAP_KEY{% endtrans %}</a>
  598.                                         </li>
  599.                                     </ul>
  600.                                 </div>
  602.                                 <!-- Link block -->
  603.                                 <div class="col-6 col-md-4">
  604.                                     <h5 class="mb-2 mb-md-4">{% trans %}TEACHING_KEY{% endtrans %}</h5>
  605.                                     <ul class="nav flex-column">
  606.                                         <li class="nav-item">
  607.                                             <a class="nav-link" href="{{ url('app_become_teacher') }}">{% trans %}BECOMEATEACKER_KEY{% endtrans %}</a>
  608.                                         </li>
  609.                                         <li class="nav-item">
  610.                                             <a class="nav-link" href="{{ url('app_become_teacher') }}#contactTitle">{% trans %}HOWTOGUIDE_KEY{% endtrans %}</a>
  611.                                         </li>
  612.                                         <li class="nav-item">
  613.                                             <a class="nav-link" href="{{ url('app_terms') }}">{% trans %}TERMSANDCONDITIONS_KEY{% endtrans %}</a>
  614.                                         </li>
  615.                                     </ul>
  616.                                 </div>
  617.                             </div>
  618.                         </div>
  619.                         <!-- Widget 2 END -->
  621.                         <!-- Widget 3 START -->
  622.                         <div class="col-lg-3">
  623.                             <h5 class="mb-2 mb-md-4">{% trans %}CONTACT_KEY{% endtrans %}</h5>
  624.                             <!-- Time -->
  625.                             <p class="mb-2">
  626.                                 {% trans %}TOLLFREE_KEY{% endtrans %}:<span class="h6 fw-light ms-2">{{ siteSettings.contactPhone|default('+237650967064') }}</span>
  627.                                 <span class="d-block small">(9:AM to 8:PM IST)</span>
  628.                             </p>
  630.                             <p class="mb-0">{% trans %}EMAIL_KEY{% endtrans %}:<span class="h6 fw-light ms-2">{{ siteSettings.supportEmail|default('akouma.net@gmail.com') }}</span>
  631.                             </p>
  633.                             <div
  634.                                 class="row g-2 mt-2">
  635.                                 <!-- Google play store button -->
  636.                                 <div class="col-6 col-sm-4 col-md-3 col-lg-6">
  637.                                     <a href="https://play.google.com/store/apps/details?id=com.thealphamerc.kulmapeck&pcampaignid=web_share">
  638.                                         <img src="{{ asset('assets/images/client/google-play.svg') }}" alt="">
  639.                                     </a>
  640.                                 </div>
  641.                                 <!-- App store button -->
  642.                                 <div class="col-6 col-sm-4 col-md-3 col-lg-6">
  643.                                     <a href="https://play.google.com/store/apps/details?id=com.thealphamerc.kulmapeck&pcampaignid=web_share">
  644.                                         <img src="{{ asset('assets/images/client/app-store.svg') }}" alt="app-store">
  645.                                     </a>
  646.                                 </div>
  647.                             </div>
  648.                             <!-- Row END -->
  649.                         </div>
  650.                         <!-- Widget 3 END -->
  651.                     </div>
  652.                     <!-- Row END -->
  654.                     <!-- Divider -->
  655.                     <hr
  656.                     class="mt-4 mb-0">
  658.                     <!-- Bottom footer -->
  659.                     <div class="py-3">
  660.                         <div class="container px-0">
  661.                             <div
  662.                                 class="d-lg-flex justify-content-between align-items-center py-3 text-center text-md-left">
  663.                                 <!-- copyright text -->
  664.                                 <div class="text-primary-hover">{{ siteSettings.siteCopyrights|default('Copyrights 2023 Sensei237. All rights reserved') }}</div>
  665.                                 <!-- copyright links-->
  666.                                 <div class="justify-content-center mt-3 mt-lg-0">
  667.                                     <ul class="nav list-inline justify-content-center mb-0">
  668.                                         <li
  669.                                             class="list-inline-item">
  670.                                             <!-- Language selector -->
  671.                                             <div class="dropup mt-0 text-center text-sm-end">
  672.                                                 <a class="dropdown-toggle nav-link" href="#" role="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false">
  673.                                                     <i class="fas fa-globe me-2"></i>
  674.                                                     {% trans %}LANGUAGE_KEY{% endtrans %}
  675.                                                 </a>
  676.                                                 <ul class="dropdown-menu min-w-auto" aria-labelledby="languageSwitcher">
  677.                                                     <li>
  678.                                                         <a class="dropdown-item me-4" href="#"><img class="fa-fw me-2" src="{{ asset('assets/images/flags/uk.svg') }}" alt="">{% trans %}ENGLISH_KEY{% endtrans %}</a>
  679.                                                     </li>
  680.                                                     <li>
  681.                                                         <a class="dropdown-item me-4" href="#"><img class="fa-fw me-2" src="{{ asset('assets/images/flags/sp.svg') }}" alt="">{% trans %}FRENCH_KEY{% endtrans %}</a>
  682.                                                     </li>
  683.                                                 </ul>
  684.                                             </div>
  685.                                         </li>
  686.                                         <li class="list-inline-item">
  687.                                             <div class="dropup mt-0 text-center text-sm-end">
  688.                                                 <a class="dropdown-toggle nav-link" href="#" role="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false">
  689.                                                     <i class="fas fa-globe me-2"></i>
  690.                                                     {% trans %}APPARANCE_KEY{% endtrans %}
  691.                                                 </a>
  692.                                                 <ul class="dropdown-menu min-w-auto bg-light dark-mode-switch theme-icon-active">
  693.                                                     <li>
  694.                                                         <a href="#" class="dropdown-item me-4" data-bs-theme-value="light">
  695.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sun fa-fw mode-switch" viewbox="0 0 16 16">
  696.                                                                 <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
  697.                                                                 <use href="#"></use>
  698.                                                             </svg>
  699.                                                             {% trans %}LIGHT_KEY{% endtrans %}
  700.                                                         </a>
  701.                                                     </li>
  702.                                                     <li>
  703.                                                         <a href="#" class="dropdown-item me-4" data-bs-theme-value="dark">
  704.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars fa-fw mode-switch" viewbox="0 0 16 16">
  705.                                                                 <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"/>
  706.                                                                 <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
  707.                                                                 <use href="#"></use>
  708.                                                             </svg>
  709.                                                             {% trans %}DARK_KEY{% endtrans %}
  710.                                                         </a>
  711.                                                     </li>
  712.                                                     <li>
  713.                                                         <a href="#" class="dropdown-item me-4 active" data-bs-theme-value="auto">
  714.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch" viewbox="0 0 16 16">
  715.                                                                 <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
  716.                                                                 <use href="#"></use>
  717.                                                             </svg>
  718.                                                             {% trans %}AUTO_KEY{% endtrans %}
  719.                                                         </a>
  720.                                                     </li>
  721.                                                 </ul>
  722.                                             </div>
  723.                                         </li>
  724.                                         <li class="list-inline-item">
  725.                                             <a class="nav-link" href="{{ url('app_terms') }}">{% trans %}TERMSOFUSE_KEY{% endtrans %}</a>
  726.                                         </li>
  727.                                         <li class="list-inline-item">
  728.                                             <a class="nav-link pe-0" href="{{ url('app_terms') }}">{% trans %}PRIVACYPOLICY_KEY{% endtrans %}</a>
  729.                                         </li>
  730.                                     </ul>
  731.                                 </div>
  732.                             </div>
  733.                         </div>
  734.                     </div>
  735.                 </div>
  736.             </footer>
  737.             <!-- =======================
  738.                                                                 Footer END -->
  739.         {% endblock %}
  741.         {% if app.session.get('annonce') and app.session.get('showAnnonces') and dontShowAnnonces is not defined %}
  742.             {{ include('front/evaluation/_annonces.html.twig', {'annonce': app.session.get('annonce'), 'isForPrommedTest': true}) }}
  743.         {% endif %}
  744.         {% if app.session.get('currentEvaluation') and dontShowAnnonces is not defined %}
  745.             {{ include('front/evaluation/_annonces.html.twig', {'annonce': app.session.get('currentEvaluation'), 'isForCurrentTest': true}) }}
  746.         {% endif %}
  748.         {% if app.flashes('notification') %}
  749.             <div id="bottom-notification" style="position: fixed;bottom: 5px;right: 15px; min-height: 0px;z-index: 200;min-width: 400px;">
  750.                 <div class="card">
  751.                     <div class="card-header"></div>
  752.                     <div class="card-body">
  753.                         {% for message in app.flashes('notification') %}
  754.                             <div class="alert alert-danger alert-dismissible">
  755.                                 <p>{{ message }}</p>
  756.                             </div>
  757.                         {% endfor %}
  758.                     </div>
  759.                 </div>
  760.             </div>
  761.         {% endif %}
  763.         <!-- Back to top -->
  764.         <div class="back-top">
  765.             <i class="bi bi-arrow-up-short position-absolute top-50 start-50 translate-middle"></i>
  766.         </div>
  768.         {% if isReadLessonPage is defined and isReadLessonPage %}
  769.             <a href="{{ url("app_front_course_forum_index", {slug: course.slug}) }}" class="text-primary-hover" title="{% trans %}GOTOFORUM_KEY{% endtrans %}" data-bs-toggle="tooltip" style="color: var(--bs-danger);position: fixed;bottom: 50%; left: 40px;z-index: 100;width: 52px;height: 52px;line-height: 52px;text-align: center;display: block;cursor: pointer;visibility: visible; transition: all 0.3s ease-in-out;background: rgba(var(--bs-danger-rgb), 0.1);">
  770.                 <i class="bi bi-chat-right-text-fill position-absolute top-50 start-50 translate-middle"></i>
  771.             </a>
  772.         {% endif %}
  774.         {% if isForumPage is defined and isForumPage %}
  775.             <a href="{{ url("app_front_course_details", {slug: course.slug}) }}" class="text-primary-hover" title="{% trans %}BACKTOCOURSEDETAILS_KEY{% endtrans %}" data-bs-toggle="tooltip" style="color: var(--bs-danger);position: fixed;bottom: 50%; left: 40px;z-index: 100;width: 52px;height: 52px;line-height: 52px;text-align: center;display: block;cursor: pointer;visibility: visible; transition: all 0.3s ease-in-out;background: rgba(var(--bs-danger-rgb), 0.1);">
  776.                 <i class="bi bi-arrow-left-square-fill position-absolute top-50 start-50 translate-middle"></i>
  777.             </a>
  778.         {% endif %}
  780.         <!-- Modal START -->
  781.         <div class="modal fade" id="coursePremium" tabindex="-1" aria-hidden="true">
  782.             <div class="modal-dialog modal-dialog-centered modal-lg">
  783.                 <div class="modal-content">
  784.                     <div
  785.                         class="modal-header border-0 bg-transparent">
  786.                         <!-- Close button -->
  787.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  788.                     </div>
  789.                     <!-- Modal body -->
  790.                     <div
  791.                         class="modal-body px-5 pb-5 position-relative overflow-hidden">
  793.                         <!-- Element -->
  794.                         <figure class="position-absolute bottom-0 end-0 mb-n4 me-n4 d-none d-sm-block">
  795.                             <img src="assets/images/element/01.svg" alt="element">
  796.                         </figure>
  797.                         <figure class="position-absolute top-0 end-0 z-index-n1 opacity-2">
  798.                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="818.6px" height="235.1px" viewbox="0 0 818.6 235.1">
  799.                                 <path class="fill-info" d="M735,226.3c-5.7,0.6-11.5,1.1-17.2,1.7c-66.2,6.8-134.7,13.7-192.6-16.6c-34.6-18.1-61.4-47.9-87.3-76.7 c-21.4-23.8-43.6-48.5-70.2-66.7c-53.2-36.4-121.6-44.8-175.1-48c-13.6-0.8-27.5-1.4-40.9-1.9c-46.9-1.9-95.4-3.9-141.2-16.5 C8.3,1.2,6.2,0.6,4.2,0H0c3.3,1,6.6,2,10,3c46,12.5,94.5,14.6,141.5,16.5c13.4,0.6,27.3,1.1,40.8,1.9 c53.4,3.2,121.5,11.5,174.5,47.7c26.5,18.1,48.6,42.7,70,66.5c26,28.9,52.9,58.8,87.7,76.9c58.3,30.5,127,23.5,193.3,16.7 c5.8-0.6,11.5-1.2,17.2-1.7c26.2-2.6,55-4.2,83.5-2.2v-1.2C790,222,761.2,223.7,735,226.3z"></path>
  800.                             </svg>
  801.                         </figure>
  802.                         <!-- Title -->
  803.                         <h2>{% trans %}CHOOSETYPEUSERACCOUNT_KEY{% endtrans %}</span>
  804.                     </h2>
  805.                     <p>{% trans %}ACCOUNTMODALDESCRIPTION_KEY{% endtrans %}</p>
  806.                     <!-- Content -->
  807.                     <div class="row mb-3 item-collapse">
  808.                         <div class="col-sm-6">
  809.                             <a href="{{ path('app_front_register', {type: 'trainer'}) }}">
  810.                                 <img src="{{ asset('assets/images/avatar/prof-avatar.jpg') }}" class="rounded-3 mb-3" alt="...">
  811.                                 <caption class="text-center mt-3">{% trans %}TEACHER_KEY{% endtrans %}</caption>
  812.                             </a>
  813.                         </div>
  814.                         <div class="col-sm-6">
  815.                             <a href="{{ path('app_front_register', {type: 'student'}) }}">
  816.                                 <img src="{{ asset('assets/images/avatar/eleve-avatar.jpg') }}" class="rounded-3 mb-3" alt="...">
  817.                                 <caption class="text-center mt-3">{% trans %}STUDENT_KEY{% endtrans %}</caption>
  818.                             </a>
  819.                         </div>
  820.                     </div>
  821.                 </div>
  823.             </div>
  824.         </div>
  825.     </body>
  826. </html></div><!-- Modal END -->{% if app.user and membre is defined and membre is not null %}
  827. <!-- Modal START -->
  828. <div class="modal fade" id="replyForumMessage" tabindex="-1" aria-hidden="true">
  829.     <div class="modal-dialog modal-lg">
  830.         <div class="modal-content">
  831.             <div
  832.                 class="modal-header border-0 bg-transparent">
  833.                 <!-- Close button -->
  834.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  835.             </div>
  836.             <!-- Modal body -->
  837.             <div class="modal-body px-5 pb-5 position-relative overflow-hidden">
  838.                 <div
  839.                     class="d-flex mb-4 mt-3">
  840.                     <!-- Avatar -->
  841.                     <div class="avatar avatar-sm flex-shrink-0 me-2">
  842.                         <a href="#">
  843.                             <img class="avatar-img rounded-circle" src="{{ asset(app.user.personne.avatarPath) }}" alt="">
  844.                         </a>
  845.                     </div>
  847.                     <form class="w-100 d-flex" method="POST" action="{{ path("app_course_reply_forum_message") }}">
  848.                         <input type="hidden" name="reply" id="reply">
  849.                         <input type="hidden" name="membre" id="membre">
  850.                         <input type="hidden" name="response_container" id="response_container">
  851.                         <textarea name="replyMessage" required id="replyTexarea" class="one form-control pe-4 bg-light" placeholder="{% trans %}ADDCOMMENT_KEY{% endtrans %}" rows="3"></textarea>
  852.                         <button class="btn btn-primary ms-2 mb-0" type="submit">
  853.                             <i class="fas fa-paper-plane"></i>
  854.                         </button>
  855.                     </form>
  856.                 </div>
  857.             </div>
  859.         </div>
  860.     </div>
  861. </div>
  862. <!-- Modal END -->{% endif %}<!-- Vendors -->{% block jquery %}
  863. <script src="{{ asset('assets/vendor/jquery/jquery-3.6.4.min.js') }}"></script>{% endblock %}<!-- Bootstrap JS --><script src="{{ asset('assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>{% block script1 %}
  864. <!-- Vendors -->
  865. <script src="{{ asset('assets/vendor/tiny-slider/tiny-slider.js') }}"></script>
  866. <script src="{{ asset('assets/vendor/glightbox/js/glightbox.js') }}"></script>
  867. <script src="{{ asset('assets/vendor/purecounterjs/dist/purecounter_vanilla.js') }}"></script>
  868. <script src="{{asset('assets/vendor/apexcharts/js/apexcharts.min.js')}}"></script>
  869. <script src="{{asset('assets/vendor/overlay-scrollbar/js/overlayscrollbars.min.js')}}"></script>
  870. <script src="{{ asset('assets/vendor/choices/js/choices.min.js') }}"></script>
  871. <script src="{{ asset('assets/vendor/aos/aos.js') }}"></script>
  872. <script>
  873.     $('.pagination-container nav').addClass('mt-4 d-flex justify-content-center')
  874. $('.pagination-container nav ul.pagination li').addClass('mb-0')
  875. $('.pagination-container nav ul.pagination').addClass('pagination-primary-soft d-inline-block d-md-flex rounded mb-0')
  877. $('.delete-item').on('click', (e) => {
  878. return confirm('Are you sure you want to purchasse ?');
  879. })
  880. </script>
  882. {% block custumJS %}
  884.     <script>
  885.         setTimeout(function () {
  886. $("#bottom-notification").addClass('d-none');
  887. }, 10000)
  888.     </script>
  890.     <div id="quizNotification" class="btn btn-primary">Dès Décembre prochain, les évaluations vous seront programmées !</div>
  892.     <script>
  893.         document.addEventListener("DOMContentLoaded", function () {
  894. function showQuizNotification() {
  895. var notification = document.getElementById("quizNotification");
  896. notification.style.display = "block";
  897. setTimeout(function () {
  898. notification.style.display = "none";
  899. }, 1000); // 5000 milliseconds = 5 seconds
  900. }
  902. // Call the function to show the notification after page load
  903. showQuizNotification();
  905. // Optionally, you can set up the notification to show every 5 seconds
  906. setInterval(showQuizNotification, 5000);
  907. });
  908.     </script>
  910.     <script>
  911.         const likeForumMessage = (e) => {
  912. e.preventDefault();
  913. const elt = $(e.currentTarget)
  914. if (confirm("Confirm that you like these answer ?")) {
  915. $.ajax({
  916. url: elt.attr('href'),
  917. type: "POST",
  918. dataType: "JSON",
  919. success: (response) => {
  920. if (response.hasDone) {
  921. elt.find('.nb-likes').text(response.likes)
  922. }
  923. }
  924. })
  925. }
  926. return false;
  927. }
  929. const showReplyMessageForumModal = (e) => {
  930. e.preventDefault();
  931. $('#replyForumMessage #reply').val(e.currentTarget.dataset.forumMessage)
  932. $('#replyForumMessage #membre').val(e.currentTarget.dataset.membre)
  933. $('#replyForumMessage #response_container').val(e.currentTarget.dataset.appendResponse)
  935. }
  937. $('#replyForumMessage for').on('submit', (e) => {
  938. e.preventDefault();
  939. const form = $(this);
  940. const replyMessage = $('#replyTexarea').val()
  941. const reply = $('#replyForumMessage #reply').val()
  942. const membre = $('#replyForumMessage #membre').val()
  943. $.ajax({
  944. url: $(form).attr('action'),
  945. type: "POST",
  946. dataType: "JSON",
  947. data: {
  948. 'replyMessage': replyMessage,
  949. 'membre': membre,
  950. 'reply': reply
  951. },
  952. success: (response) => {
  953. if (respone.hasDone) {
  954. $('#replyForumMessage').modal('hide')
  955. }
  956. }
  957. })
  958. })
  960. $('.delete-item').on('click', (e) => {
  961. return confirm('Are you sure you want to delete this item?');
  962. })
  963. document.querySelectorAll('.reply-forum-message').forEach(btn => {
  964. btn.addEventListener("click", showReplyMessageForumModal)
  965. })
  966. document.querySelectorAll('.like-forum-message').forEach(btn => {
  967. btn.addEventListener("click", likeForumMessage)
  968. })
  969.     </script>
  970. {% endblock %}{% endblock %}{% block script %}{% endblock %}<!-- Template Functions --><script src="{{ asset('assets/js/functions.js') }}"></script>
  971. <script>
  972.     // Global translations for JavaScript
  973.     window.translations = {
  974.         'chat.typing.single': "{{ 'chat.typing.single'|trans }}",
  975.         'chat.typing.multiple': "{{ 'chat.typing.multiple'|trans }}",
  976.         'chat.errors.connection': "{{ 'chat.errors.connection'|trans }}",
  977.         'chat.errors.message': "{{ 'chat.errors.message'|trans }}",
  978.         'chat.errors.group': "{{ 'chat.errors.group'|trans }}"
  979.     };
  980. </script>
  982. <!-- Webpack Encore -->
  983. {{ encore_entry_script_tags('app') }}
  984. {% block javascripts %}{% endblock %}