templates/application/whileresume/website/components/sidebar.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .nav-wrap .nav-content-bttn.active{
  3.         background:var(--theme-color,#6C3AED) !important;
  4.         color:#fff !important;
  5.         border-radius:10px;
  6.     }
  7.     .nav-wrap .nav-content-bttn.active i,
  8.     .nav-wrap .nav-content-bttn.active span{
  9.         color:#fff !important;
  10.     }
  11.     .nav-wrap .nav-content-bttn.active:hover{
  12.         background:var(--theme-color,#6C3AED) !important;
  13.         color:#fff !important;
  14.     }
  15. </style>
  17. <nav class="navigation scroll-bar">
  18.     <div class="container ps-0 pe-0">
  19.         <div class="nav-content">
  21.             <div class="nav-wrap bg-white bg-transparent-card rounded-xxl shadow-xss pt-3 pb-1 mb-2 mt-2">
  22.                 <div class="nav-caption fw-600 font-xssss text-grey-500"><span></span>{{ 'sidebar.connected'|trans({}, 'whr-public') }}</div>
  23.                 <ul class="mb-1 top-content">
  24.                     <li class="logo d-none d-xl-block d-lg-block"></li>
  26.                     <li>
  27.                         <a href="{% if app.request.locale == 'en' %}{{ path('whileresume_homepage') }}{% else %}{{ path('locale_whileresume_homepage',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font">
  28.                             <i class="font-xl text-current feather-home me-3"></i>
  29.                             <span>{{ 'sidebar.home'|trans({}, 'whr-public') }}</span>
  30.                         </a>
  31.                     </li>
  33.                     <li>
  34.                         <a class="nav-content-bttn open-font">
  35.                             <i class="font-xl text-current feather-globe me-3"></i>
  36.                             <span>{{ 'sidebar.business'|trans({}, 'whr-public') }}</span>
  37.                         </a>
  38.                     </li>
  40.                 </ul>
  41.             </div>
  43.             <div class="nav-wrap bg-white bg-transparent-card rounded-xxl shadow-xss pt-3 pb-1 mb-2 mt-2">
  44.                 <div class="nav-caption fw-600 font-xssss text-grey-500"><span></span>{{ 'sidebar.discover'|trans({}, 'whr-public') }}</div>
  45.                 <ul class="mb-1 top-content">
  47.                     <li>
  48.                         <a href="{% if app.request.locale == 'en' %}{{ path('cvs_website_articles') }}{% else %}{{ path('locale_cvs_website_articles',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font">
  49.                             <i class="font-xl text-current feather-folder me-3"></i>
  50.                             <span>{{ 'sidebar.database'|trans({}, 'whr-public') }}</span>
  51.                         </a>
  52.                     </li>
  54.                     {% set isOnJobs = app.request.attributes.get('_route') in ['whileresume_jobs_list','locale_whileresume_jobs_list','cvs_application_jobs_filter','locale_cvs_application_jobs_filter','cvs_application_jobs_filter_keyword','locale_cvs_application_jobs_filter_keyword','cvs_application_job_show','locale_cvs_application_job_show'] %}
  55.                     <li{% if isOnJobs %} class="active"{% endif %}>
  56.                         <a href="{% if app.request.locale == 'en' %}{{ path('whileresume_jobs_list') }}{% else %}{{ path('locale_whileresume_jobs_list',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font{% if isOnJobs %} active{% endif %}">
  57.                             <i class="font-xl text-current feather-briefcase me-3"></i>
  58.                             <span>{{ 'sidebar.jobs'|trans({}, 'whr-public') }}</span>
  59.                         </a>
  60.                     </li>
  62.                     {% set isOnCompanies = app.request.attributes.get('_route') in ['whileresume_companies_list','locale_whileresume_companies_list','cvs_application_companies_filter','locale_cvs_application_companies_filter','cvs_application_companies_filter_keyword','locale_cvs_application_companies_filter_keyword','cvs_application_company_show','locale_cvs_application_company_show'] %}
  63.                     <li{% if isOnCompanies %} class="active"{% endif %}>
  64.                         <a href="{% if app.request.locale == 'en' %}{{ path('whileresume_companies_list') }}{% else %}{{ path('locale_whileresume_companies_list',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font{% if isOnCompanies %} active{% endif %}">
  65.                             <i class="font-xl text-current feather-globe me-3"></i>
  66.                             <span>{{ 'sidebar.companies'|trans({}, 'whr-public') }}</span>
  67.                         </a>
  68.                     </li>
  70.                     {% if isCandidateUser %}
  71.                         <li>
  72.                             <a href="{% if app.request.locale == 'en' %}{{ path('cvs_gestion_candidates_dashboard') }}{% else %}{{ path('locale_cvs_gestion_candidates_dashboard',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font">
  73.                                 <i class="font-xl text-current feather-heart me-3"></i>
  74.                                 <span>{{ 'sidebar.favorites'|trans({}, 'whr-public') }}</span>
  75.                             </a>
  76.                         </li>
  77.                     {% endif %}
  79.                 </ul>
  80.             </div>
  82.             <div class="nav-wrap bg-white bg-transparent-card rounded-xxl shadow-xss pt-3 pb-1 mb-2 mt-2">
  83.                 <div class="nav-caption fw-600 font-xssss text-grey-500"><span></span>{{ 'sidebar.connected'|trans({}, 'whr-public') }}</div>
  84.                 <ul class="mb-1 top-content">
  85.                     <li class="logo d-none d-xl-block d-lg-block"></li>
  87.                     <li>
  88.                         <a class="nav-content-bttn open-font">
  89.                             <i class="font-xl text-current feather-lock me-3" style="color:grey !important;"></i>
  90.                             <span>{{ 'sidebar.moncv'|trans({}, 'whr-public') }}</span>
  91.                         </a>
  92.                     </li>
  94.                     <li>
  95.                         <a class="nav-content-bttn open-font">
  96.                             <i class="font-xl text-current feather-lock me-3" style="color:grey !important;"></i>
  97.                             <span>{{ 'sidebar.moncv_generated'|trans({}, 'whr-public') }}</span>
  98.                         </a>
  99.                     </li>
  101.                     <li>
  102.                         <a class="nav-content-bttn open-font">
  103.                             <i class="font-xl text-current feather-lock me-3" style="color:grey !important;"></i>
  104.                             <span>{{ 'sidebar.moncv_original'|trans({}, 'whr-public') }}</span>
  105.                         </a>
  106.                     </li>
  108.                 </ul>
  109.             </div>
  111.             {% if isCandidateUser %}
  112.             {% endif %}
  114.             {% if sidebarFiltersCities is defined and sidebarFiltersCities|length > 0 %}
  115.                 <div class="nav-wrap bg-white bg-transparent-card rounded-xxl shadow-xss pt-3 pb-1 mb-2 whr-filter-section" data-page-size="5">
  116.                     <div class="nav-caption fw-600 font-xssss text-grey-500"><span>{{ 'sidebar.filterCitiesSection'|trans({}, 'whr-public') }}</span></div>
  118.                     {# Input de recherche live #}
  119.                     {% if sidebarFiltersCities|length > 5 %}
  120.                         <div class="px-3 pt-1 pb-2 whr-filter-search-wrap">
  121.                             <div class="whr-filter-search">
  122.                                 <span class="whr-filter-search-icon">
  123.                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
  124.                                 </span>
  125.                                 <input type="text"
  126.                                        class="whr-filter-search-input"
  127.                                        placeholder="{{ 'sidebar.filterSearchCity'|trans({}, 'whr-public') }}"
  128.                                        autocomplete="off">
  129.                             </div>
  130.                         </div>
  131.                     {% endif %}
  133.                     <ul class="mb-1 whr-filter-list">
  134.                         {% for f in sidebarFiltersCities %}
  135.                             <li class="whr-filter-item" data-index="{{ loop.index0 }}" data-filter-label="{{ f.label }}"{% if loop.index0 >= 5 %} style="display:none"{% endif %}>
  136.                                 <a href="{% if app.request.locale == 'en' %}{{ path('cvs_application_jobs_filter',{'slug':f.slug}) }}{% else %}{{ path('locale_cvs_application_jobs_filter',{'_locale':app.request.locale,'slug':f.slug}) }}{% endif %}"
  137.                                    class="nav-content-bttn open-font h-auto pt-2 pb-2">
  138.                                     {% if f.icon is not empty %}
  139.                                         <span class="me-3" style="font-size:18px;line-height:1;display:inline-block;width:24px;text-align:center;">{{ f.icon }}</span>
  140.                                     {% else %}
  141.                                         <i class="font-sm feather-map-pin me-3 text-grey-500"></i>
  142.                                     {% endif %}
  143.                                     <span>{{ f.label }}</span>
  144.                                 </a>
  145.                             </li>
  146.                         {% endfor %}
  147.                         <li class="whr-filter-empty"><span>{{ 'sidebar.filterNoResults'|trans({}, 'whr-public') }}</span></li>
  148.                     </ul>
  150.                     {# Pagination ← 1/N → #}
  151.                     {% if sidebarFiltersCities|length > 5 %}
  152.                         <div class="px-3 pb-2 pt-1 whr-filter-pager-wrap">
  153.                             <div class="whr-filter-pager">
  154.                                 <button type="button" class="whr-filter-pager-btn whr-filter-pager-prev" aria-label="{{ 'sidebar.filterPrev'|trans({}, 'whr-public') }}">
  155.                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="15 18 9 12 15 6"/></svg>
  156.                                 </button>
  157.                                 <span class="whr-filter-pager-info"><span class="whr-filter-pager-current">1</span>/<span class="whr-filter-pager-total">{{ ((sidebarFiltersCities|length - 1) // 5) + 1 }}</span></span>
  158.                                 <button type="button" class="whr-filter-pager-btn whr-filter-pager-next" aria-label="{{ 'sidebar.filterNext'|trans({}, 'whr-public') }}">
  159.                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg>
  160.                                 </button>
  161.                             </div>
  162.                         </div>
  163.                     {% endif %}
  164.                 </div>
  165.             {% endif %}
  167.             {% if sidebarFiltersCategories is defined and sidebarFiltersCategories|length > 0 %}
  168.                 <div class="nav-wrap bg-white bg-transparent-card rounded-xxl shadow-xss pt-3 pb-1 mb-2 whr-filter-section" data-page-size="5">
  169.                     <div class="nav-caption fw-600 font-xssss text-grey-500"><span>{{ 'sidebar.filterCategoriesSection'|trans({}, 'whr-public') }}</span></div>
  171.                     {% if sidebarFiltersCategories|length > 5 %}
  172.                         <div class="px-3 pt-1 pb-2 whr-filter-search-wrap">
  173.                             <div class="whr-filter-search">
  174.                                 <span class="whr-filter-search-icon">
  175.                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
  176.                                 </span>
  177.                                 <input type="text"
  178.                                        class="whr-filter-search-input"
  179.                                        placeholder="{{ 'sidebar.filterSearchCategory'|trans({}, 'whr-public') }}"
  180.                                        autocomplete="off">
  181.                             </div>
  182.                         </div>
  183.                     {% endif %}
  185.                     <ul class="mb-1 whr-filter-list">
  186.                         {% for f in sidebarFiltersCategories %}
  187.                             <li class="whr-filter-item" data-index="{{ loop.index0 }}" data-filter-label="{{ f.label }}"{% if loop.index0 >= 5 %} style="display:none"{% endif %}>
  188.                                 <a href="{% if app.request.locale == 'en' %}{{ path('cvs_application_jobs_filter',{'slug':f.slug}) }}{% else %}{{ path('locale_cvs_application_jobs_filter',{'_locale':app.request.locale,'slug':f.slug}) }}{% endif %}"
  189.                                    class="nav-content-bttn open-font h-auto pt-2 pb-2">
  190.                                     {% if f.icon is not empty %}
  191.                                         <span class="me-3" style="font-size:18px;line-height:1;display:inline-block;width:24px;text-align:center;">{{ f.icon }}</span>
  192.                                     {% else %}
  193.                                         <i class="font-sm feather-briefcase me-3 text-grey-500"></i>
  194.                                     {% endif %}
  195.                                     <span>{{ f.label }}</span>
  196.                                 </a>
  197.                             </li>
  198.                         {% endfor %}
  199.                         <li class="whr-filter-empty"><span>{{ 'sidebar.filterNoResults'|trans({}, 'whr-public') }}</span></li>
  200.                     </ul>
  202.                     {% if sidebarFiltersCategories|length > 5 %}
  203.                         <div class="px-3 pb-2 pt-1 whr-filter-pager-wrap">
  204.                             <div class="whr-filter-pager">
  205.                                 <button type="button" class="whr-filter-pager-btn whr-filter-pager-prev" aria-label="{{ 'sidebar.filterPrev'|trans({}, 'whr-public') }}">
  206.                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="15 18 9 12 15 6"/></svg>
  207.                                 </button>
  208.                                 <span class="whr-filter-pager-info"><span class="whr-filter-pager-current">1</span>/<span class="whr-filter-pager-total">{{ ((sidebarFiltersCategories|length - 1) // 5) + 1 }}</span></span>
  209.                                 <button type="button" class="whr-filter-pager-btn whr-filter-pager-next" aria-label="{{ 'sidebar.filterNext'|trans({}, 'whr-public') }}">
  210.                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg>
  211.                                 </button>
  212.                             </div>
  213.                         </div>
  214.                     {% endif %}
  215.                 </div>
  216.             {% endif %}
  218.             {% if (sidebarFiltersCities is defined and sidebarFiltersCities|length > 5)
  219.                 or (sidebarFiltersCategories is defined and sidebarFiltersCategories|length > 5) %}
  220.                 <style>
  221.                     /* Recherche */
  222.                     .whr-filter-search{position:relative;display:block}
  223.                     .whr-filter-search-input{
  224.                         width:100%;padding:6px 10px 6px 28px;
  225.                         border:1px solid #E5E7EB;border-radius:100px;
  226.                         font-size:11.5px;color:#1E1B2E;background:#FAFAFA;
  227.                         font-family:inherit;outline:none;box-sizing:border-box;
  228.                         transition:border-color .15s,background .15s
  229.                     }
  230.                     .whr-filter-search-input:focus{border-color:rgba(108,58,237,.4);background:#fff}
  231.                     .whr-filter-search-input::placeholder{color:#9CA3AF}
  232.                     .whr-filter-search-icon{
  233.                         position:absolute;left:10px;top:50%;transform:translateY(-50%);
  234.                         color:#9CA3AF;pointer-events:none;display:flex
  235.                     }
  236.                     .whr-filter-search-icon svg{width:11px;height:11px}
  238.                     /* État vide (aucun résultat de recherche) */
  239.                     .whr-filter-empty{display:none;list-style:none;padding:10px 14px;text-align:center}
  240.                     .whr-filter-empty span{font-size:11px;color:#9CA3AF;font-style:italic}
  241.                     .whr-filter-list.is-empty .whr-filter-empty{display:list-item}
  243.                     /* Pager */
  244.                     .whr-filter-pager{
  245.                         display:flex;align-items:center;justify-content:center;gap:8px;
  246.                         padding:4px;
  247.                     }
  248.                     .whr-filter-pager-btn{
  249.                         display:inline-flex;align-items:center;justify-content:center;
  250.                         width:26px;height:26px;
  251.                         background:transparent;border:1px solid rgba(108,58,237,.25);border-radius:8px;
  252.                         color:var(--theme-color,#6C3AED);
  253.                         font-family:inherit;cursor:pointer;
  254.                         transition:background .15s,border-color .15s,opacity .15s
  255.                     }
  256.                     .whr-filter-pager-btn:hover:not(:disabled){background:#F5F3FF;border-color:var(--theme-color,#6C3AED)}
  257.                     .whr-filter-pager-btn:disabled{opacity:.35;cursor:not-allowed}
  258.                     .whr-filter-pager-btn svg{width:12px;height:12px}
  259.                     .whr-filter-pager-info{
  260.                         font-size:11.5px;font-weight:600;color:#6B7280;
  261.                         min-width:36px;text-align:center;letter-spacing:.02em
  262.                     }
  263.                     .whr-filter-pager-current{color:var(--theme-color,#6C3AED)}
  265.                     /* Quand la recherche est active, on cache le pager (l'utilisateur voit déjà tous les matches) */
  266.                     .whr-filter-section.is-searching .whr-filter-pager-wrap{display:none}
  267.                 </style>
  268.                 <script>
  269.                     (function(){
  270.                         'use strict';
  272.                         function whrSlug(s){
  273.                             if(!s) return '';
  274.                             var t = String(s);
  275.                             t = t.normalize ? t.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : t;
  276.                             return t.toLowerCase().trim();
  277.                         }
  279.                         document.querySelectorAll('.whr-filter-section').forEach(function(section){
  280.                             var pageSize = parseInt(section.getAttribute('data-page-size'), 10) || 5;
  281.                             var list = section.querySelector('.whr-filter-list');
  282.                             if(!list) return;
  283.                             var items = section.querySelectorAll('.whr-filter-item');
  284.                             var input = section.querySelector('.whr-filter-search-input');
  285.                             var pagerWrap = section.querySelector('.whr-filter-pager');
  286.                             var prevBtn = section.querySelector('.whr-filter-pager-prev');
  287.                             var nextBtn = section.querySelector('.whr-filter-pager-next');
  288.                             var currentSpan = section.querySelector('.whr-filter-pager-current');
  289.                             var totalSpan = section.querySelector('.whr-filter-pager-total');
  291.                             var total = items.length;
  292.                             var totalPages = Math.max(1, Math.ceil(total / pageSize));
  293.                             var currentPage = 1;
  295.                             function renderPage(){
  296.                                 var startIdx = (currentPage - 1) * pageSize;
  297.                                 var endIdx = startIdx + pageSize;
  298.                                 items.forEach(function(it, i){
  299.                                     it.style.display = (i >= startIdx && i < endIdx) ? '' : 'none';
  300.                                 });
  301.                                 if(currentSpan) currentSpan.textContent = currentPage;
  302.                                 if(prevBtn) prevBtn.disabled = (currentPage <= 1);
  303.                                 if(nextBtn) nextBtn.disabled = (currentPage >= totalPages);
  304.                                 list.classList.remove('is-empty');
  305.                             }
  307.                             function applySearch(query){
  308.                                 var q = whrSlug(query || '');
  309.                                 if(!q){
  310.                                     section.classList.remove('is-searching');
  311.                                     renderPage();
  312.                                     return;
  313.                                 }
  315.                                 section.classList.add('is-searching');
  316.                                 var visibleCount = 0;
  317.                                 items.forEach(function(it){
  318.                                     var label = it.getAttribute('data-filter-label') || '';
  319.                                     var matches = whrSlug(label).indexOf(q) !== -1;
  320.                                     it.style.display = matches ? '' : 'none';
  321.                                     if(matches) visibleCount++;
  322.                                 });
  323.                                 if(visibleCount === 0){
  324.                                     list.classList.add('is-empty');
  325.                                 } else {
  326.                                     list.classList.remove('is-empty');
  327.                                 }
  328.                             }
  330.                             if(prevBtn){
  331.                                 prevBtn.addEventListener('click', function(){
  332.                                     if(currentPage > 1){ currentPage--; renderPage(); }
  333.                                 });
  334.                             }
  335.                             if(nextBtn){
  336.                                 nextBtn.addEventListener('click', function(){
  337.                                     if(currentPage < totalPages){ currentPage++; renderPage(); }
  338.                                 });
  339.                             }
  340.                             if(input){
  341.                                 input.addEventListener('input', function(){
  342.                                     applySearch(input.value);
  343.                                 });
  344.                             }
  346.                             // Init
  347.                             renderPage();
  348.                         });
  349.                     })();
  350.                 </script>
  351.             {% endif %}
  353.             <div class="nav-wrap bg-white bg-transparent-card rounded-xxl shadow-xss pt-3 pb-1">
  354.                 <div class="nav-caption fw-600 font-xssss text-grey-500"><span></span>{{ 'sidebar.account'|trans({}, 'whr-public') }}</div>
  355.                 <ul class="mb-1">
  356.                     <li class="logo d-none d-xl-block d-lg-block"></li>
  357.                     {% if connectUser %}
  358.                         {% if isCandidateUser %}
  359.                             <li><a href="{% if app.request.locale == "en" %}{{ path('cvs_gestion_candidates_dashboard') }}{% else %}{{ path('locale_cvs_gestion_candidates_dashboard',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font h-auto pt-2 pb-2"><i class="font-sm feather-grid me-3 text-grey-500"></i><span>{{ 'layout.sidebar.dashboard'|trans({}, 'whr-candidates') }}</span></a></li>
  360.                             {% if app.user.first == 0 %}
  361.                                 <li><a href="{% if app.request.locale == "en" %}{{ path('cvs_gestion_candidates_profile_profile') }}{% else %}{{ path('locale_cvs_gestion_candidates_profile_profile',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font h-auto pt-2 pb-2"><i class="font-sm feather-user me-3 text-grey-500"></i><span>{{ 'layout.sidebar.my_profile'|trans({}, 'whr-candidates') }}</span></a></li>
  362.                             {% endif %}
  363.                         {% else %}
  364.                             <li><a href="{% if app.request.locale == "en" %}{{ path('cvs_gestion_enterprises_dashboard') }}{% else %}{{ path('locale_cvs_gestion_enterprises_dashboard',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font h-auto pt-2 pb-2" ><i class="font-sm feather-grid me-3 text-grey-500"></i> <span>{{ 'layout.nav.dashboard'|trans({}, 'whr-enterprises') }}</span></a></li>
  365.                             <li><a href="{% if app.request.locale == "en" %}{{ path('cvs_gestion_enterprises_profile_profile') }}{% else %}{{ path('locale_cvs_gestion_enterprises_profile_profile',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font h-auto pt-2 pb-2"><i class="font-sm feather-user me-3 text-grey-500"></i><span>{{ 'layout.nav.my_profile'|trans({}, 'whr-enterprises') }}</span></a></li>
  366.                             <li><a href="{% if app.request.locale == "en" %}{{ path('cvs_gestion_enterprises_settings') }}{% else %}{{ path('locale_cvs_gestion_enterprises_settings',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font h-auto pt-2 pb-2"><i class="font-sm feather-settings me-3 text-grey-500"></i><span>{{ 'layout.nav.settings'|trans({}, 'whr-enterprises') }}</span></a></li>
  367.                         {% endif %}
  369.                         {% if is_granted("ROLE_SUPER_ADMIN") %}
  370.                             <li><a href="{{ path('backoffice_dashboard') }}" class="nav-content-bttn open-font h-auto pt-2 pb-2"><i class="font-sm feather-settings me-3 text-grey-500"></i><span>{{ 'layout.nav.administration'|trans({}, 'whr-enterprises') }}</span></a></li>
  371.                         {% endif %}
  372.                         <li><a href="{{ path('app_logout') }}" class="nav-content-bttn open-font h-auto pt-2 pb-2"><i class="font-sm feather-log-out me-3 text-grey-500"></i><span>{{ 'layout.nav.logout'|trans({}, 'whr-enterprises') }}</span></a></li>
  373.                     {% else %}
  374.                         <li>
  375.                             <a href="{% if app.request.locale == 'en' %}{{ path('app_login') }}{% else %}{{ path('locale_app_login',{'_locale':app.request.locale}) }}{% endif %}" class="nav-content-bttn open-font h-auto pt-2 pb-2">
  376.                                 <i class="font-sm feather-log-in me-3 text-grey-500"></i>
  377.                                 <span>{{ 'sidebar.signin'|trans({}, 'whr-public') }}</span>
  378.                             </a>
  379.                         </li>
  380.                         <li>
  381.                             <a href="{% if app.request.locale == 'en' %}{{ path('whileresume_resume_en') }}{% else %}{{ path('whileresume_resume_fr') }}{% endif %}" class="nav-content-bttn open-font h-auto pt-2 pb-2">
  382.                                 <i class="font-sm feather-user-plus me-3 text-grey-500"></i>
  383.                                 <span>{{ 'sidebar.signup'|trans({}, 'whr-public') }}</span>
  384.                             </a>
  385.                         </li>
  386.                     {% endif %}
  387.                 </ul>
  388.             </div>
  390.         </div>
  391.     </div>
  392. </nav>