templates/commons/header.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'header' %}
  4. {% block header %}
  5. {% set themes = getThemes() %}
  6. {% set themePublication = getThemePublication() %}
  7. <div id="containerDropdownTheme">
  8.     {% for theme in themes %}
  9.         <nav id="dropdownContent{{ theme.id }}" class="dropdown-content custom-bg-color animate__animated animate__fadeInUp animate__faster" data-color="{{ theme.color }}">
  10.             <ul>
  11.                 {% for page in theme.pages %}
  12.                     {% if page.activate %}
  13.                         <li>
  14.                             <a class="btn white" href="{{ path('app_page_show', {'slugTheme': theme.slug, 'slugPage': page.slug}) }}">
  15.                                 <span class="svg-text-container">
  16.                                     <img src="{{ vich_uploader_asset(page, 'iconFile') }}" alt="{{ page.iconAlt }}" class="svgToReplace">
  17.                                     <span>{{ page.title }}</span>
  18.                                 </span>
  19.                             </a>
  20.                         </li>
  21.                     {% endif %}
  22.                 {% endfor %}
  23.             </ul>
  24.         </nav>
  25.     {% endfor %}
  26.     <nav id="dropdownContentPublication" class="dropdown-content custom-bg-color animate__animated animate__fadeInUp animate__faster" data-color="{{ themePublication.color }}">
  27.         {% set items = [
  28.         {
  29.         'position': getManuelPage().position,
  30.         'icon': vich_uploader_asset(getManuelPage(), 'iconFile'),
  31.         'alt': getManuelPage().iconAlt,
  32.         'route': path('app_manuel_page_index'),
  33.         'label': getManuelPage().title
  34.         },
  35.         {
  36.         'position': getPublicationPage().position,
  37.         'icon': vich_uploader_asset(getPublicationPage(), 'iconFile'),
  38.         'alt': getPublicationPage().iconAlt,
  39.         'route': path('app_publication_list'),
  40.         'label': getPublicationPage().title
  41.         },
  42.         {
  43.         'position': getThesePage().position,
  44.         'icon': vich_uploader_asset(getThesePage(), 'iconFile'),
  45.         'alt': getThesePage().iconAlt,
  46.         'route': path('app_these_list'),
  47.         'label': getThesePage().title
  48.         },
  49.         {
  50.         'position': getDefinitionPage().position,
  51.         'icon': vich_uploader_asset(getDefinitionPage(), 'iconFile'),
  52.         'alt': getDefinitionPage().iconAlt,
  53.         'route': path('app_definition_page_index'),
  54.         'label': getDefinitionPage().title
  55.         }
  56.         ] %}
  58.         {% set pagesPublication = getPagesPublication() %}
  59.         {% for pageItem in pagesPublication %}
  60.             {% if pageItem.activate %}
  61.                 {% set items = items|merge([{
  62.                     'position': pageItem.position,
  63.                     'icon': vich_uploader_asset(pageItem, 'iconFile'),
  64.                     'alt': pageItem.iconAlt,
  65.                     'route': path('app_page_show', {'slugTheme': 'publication', 'slugPage': pageItem.slug}),
  66.                     'label': pageItem.title
  67.                 }]) %}
  68.             {% endif %}
  69.         {% endfor %}
  70.         {% set items = items|sort((a, b) => a.position <=> b.position) %}
  73.         <ul>
  74.             {% for item in items %}
  75.                 <li>
  76.                     <a class="btn white" href="{{ item.route }}">
  77.                 <span class="svg-text-container">
  78.                     <img src="{{ item.icon }}" alt="{{ item.alt }}" class="svgToReplace">
  79.                     <span>{{ item.label }}</span>  <!-- Titre dynamique affiché -->
  80.                 </span>
  81.                     </a>
  82.                 </li>
  83.             {% endfor %}
  84.         </ul>
  86.     </nav>
  87. </div>
  88. <header>
  89.     <div class="headerTop">
  90.         {% if app.request.attributes.get('_route') == 'app_homepage' %}
  91.             <h1 class="mainTitle">SFMG - Société Française de Médecine Générale</h1>
  92.         {% else %}
  93.             <p class="mainTitle">SFMG - Société Française de Médecine Générale</p>
  94.         {% endif %}
  98.         <ul class="nav" id="navbarMenu">
  99.             <div id="closeMenu">
  100.                 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  101.                     <path d="M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z" fill="#515462"/>
  102.                 </svg>
  103.             </div>
  104.             <li><a href="{{ path('app_homepage') }}">Accueil</a></li>
  105.             {% set themePublication = getThemePublication() %}
  106.             {% set lastPosition = 0 %}
  107.             {% set displayPublication = false %}
  108.             {% for theme in themes %}
  109.                 {% if themePublication.position > lastPosition and themePublication.position < theme.position and displayPublication == false %}
  110.                     {% set displayPublication = true %}
  111.                     <li class="onlyMobile dropdown">
  112.                         <a href="" class="dropbtn custom-color" data-color="{{ themePublication.color }}">
  113.                             Les publications
  114.                             <svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
  115.                                 <path d="M1.23145 0.394775H9.88573C10.4844 0.394775 10.7838 1.11793 10.36 1.54173L6.03453 5.87055C5.77218 6.1329 5.34501 6.1329 5.08266 5.87055L0.757202 1.54173C0.333401 1.11793 0.632752 0.394775 1.23145 0.394775Z" fill="#070C1F"/>
  116.                             </svg>
  118.                         </a>
  119.                         <div class="dropdown-content animate__animated animate__fadeInUp animate__faster">
  121.                             <a href="{{ path('app_manuel_page_index') }}" class="custom-color" data-color="{{ themePublication.color }}">Les manuels</a>
  122.                             <a href="{{ path('app_publication_list') }}" class="custom-color" data-color="{{ themePublication.color }}">Les publications</a>
  123.                             <a href="{{ path('app_these_list') }}" class="custom-color" data-color="{{ themePublication.color }}">Les thèses</a>
  124.                             <a href="{{ path('app_definition_page_index') }}" class="custom-color" data-color="{{ themePublication.color }}">Les définitions</a>
  126.                         </div>
  127.                     </li>
  128.                 {% endif %}
  129.                 {% set firstPageTheme = getFirstPageOfTheme(theme) %}
  130.                 {% if firstPageTheme %}
  131.                     <li class="onlyMobile dropdown">
  132.                         <a href="" class="dropbtn custom-color" data-color="{{ theme.color }}">
  133.                             {{ theme.name }}
  134.                             <svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
  135.                                 <path d="M1.23145 0.394775H9.88573C10.4844 0.394775 10.7838 1.11793 10.36 1.54173L6.03453 5.87055C5.77218 6.1329 5.34501 6.1329 5.08266 5.87055L0.757202 1.54173C0.333401 1.11793 0.632752 0.394775 1.23145 0.394775Z" fill="#070C1F"/>
  136.                             </svg>
  138.                         </a>
  139.                         <div class="dropdown-content animate__animated animate__fadeInUp animate__faster">
  140.                             {% for page in theme.pages %}
  141.                                 {% if page.activate %}
  142.                                     <a href="{{ path('app_page_show', {'slugTheme': theme.slug, 'slugPage': page.slug}) }}" class="custom-color" data-color="{{ theme.color }}">{{ page.title }}</a>
  143.                                 {% endif %}
  144.                             {% endfor %}
  145.                         </div>
  146.                     </li>
  147.                 {% endif %}
  148.             {% endfor %}
  149.             <li class="dropdown">
  150.                 <a href="" class="dropbtn">
  151.                     L'association
  152.                     <svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
  153.                         <path d="M1.23145 0.394775H9.88573C10.4844 0.394775 10.7838 1.11793 10.36 1.54173L6.03453 5.87055C5.77218 6.1329 5.34501 6.1329 5.08266 5.87055L0.757202 1.54173C0.333401 1.11793 0.632752 0.394775 1.23145 0.394775Z" fill="#070C1F"/>
  154.                     </svg>
  156.                 </a>
  157.                 <div class="dropdown-content animate__animated animate__fadeInUp animate__faster">
  158.                     <a href="{{ path('app_about_index') }}">A propos</a>
  159.                     <a href="{{ path('app_composition_index') }}">Composition</a>
  160.                     <a href="{{ path('app_full_member_page_index') }}">Membres titulaires</a>
  161.                     <a href="{{ path('app_departement_index') }}">Départements</a>
  162.                     <a href="{{ path('app_partenaire_page_index') }}">Partenaires</a>
  163.                 </div>
  164.             </li>
  165.             <li><a href="{{ path('app_actuality_list') }}">Actualités</a></li>
  166.             <li class="onlyMobile">
  167.                 <a href="{{ path('app_join_index') }}">Adhérer</a>
  168.             </li>
  169.             <li><a href="{{ path('app_contact_show') }}">Contact</a></li>
  170.             <li><a class="btn-line" href="https://www.boutique-sfmg.org/" target="_blank">
  171.                     Boutique en ligne
  172.                     <i class="fa-solid fa-arrow-up-right-from-square"></i>
  173.                 </a>
  174.             </li>
  176.         </ul>
  177.         <div class="backdrop-menu" id="backdropMenu"></div>
  178.     </div>
  179.     <div class="headerBackground">
  180.         <div class="toFixed">
  181.             <div class="backgroundTop">
  182.                 <div class="containerLogo">
  183.                     <a class="logo" href="{{ path('app_homepage') }}" title="Lien vers l'accueil"><img src="{{ asset('/images/logo.png') }}"  alt="Logo SFMG"></a>
  184.                     <button class="navbar-toggler" type="button" id="toggleMenu">
  185.                     <span class="navbar-toggler-icon">
  186.                         <svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  187.                             <path d="M0 12V10H18V12H0ZM0 7V5H18V7H0ZM0 2V0H18V2H0Z" fill="#515462"/>
  188.                         </svg>
  189.                     </span>
  190.                     </button>
  191.                 </div>
  192.                 <div class="searchContainer">
  193.                     <form method="post" action="{{ path('app_search_index') }}" id="searchbar">
  194.                         <input type="search" id="search_query" name="query" required="required" placeholder="Rechercher par mots clés...">
  195.                         <button class="submitSearch" type="submit">
  196.                             <svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
  197.                                 <g clip-path="url(#clip0_1263_1509)">
  198.                                     <path d="M11.6315 0.840649C7.28969 1.27424 3.38735 3.95784 1.41274 7.85432C-1.07749 12.7762 -0.216166 18.5887 3.59829 22.6727C4.31899 23.4403 5.66665 24.4715 6.70961 25.0457C8.63735 26.1063 10.6706 26.6219 12.9206 26.6219C15.985 26.6278 18.8092 25.6258 21.1237 23.7215L21.5924 23.3348L25.2838 27.0203C28.6061 30.3367 28.9987 30.7059 29.2038 30.7469C29.4967 30.7996 29.7838 30.6532 29.9069 30.3895C30.0241 30.1492 30.0241 29.991 29.9186 29.786C29.8717 29.6981 28.1959 27.993 26.1979 26.0008L22.5709 22.3739L22.9752 21.8817C25.2487 19.1219 26.2682 15.4364 25.7467 11.8446C25.0436 7.02229 21.6627 2.98518 17.028 1.44416C15.317 0.869946 13.4186 0.659008 11.6315 0.840649ZM14.4088 2.29963C15.0827 2.3758 16.2077 2.64534 16.8756 2.89143C18.5397 3.5008 19.8756 4.35627 21.1354 5.61018C22.9166 7.39143 24.0299 9.61213 24.4108 12.1551C24.528 12.9403 24.528 14.5574 24.4108 15.3426C24.0241 17.909 22.9284 20.0887 21.1237 21.8934C19.4245 23.5985 17.4147 24.659 15.0299 25.116C13.8873 25.3328 12.1647 25.3446 11.0456 25.1395C6.4518 24.3133 2.87172 20.9559 1.7643 16.4559C1.51235 15.4422 1.4479 14.8856 1.4479 13.7489C1.4479 12.6121 1.51235 12.0555 1.7643 11.0418C2.28579 8.90901 3.27602 7.15705 4.82875 5.59846C6.56899 3.86409 8.66079 2.78596 11.1334 2.34651C12.0123 2.19416 13.2897 2.17659 14.4088 2.29963Z" fill="#515462"/>
  199.                                 </g>
  200.                                 <defs>
  201.                                     <clipPath id="clip0_1263_1509">
  202.                                         <rect width="30" height="30" fill="white" transform="translate(0 0.770264)"/>
  203.                                     </clipPath>
  204.                                 </defs>
  205.                             </svg>
  206.                         </button>
  207.                     </form>
  208.                     <a href="{{ path('app_join_index') }}" class="btn default">
  209.                     <span>
  210.                         Adhérer
  211.                         <svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  212.                             <path d="M4.75176 0.899899L5.24724 0.404419C5.45704 0.194621 5.79628 0.194621 6.00385 0.404419L10.3427 4.74099C10.5525 4.95079 10.5525 5.29003 10.3427 5.4976L6.00385 9.8364C5.79405 10.0462 5.4548 10.0462 5.24724 9.8364L4.75176 9.34092C4.53973 9.12889 4.54419 8.78295 4.76069 8.57538L7.45012 6.01317H1.03565C0.738813 6.01317 0.5 5.77436 0.5 5.47751V4.76331C0.5 4.46647 0.738813 4.22765 1.03565 4.22765H7.45012L4.76069 1.66544C4.54196 1.45787 4.5375 1.11193 4.75176 0.899899Z" fill="white"/>
  213.                         </svg>
  214.                     </span>
  215.                     </a>
  216.                 </div>
  217.             </div>
  218.             <div class="backgroundNav">
  219.                 <div class="swiper swiperThemes container">
  220.                     <div class="swiper-wrapper">
  222.                         {% set themePublication = getThemePublication() %}
  223.                         {% set lastPosition = 0 %}
  224.                         {% set displayPublication = false %}
  225.                         {% for theme in themes %}
  226.                             {% if themePublication.position > lastPosition and themePublication.position < theme.position and displayPublication == false %}
  227.                                 {% set displayPublication = true %}
  228.                                 <div class="swiper-slide">
  229.                                     <button data-target="dropdownContentPublication" class="btn custom-bg-color triggerDropdownTheme" data-color="{{ themePublication.color }}">
  230.                                         <span>
  231.                                             <img src="{{ vich_uploader_asset(themePublication, 'iconFile') }}" class="svgToReplace" alt="{{ themePublication.iconAlt }}">
  232.                                             Les publications
  233.                                         </span>
  234.                                     </button>
  235.                                 </div>
  236.                             {% endif %}
  237.                             {% set firstPageTheme = getFirstPageOfTheme(theme) %}
  238.                             {% if firstPageTheme %}
  239.                                 <div class="swiper-slide">
  240.                                     <button data-target="dropdownContent{{ theme.id }}" class="btn custom-bg-color triggerDropdownTheme" data-color="{{ theme.color }}">
  241.                                     <span>
  242.                                         <img src="{{ vich_uploader_asset(theme, 'iconFile') }}" class="svgToReplace" alt="{{ theme.iconAlt }}">
  243.                                         {{ theme.name }}
  244.                                     </span>
  245.                                     </button>
  246.                                 </div>
  247.                             {% endif %}
  248.                         {% endfor %}
  250.                     </div>
  251.                     <div class="swiper-navigation">
  252.                         <div class="swiper-button-next"></div>
  253.                         <div class="swiper-button-prev"></div>
  254.                     </div>
  255.                 </div>
  257.             </div>
  258.         </div>
  259.         {% if app.request.attributes.get('_route') == 'app_homepage' %}
  260.             <div class="containerSlidersHomepage">
  261.                 <div class="containerSliderLarge">
  262.                     <div class="swiper swiperActuLarge">
  263.                         <div class="swiper-wrapper">
  264.                             {% for actu in homepage.actualitiesSliderLarge %}
  265.                                 {% set actu = actu.actuality %}
  266.                                 {% if actu.activate %}
  267.                                     <div class="swiper-slide">
  268.                                         <div data-link class="card">
  269.                                             <div class="image">
  270.                                                 {% if actu.labels|first %}
  271.                                                     <div class="tag">
  272.                                                         {{ actu.labels|first }}
  273.                                                     </div>
  274.                                                 {% endif %}
  275.                                                 <img src="{{ vich_uploader_asset(actu, "illustrationFile")| imagine_filter('hp_actuality_large') }}" alt="{{ actu.illustrationAlt }}">
  276.                                             </div>
  277.                                             <div class="containerContent">
  278.                                                 <div class="content">
  279.                                                     <div class="subTitle">
  280.                                                         {{ actu.category }} - {{ actu.createdAt|format_datetime(locale='fr', pattern="LLLL YYYY")|capitalize }}
  281.                                                     </div>
  282.                                                     <a href="{{ path('app_actuality_show', {'slug': actu.slug}) }}" class="title">
  283.                                                         {{ actu.title }}
  284.                                                     </a>
  285.                                                     <div class="description">
  286.                                                         {{ actu.resume|u.truncate(175, '...') }}
  287.                                                     </div>
  288.                                                 </div>
  289.                                             </div>
  290.                                         </div>
  291.                                     </div>
  292.                                 {% endif %}
  293.                             {% endfor %}
  294.                         </div>
  295.                         <div class="swiper-pagination"></div>
  296.                     </div>
  297.                 </div>
  298.                 <div class="containerSliderLittle">
  299.                     <div class="swiper swiperActuLittle">
  300.                         <div class="swiper-wrapper">
  301.                             {% for actu in homepage.actualitiesSliderLittle %}
  302.                                 {% set actu = actu.actuality %}
  303.                                 {% if actu.activate %}
  304.                                 <div class="swiper-slide">
  305.                                     <div data-link class="card">
  306.                                         <div class="content">
  307.                                             {% if actu.labels|first %}
  308.                                                 <div class="tag">
  309.                                                     {{ actu.labels|first }}
  310.                                                 </div>
  311.                                             {% endif %}
  312.                                             <div class="subTitle">
  313.                                                 {{ actu.category }} - {{ actu.createdAt|format_datetime(locale='fr', pattern="LLLL YYYY")|capitalize }}
  314.                                             </div>
  315.                                             <a href="{{ path('app_actuality_show', {'slug': actu.slug}) }}" class="title">
  316.                                                 {{ actu.title }}
  317.                                             </a>
  318.                                             <div class="description">
  319.                                                 {{ actu.resume|u.truncate(175, '...') }}
  320.                                             </div>
  321.                                         </div>
  322.                                         <div class="image">
  323.                                             <img src="{{ vich_uploader_asset(actu, "illustrationFile")| imagine_filter('hp_actuality_little') }}" alt="{{ actu.illustrationAlt }}">
  324.                                         </div>
  325.                                     </div>
  326.                                 </div>
  327.                                 {% endif %}
  328.                             {% endfor %}
  329.                         </div>
  330.                         <div class="swiper-pagination"></div>
  331.                     </div>
  332.                 </div>
  333.             </div>
  334.         {% endif %}
  335.         <div id="breadcrumb"></div>
  336.         {% set routes = ['app_manuel_page_index', 'app_publication_list', 'app_publication_show', 'app_these_list', 'app_these_show','app_definition_page_index' ] %}
  337.         {% if app.request.attributes.get('_route') == 'app_page_show' and not page.themePublication %}
  338.            <div class="sliderPage container">
  339.                 <div class="swiper swiperPage">
  340.                     <div class="swiper-wrapper">
  341.                         {% for pageItem in theme.pages %}
  342.                             {% if pageItem.activate %}
  343.                                 <div class="swiper-slide" data-link>
  344.                                     <div class="containerPage {% if pageItem == page %} active {% endif %}">
  345.                                         <div class="container-icon">
  346.                                             <img src="{{ vich_uploader_asset(pageItem, 'iconFile') }}" alt="{{ pageItem.iconAlt }}" class="svgToReplace">
  347.                                         </div>
  348.                                         <div class="container-content">
  349.                                             <span class="theme">{{ theme.name }}</span>
  350.                                             <a href="{{ path('app_page_show', {'slugTheme': theme.slug, 'slugPage': pageItem.slug}) }}">{{ pageItem.title }}</a>
  352.                                         </div>
  353.                                     </div>
  354.                                 </div>
  355.                             {% endif %}
  356.                         {% endfor %}
  357.                     </div>
  358.                 </div>
  359.                 <div class="swiper-navigation">
  360.                     <div class="swiper-button-prev">
  361.                     </div>
  362.                     <div class="swiper-button-next">
  363.                     </div>
  364.                 </div>
  365.            </div>
  366.         {% elseif app.request.attributes.get('_route') in routes or (page is defined and page.themePublication is defined and page.themePublication) %}
  367.             <div class="sliderPage container">
  368.                 <div class="swiper swiperPage">
  369.                     {% set slides = [
  370.                         {
  371.                             'position': getManuelPage().position,
  372.                             'icon': vich_uploader_asset(getManuelPage(), 'iconFile'),
  373.                             'alt': getManuelPage().iconAlt,
  374.                             'route': path('app_manuel_page_index'),
  375.                             'label': getManuelPage().title,
  376.                             'condition': app.request.attributes.get('_route') == 'app_manuel_page_index'
  377.                         },
  378.                         {
  379.                             'position': getPublicationPage().position,
  380.                             'icon': vich_uploader_asset(getPublicationPage(), 'iconFile'),
  381.                             'alt': getPublicationPage().iconAlt,
  382.                             'route': path('app_publication_list'),
  383.                             'label': getPublicationPage().title,
  384.                             'condition': app.request.attributes.get('_route') in ['app_publication_list', 'app_publication_show']
  385.                         },
  386.                         {
  387.                             'position': getThesePage().position,
  388.                             'icon': vich_uploader_asset(getThesePage(), 'iconFile'),
  389.                             'alt': getThesePage().iconAlt,
  390.                             'route': path('app_these_list'),
  391.                             'label': getThesePage().title,
  392.                             'condition': app.request.attributes.get('_route') in ['app_these_list', 'app_these_show']
  393.                         },
  394.                         {
  395.                             'position': getDefinitionPage().position,
  396.                             'icon': vich_uploader_asset(getDefinitionPage(), 'iconFile'),
  397.                             'alt': getDefinitionPage().iconAlt,
  398.                             'route': path('app_definition_page_index'),
  399.                             'label': getDefinitionPage().title,
  400.                             'condition': app.request.attributes.get('_route') == 'app_definition_page_index'
  401.                         }
  402.                     ] %}
  404.                     {% set pagesPublication = getPagesPublication() %}
  405.                     {% for pageItem in pagesPublication %}
  406.                         {% if pageItem.activate %}
  407.                             {% set slides = slides|merge([{
  408.                                 'position': pageItem.position,
  409.                                 'icon': vich_uploader_asset(pageItem, 'iconFile'),
  410.                                 'alt': pageItem.iconAlt,
  411.                                 'route': path('app_page_show', {'slugTheme': 'publication', 'slugPage': pageItem.slug}),
  412.                                 'label': pageItem.title,
  413.                                 'condition': pageItem == page
  414.                             }]) %}
  415.                         {% endif %}
  416.                     {% endfor %}
  418.                     {% set slides = slides|sort((a, b) => a.position <=> b.position) %}
  420.                     <div class="swiper-wrapper">
  421.                         {% for slide in slides %}
  422.                             <div class="swiper-slide" data-link>
  423.                                 <div class="containerPage {% if slide.condition %} active {% endif %}">
  424.                                     <div class="container-icon">
  425.                                         <img src="{{ slide.icon }}" alt="{{ slide.alt }}" class="svgToReplace">
  426.                                     </div>
  427.                                     <div class="container-content">
  428.                                         <span class="theme">Les publications</span>
  429.                                         <a href="{{ slide.route }}">{{ slide.label }}</a>  <!-- Titre dynamique affiché -->
  430.                                     </div>
  431.                                 </div>
  432.                             </div>
  433.                         {% endfor %}
  434.                     </div>
  437.                 </div>
  438.                 <div class="swiper-navigation">
  439.                     <div class="swiper-button-prev">
  440.                     </div>
  441.                     <div class="swiper-button-next">
  442.                     </div>
  443.                 </div>
  444.             </div>
  445.         {% endif %}
  446.     </div>
  447. </header>
  448. {% endblock %}