templates/base.html.twig line 1

Open in your IDE?
  1. {% set currentRoute = app.request.attributes.get('_route') %}
  2. <!DOCTYPE html>
  3. <html lang="fr" class="h-100">
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <title>
  7.             {% block title %}Bienvenue !
  8.             {% endblock %}
  9.         </title>
  10.         {# <link rel="icon" type="image/x-icon" href="{{ asset("favicon.ico") }}"/>
  11.         <link rel="icon" type="image/png" sizes="16x16" href="{{ asset("favicon_16x16.png") }}">
  12.         <link rel="icon" type="image/png" sizes="32x32" href="{{ asset("favicon_32x32.png") }}">
  13.         <link rel="apple-touch-icon" sizes="180x180" href="{{ asset("apple-touch-icon.png") }}">
  14.         <link rel="icon" type="image/png" sizes="192x192" href="{{ asset("android-chrome_192x192.png") }}">
  15.         <link rel="icon" type="image/png" sizes="512x512" href="{{ asset("android-chrome_512x512.png") }}"> #}
  17.         <script src="https://kit.fontawesome.com/d48bf2d112.js" crossorigin="anonymous"></script>
  18.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  19.         <link rel="stylesheet" href="{{asset('css/style.css')}}"/>
  20.         <link rel="preconnect" href="https://fonts.googleapis.com">
  21.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  22.         <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@600&display=swap" rel="stylesheet">
  23.         <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,500;0,600;0,700;1,600&display=swap" rel="stylesheet">
  24.         <link href="https://cdn.jsdelivr.net/npm/tom-select@2.2.2/dist/css/tom-select.css" rel="stylesheet">
  25.         <link rel="stylesheet" href="{{ asset('css/slick.css') }}">
  26.         <link rel="stylesheet" href="{{ asset('css/accessible-slick-theme.min.css') }}">
  27.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tom-select/2.2.2/css/tom-select.bootstrap5.min.css" integrity="sha512-mNN7o87hQqtNCCGWxFVdlVdaKF6d4S1wVMi3+ftJYnW572YIo0KPjK1Cns5SPlyCtKGp1Nu+z26MJUNXmpbjKA==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
  28.         <meta name="viewport" content="width=device-width, initial-scale=1">
  29.         {% block stylesheets %}
  30.             {{ encore_entry_link_tags('app') }}
  31.         {% endblock %}
  32.         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  33.         <link rel="stylesheet" href="{{ asset('css/accessconfig.min.css') }}" type="text/css" media="screen"/>
  34.         <script src="{{ asset('js/accessconfig.min.js') }}"></script>
  35.         <script src="https://cdn.addevent.com/libs/atc/1.6.1/atc.min.js" async defer></script>
  36.         <style>
  37.             {% if client is defined %}
  38.                 {% if client.secondaryColor is not null %}
  39.                     .text-{{client.slug}}{
  40.                         color: {{client.secondaryColor}}
  41.                         !important;
  42.                     }
  43.                 {% else %}
  44.                     .text-{{client.slug}}{
  45.                         color: {{client.mainColor}}
  46.                         !important;
  47.                     }
  48.                 {% endif %}
  49.                 .card-input-element-audition + .card {
  50.                     color: #000000;
  51.                     background-color: #ffffff;
  52.                     -webkit-box-shadow: none;
  53.                     box-shadow: none;
  54.                 }
  55.                 .card-input-element-audition+.card:hover {
  56.                     cursor: pointer;
  57.                     background-color: {{client.mainColor}};
  58.                     color: #ffffff;
  59.                     -webkit-transition: border .3s;
  60.                     -o-transition: border .3s;
  61.                     transition: border .3s;
  62.                 }
  63.                 .card-input-element-audition:checked+.card {
  64.                     background-color: {{client.mainColor}};
  65.                     color: #ffffff;
  66.                     -webkit-transition: border .3s;
  67.                     -o-transition: border .3s;
  68.                     transition: border .3s;
  69.                 }
  71.                     .bg_client {
  72.                         background-color: {{client.mainColor}}!important;
  73.                     }
  74.                     .bg_secondary_client {
  75.                         background-color: {{client.secondaryColor}}!important;
  76.                     }
  77.                     .user-section-active {
  78.                         background-color: white;
  79.                         padding: 0px 5px 0px 5px;
  80.                         border: 1px solid {{client.mainColor}}!important;
  81.                         padding: 5px;
  82.                         color: #404040;
  83.                     }
  85.                     .avatar-div>.fa-duotone, .my-account-logo-profile, .my-account-logo, .my-account-logo-background>i, .my-account-logo-background-homepage>i {
  86.                         --fa-primary-color: {{client.mainColor}}!important;
  87.                         --fa-secondary-color: {{client.secondaryColor}}!important;
  88.                     }
  90.                     .slick-track {
  91.                         display: flex !important;
  92.                     }
  93.                     #product-navbar a:hover, #avisea-homepage-left-column a:hover, .text-notice, #avisea-homepage-right-column a:hover{
  94.                         color: {{client.mainColor}};
  96.                     }
  98.                     .active-custom {
  99.                         border-bottom: 4px solid {{client.mainColor}} !important;
  100.                         padding-bottom: 18px !important;
  101.                         font-family: 'Work Sans Bold';
  102.                         font-weight: 600;
  103.                         font-size: 18px;
  104.                     }
  106.                     .btn-notice {
  107.                         border-width: 2px;
  108.                         border-style: solid;
  109.                         border-color: {{client.mainColor}};
  110.                         border-radius: 5px;
  111.                         background-color: {{client.mainColor}};
  112.                         color: #ffffff;
  113.                         padding-top: 10px;
  114.                         padding-bottom: 10px;
  115.                         padding-left: 10px;
  116.                         padding-right: 10px;
  117.                         transition: 0.3s;
  118.                     }
  120.                     .btn-notice-outline {
  121.                         border-width: 2px;
  122.                         border-style: solid;
  123.                         border-color: {{client.mainColor}};
  124.                         border-radius: 5px;
  125.                         background-color: #ffffff;
  126.                         color: {{client.mainColor}};
  127.                         padding-top: 10px;
  128.                         padding-bottom: 10px;
  129.                         padding-left: 10px;
  130.                         padding-right: 10px;
  131.                         transition: 0.3s;
  132.                     }
  135.                     .btn-filter-notice {
  136.                         border-width: 2px;
  137.                         border-style: solid;
  138.                         border-color: {{client.mainColor}};
  139.                         border-radius: 5px;
  140.                         background-color: {{client.mainColor}};
  141.                         color: #ffffff;
  142.                         padding-top: 3px;
  143.                         padding-bottom: 3px;
  144.                         padding-left: 3px;
  145.                         padding-right: 3px;
  146.                         transition: 0.3s;
  147.                     }
  149.                     .btn-filter-notice-outline {
  150.                         border-width: 2px;
  151.                         border-style: solid;
  152.                         border-color: {{client.mainColor}};
  153.                         border-radius: 5px;
  154.                         background-color: #ffffff;
  155.                         color: {{client.mainColor}};
  156.                         padding-top: 3px;
  157.                         padding-bottom: 3px;
  158.                         padding-left: 3px;
  159.                         padding-right: 3px;
  160.                         transition: 0.3s;
  161.                     }
  163.                     .btn-notice:hover {
  164.                         border: 2px solid {{client.secondaryColor}}!important;
  165.                         border-radius: 5px;
  166.                         background-color: {{client.secondaryColor}}!important;
  167.                         color: #FFFFFF!important;
  168.                         padding-top: 10px;
  169.                         padding-bottom: 10px;
  170.                         padding-left: 10px;
  171.                         padding-right: 10px;
  172.                         transition: 0.3s;
  173.                     }
  175.                     .btn-notice-outline:hover {
  176.                         border-width: 2px;
  177.                         border-style: solid;
  178.                         border-color: {{client.secondaryColor}};
  179.                         border-radius: 5px;
  180.                         background-color: {{client.secondaryColor}}!important;
  181.                         color: #fff;
  182.                         padding-top: 10px;
  183.                         padding-bottom: 10px;
  184.                         padding-left: 10px;
  185.                         padding-right: 10px;
  186.                         transition: 0.3s;
  187.                     }
  189.                     .btn-filter-notice:hover {
  190.                         border-width: 2px;
  191.                         border-style: solid;
  192.                         border-color: {{client.mainColor}};
  193.                         border-radius: 5px;
  194.                         color: {{client.mainColor}}!important;
  195.                         background-color: #fff;
  196.                         padding-top: 3px;
  197.                         padding-bottom: 3px;
  198.                         padding-left: 3px;
  199.                         padding-right: 3px;
  200.                         transition: 0.3s;
  201.                     }
  203.                     #scroll-top-btn {
  204.                         display: none;
  205.                         position: fixed;
  206.                         right: 30px;
  207.                         bottom: 0;
  208.                         z-index: 99;
  209.                         font-size: 18px;
  210.                         border: none;
  211.                         background-color: {{client.mainColor}}!important;
  212.                         color: white;
  213.                         cursor: pointer;
  214.                         padding-top: 10px;
  215.                         padding-bottom: 10px;
  216.                         padding-left: 15px;
  217.                         padding-right: 15px;
  218.                         border-top-left-radius: 4px;
  219.                         border-top-right-radius: 4px;
  220.                         font-size: 28px;
  221.                         transition: 0.3s;
  222.                     }
  224.                     #scroll-top-btn:hover {
  225.                         display: none;
  226.                         position: fixed;
  227.                         right: 30px;
  228.                         bottom: 0;
  229.                         z-index: 99;
  230.                         font-size: 18px;
  231.                         border: none;
  232.                         background-color: {{client.secondaryColor}}!important;
  233.                         color: white;
  234.                         cursor: pointer;
  235.                         padding-top: 10px;
  236.                         padding-bottom: 10px;
  237.                         padding-left: 15px;
  238.                         padding-right: 15px;
  239.                         border-top-left-radius: 4px;
  240.                         border-top-right-radius: 4px;
  241.                         font-size: 28px;
  242.                         transition: 0.3s;
  243.                     }
  244.                     #a42-ac-button:hover{ color: {{client.mainColor}}; }
  246.                     #login-link a:hover, #login-register-link a:hover, #register-form a:hover, 
  247.                     #register-bottom-infos a:hover, #login-form a:hover, .breadcrumb-item a:hover{
  248.                     color: {{client.mainColor}}!important;
  249.                     }
  250.                     .arrow-link {
  251.                         position: absolute;
  252.                         right: 0;
  253.                         background-color: {{client.mainColor}};
  254.                         color: #ffffff;
  255.                         border-top-left-radius: 5px;
  256.                         border-bottom-left-radius: 5px;
  257.                         border-top-right-radius: 0px!important;
  258.                         border-bottom-right-radius: 0px!important;
  259.                         padding-top: 8px;
  260.                         padding-bottom: 8px;
  261.                         padding-left: 15px;
  262.                         padding-right: 15px;
  263.                         transition: 0.3s;
  264.                     }
  266.                     .arrow-link:hover {
  267.                         position: absolute;
  268.                         right: 0;
  269.                         background-color: {{client.mainColor}};
  270.                         color: #ffffff;
  271.                         border-top-left-radius: 5px;
  272.                         border-bottom-left-radius: 5px;
  273.                         padding-top: 8px;
  274.                         padding-bottom: 8px;
  275.                         padding-left: 15px;
  276.                         padding-right: 15px;
  277.                         transition: 0.3s;
  278.                     }
  280.                     .modal-center-btn {
  281.                         background-color: {{client.mainColor}};
  282.                         color: #ffffff;
  283.                         padding: 18px;
  284.                         border-radius: 5px;
  285.                         transition: 0.3s;
  286.                     }
  288.                     .modal-center-btn:hover {
  289.                         background-color: {{client.secondaryColor}};
  290.                         color: #ffffff;
  291.                         padding: 18px;
  292.                         border-top-left-radius: 5px;
  293.                         border-top-right-radius: 5px;
  294.                         transition: 0.3s;
  295.                     }
  297.                     .timeslot-modal {
  298.                         border-top: 10px solid {{client.mainColor}};
  299.                     }
  300.             {% endif %}
  301.         </style>
  302.     </head>
  303.     <body id="body">
  304. <a class="evitement" href="#main">Aller au contenu</a>
  305.     {% if is_mobile() %}
  306.         <style>
  307.             .button_container {
  308.                 position: fixed;
  309.                 height: 40px;
  310.                 width: 35px;
  311.                 cursor: pointer;
  312.                 z-index: 100;
  313.                 -webkit-transition: opacity 0.25s ease;
  314.                 transition: opacity 0.25s ease;
  315.             }
  317.             .button_container:hover {
  318.                 opacity: .7;
  319.             }
  321.             .button_container.active .top {
  322.                 -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  323.                 transform: translateY(11px) translateX(0) rotate(45deg);
  324.                 background: #000;
  325.             }
  327.             .button_container.active .middle {
  328.                 opacity: 0;
  329.                 background: #000;
  330.             }
  332.             .button_container.active .bottom {
  333.                 -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  334.                 transform: translateY(-11px) translateX(0) rotate(-45deg);
  335.                 background: #000;
  336.             }
  338.             .button_container.active .bottom_bottom {
  339.                 font-size: 0.5rem !important;
  340.             }
  342.             .button_container span {
  343.                 background: #000000 !important;
  344.                 border: none;
  345.                 height: 3px;
  346.                 width: 100%;
  347.                 position: absolute;
  348.                 top: 0;
  349.                 left: 0;
  350.                 -webkit-transition: all 0.35s ease;
  351.                 transition: all 0.35s ease;
  352.                 cursor: pointer;
  353.             }
  355.             .button_container span:nth-of-type(2) {
  356.                 top: 11px;
  357.             }
  359.             .button_container span:nth-of-type(3) {
  360.                 top: 22px;
  361.             }
  363.             .button_container span:nth-of-type(4) {
  364.                 top: 32px;
  365.                 background: transparent !important;
  366.             }
  368.             .overlay {
  369.                 position: fixed;
  370.                 background: #FFFFFF;
  371.                 top: 70px;
  372.                 left: 20%;
  373.                 width: 100%;
  374.                 height: 0;
  375.                 opacity: 0;
  376.                 visibility: hidden;
  377.                 -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  378.                 transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  379.                 overflow: hidden;
  380.                 z-index: 999999 !important;
  381.                 ;
  382.             }
  384.             .overlay.open {
  385.                 opacity: 1;
  386.                 visibility: visible;
  387.                 height: 100%;
  388.             }
  390.             .overlay.open li {
  391.                 -webkit-animation: fadeInRight 0.5s ease forwards;
  392.                 animation: fadeInRight 0.5s ease forwards;
  393.                 -webkit-animation-delay: 0.35s;
  394.                 animation-delay: 0.35s;
  395.                 opacity:1;
  396.             }
  398.             .overlay.open li:nth-of-type(2) {
  399.                 -webkit-animation-delay: 0.4s;
  400.                 animation-delay: 0.4s;
  401.             }
  403.             .overlay.open li:nth-of-type(3) {
  404.                 -webkit-animation-delay: 0.45s;
  405.                 animation-delay: 0.45s;
  406.             }
  408.             .overlay.open li:nth-of-type(4) {
  409.                 -webkit-animation-delay: 0.50s;
  410.                 animation-delay: 0.50s;
  411.             }
  413.             .overlay nav {
  414.                 position: relative;
  415.                 height: 65%;
  416.                 top: 32.5%;
  417.                 -webkit-transform: translateY(-50%);
  418.                 transform: translateY(-50%);
  419.                 font-size: 20px;
  420.                 text-align: left;
  421.             }
  423.             .overlay ul {
  424.                 list-style: none;
  425.                 padding: 0;
  426.                 margin: 0 auto;
  427.                 display: inline-block;
  428.                 position: relative;
  429.                 height: 100%;
  430.             }
  432.             .overlay ul li {
  433.                 display: block;
  434.                 position: relative;
  435.                 opacity: 0;
  436.             }
  438.             .overlay ul li a {
  439.                 display: block;
  440.                 position: relative;
  441.                 text-decoration: none;
  442.                 overflow: hidden;
  443.                 padding: 10px 10px 10px 20px;
  444.                 font-size: 18px;
  445.                 color: var(--grey-color);
  446.                 border-top: 1px solid #dee2e6;
  447.             }
  449.             .overlay ul li a.active {
  450.                 border-left: 3px solid var(--main-color);
  451.                 color: var(--black-color);
  452.                 font-weight: bold;
  453.                 font-size: 18px;
  454.             }
  456.             .overlay ul li a.btn-main {
  457.                 background-color: var(--main-color);
  458.                 border: 1px solid var(--main-color);
  459.                 color: #ffffff;
  460.                 padding: 8px 18px;
  461.                 border-radius: 3px;
  462.                 text-decoration: none;
  463.                 letter-spacing: .05rem;
  464.             }
  466.             .overlay ul li a.btn-outline-main {
  467.                 background-color: #FFFFFF;
  468.                 border: 1px solid var(--main-color);
  469.                 color: var(--main-color);
  470.                 padding: 8px 18px;
  471.                 border-radius: 3px;
  472.                 text-decoration: none;
  473.                 letter-spacing: .05rem;
  474.             }
  476.             .overlay ul li a:focus:after,
  477.             .overlay ul li a:active:after {
  478.                 width: 100%;
  479.             }
  481.             .fs-7 {
  482.                 font-size: 0.7rem!important;
  483.             }
  484.         </style>
  485.         <script>
  486.             $(document).ready(function () {
  487.                 $('#toggle').click(function () {
  488.                     $(this).toggleClass('active');
  489.                     $('#overlay').toggleClass('open');
  490.                     
  491.                     if ($("#toggle").hasClass("active")) {
  492.                         $("#toggle").attr('aria-expanded', 'true');
  493.                         $("#myButton").html("FERMER");
  494.                     } else {
  495.                         $("#toggle").attr('aria-expanded', 'false');
  496.                         $("#myButton").html("MENU");
  497.                     }
  498.                 });
  500.                 $('#menu-link li').click(function () {
  501.                     $(this).toggleClass('active');
  502.                     $('#overlay').toggleClass('open');
  503.                 });
  504.             });
  505.         </script>
  507.         {% if currentRoute == 'app_login' or currentRoute == 'app_login_unsecure' or currentRoute == 'app_register' %}
  508.         {% else %}
  510.         <div class="fixed-top">
  511.             <div class="d-flex bg-white shadow-sm" style="height: 70px;">
  512.                 <div class="p-2 flex-grow-1">
  513.                     {{ render(controller('App\\Controller\\PageController::renderClientFromUrl')) }}
  514.                 </div>
  515.                 <div class="p-2 text-end">
  516.                     {% if is_granted('ROLE_USER') %}
  517.                     <nav role="navigation" class="navbar navbar-expand-lg">
  518.                         <div class="container">
  519.                             <div class="row justify-content-between bg-white">
  520.                                 <div class="col-4 d-flex align-items-bottom justify-content-end">
  521.                                     <button type="button" class="button_container border-0 bg-transparent" id="toggle" aria-expanded="false" aria-controls="overlay">
  522.                                         <span class="top"></span>
  523.                                         <span class="middle"></span>
  524.                                         <span class="bottom"></span>
  525.                                         <span class="bottom_bottom fw-bold fs-7" id="myButton">MENU</span>
  526.                                     </button>
  527.                                 </div>
  528.                             </div>
  529.                         </div>
  530.                     </nav>
  532.                     <div class="overlay" id="overlay">
  533.                         <nav role="navigation" class="overlay-menu">
  534.                             <ul class="navbar-nav ml-auto nav nav-pills w-100" id="menu-link">
  535.                                 <li class="nav-link ps-3">
  536.                                     <div class="ms-auto d-inline" id="accessconfig" data-accessconfig-buttonname="Paramètres d’accessibilité" data-accessconfig-params='{ "Prefix" : "a42-ac", "ContainerClass" : "accessibility-modal","ModalCloseButton" : "close-accessibility-modal-btn","ModalTitle" : "","FormFieldset" : "","FormFieldsetLegend" : "","FormRadio" : ""}' ></div>
  537.                                 </li>
  538.                                 <li>
  539.                                     <a class="nav-link" aria-current="page" href="{{path('app_main', {'clientSlug': 'public'})}}">Accueil</a>
  540.                                 </li>
  541.                                 {{ render(controller('App\\Controller\\PageController::renderProductForNavbar')) }}
  542.                                 <li>
  543.                                     <a class="nav-link" href="{{path('app_my_profile')}}">Mon profil</a>
  544.                                 </li>
  545.                                 {% if client is defined %}
  546.                                     <li>
  547.                                         <a class="nav-link" href="{{path('app_logout', {'clientSlug': client.slug})}}">
  548.                                             <span class="fa-solid fa-power-off text-caution me-2"></span>Se déconnecter</a>
  549.                                     </li>
  550.                                 {% else %}
  551.                                     <li>
  552.                                         <a class="nav-link" href="{{path('app_logout', {'clientSlug': app.user.client.slug})}}">
  553.                                             <span class="fa-solid fa-power-off text-caution me-2"></span>Se déconnecter</a>
  554.                                     </li>
  555.                                 {% endif %}
  556.                             </ul>
  557.                         </nav>
  558.                     </div>
  560.                     {% else %}
  561.                     <div class="pt-3">
  562.                         {% if client is defined %}
  563.                             <a href="{{path('app_register', {'clientSlug': client.slug, 'clientSalt': client.salt})}}" class="btn-notice-outline text-decoration-none ns-text work-sans-semi-bold">S'inscrire</a>
  564.                             {% if client.isSecure is same as true %}
  565.                                 <a href="{{path('app_login', {'clientSlug': client.slug, 'clientSalt': client.salt})}}" class="btn-notice text-decoration-none ms-3 work-sans-medium ns-text">Se connecter</a>
  566.                             {% else %}
  567.                                 <a href="{{path('app_login_unsecure', {'clientSlug': client.slug, 'clientSalt': client.salt})}}" class="btn-notice text-decoration-none ms-3 work-sans-medium ns-text">Se connecter</a>
  568.                             {% endif %}
  569.                         {% else %}
  570.                             {{ render(controller('App\\Controller\\PageController::renderLoginRegisterBtn')) }}
  571.                         {% endif %}
  572.                     </div>
  573.                     {% endif %}
  574.                 </div>
  575.             </div>
  576.         </div>
  578.         {% endif %}
  579.     {% else %}
  581.         {% if currentRoute == 'app_login' or currentRoute == 'app_login_unsecure' or currentRoute == 'app_register' %}
  582.         {% else %}
  583.                 {% if is_granted("ROLE_MANAGER") %}
  584.                 <nav role="navigation" class="navbar navbar-expand-lg shadow mb-5 text-dark">
  585.                     <div class="container">
  586.                             <ul class="navbar-nav">
  587.                                 <li class="nav-item me-2">
  588.                                     <a class="nav-link active-custom" aria-current="page" href="{{path('app_main', {'clientSlug': 'public'})}}">Accueil</a>
  589.                                 </li>
  590.                                 {% if is_granted('ROLE_ADMIN') %}
  591.                                     <li class="nav-item dropdown me-2">
  592.                                         <!--<a class="nav-link dropdown-toggle text-dark fw-bold" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  593.                                             <span lang="en">Flash Learning</span>
  594.                                         </a>-->
  595.                                         <ul class="dropdown-menu">
  596.                                             <li>
  597.                                                 <a class="dropdown-item" href="{{path('app_flash_timeslot_index')}}">Créneaux</a>
  598.                                             </li>
  599.                                         </ul>
  600.                                     </li>
  601.                                 {% endif %}
  602.                                 <li class="nav-item dropdown me-2">
  603.                                     <a class="nav-link dropdown-toggle text-dark fw-bold" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  604.                                         Gestion Clients
  605.                                     </a>
  606.                                     <ul class="dropdown-menu">
  607.                                         {% if is_granted('ROLE_ADMIN') %}
  608.                                             <li class="nav-item">
  609.                                                 <a class="dropdown-item" href="{{path('app_client_product_index')}}">Produits clients</a>
  610.                                             </li>
  611.                                         {% endif %}
  612.                                         <li class="nav-item">
  613.                                             <a class="dropdown-item" href="{{path('app_client_index')}}">Clients</a>
  614.                                         </li>
  615.                                         <li><hr class="dropdown-divider"></li>
  616.                                         <li class="nav-item">
  617.                                             <a class="dropdown-item" href="{{path('app_user_index', {'id': app.user.client.id})}}">Utilisateurs</a>
  618.                                         </li>
  619.                                         {% if is_granted('ROLE_ADMIN') %}
  620.                                             <li class="nav-item">
  621.                                                 <a class="dropdown-item" href="{{path('app_job_index')}}">Postes</a>
  622.                                             </li>
  623.                                             <li class="nav-item">
  624.                                                 <a class="dropdown-item" href="{{path('app_domain_index')}}">Domaines</a>
  625.                                             </li>
  626.                                             <li class="nav-item">
  627.                                                 <a class="dropdown-item" href="{{path('app_location_index')}}">Localisation 1</a>
  628.                                             </li>
  629.                                             <li class="nav-item">
  630.                                                 <a class="dropdown-item" href="{{path('app_sub_location_index')}}">Localisation 2</a>
  631.                                             </li>
  632.                                         {% endif %}
  633.                                     </ul>
  634.                                 </li>
  635.                             </ul>
  636.                             <ul class="navbar-nav float-end text-dark fw-bold">
  637.                                 <li class="nav-item ms-auto">
  638.                                     <a class="nav-link" href="{{path('app_logout', {'clientSlug': 'public' })}}"><i class="fa-duotone fa-right-from-bracket me-2"></i> Déconnexion</a>
  639.                                 </li>
  640.                             </ul>
  641.                     </div>
  642.                 </nav>
  643.                 {% else %}
  644.                     <header role="banner" id="main-navbar" tabindex="-1" class="navbar navbar-expand-lg fixed-top bg-white">
  645.                         <div class="container">
  646.                             {{ render(controller('App\\Controller\\PageController::renderClientFromUrl')) }}
  647.                             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Basculer la navigation">
  648.                                 <span class="navbar-toggler-icon" aria-hidden="true"></span>
  649.                                 <span class="sr-only">Afficher le menu</span>
  650.                             </button>
  651.                             <div class="collapse navbar-collapse" id="navbarSupportedContent">
  652.                                 <div class="ms-auto d-inline" id="accessconfig" data-accessconfig-buttonname="Paramètres d’accessibilité" data-accessconfig-params='{ "Prefix" : "a42-ac", "ContainerClass" : "accessibility-modal","ModalCloseButton" : "close-accessibility-modal-btn","ModalTitle" : "","FormFieldset" : "","FormFieldsetLegend" : "","FormRadio" : ""}' ></div>
  653.                                 <div id="my-account-dropdown" class="ms-2">
  654.                                     {% if is_granted('ROLE_USER') %}
  655.                                         <div class="dropdown">
  656.                                             <button id="my_account_square" class="dropdown-toggle d-flex align-items-center p-2" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  657.                                                 <div class="bg-white my-account-logo-background">
  658.                                                     {% if app.user.avatar != null %}
  659.                                                         {{app.user.avatar.code|raw}}
  660.                                                     {% else %}
  661.                                                         <span class="fa-duotone fa-user-robot"></span>
  662.                                                     {% endif %}
  663.                                                 </div>
  664.                                                 <div class="d-flex flex-column align-items-start mx-2">
  665.                                                     <span class="work-sans-semi-bold text-graphite">{{app.user.firstName}}</span>
  666.                                                     <span class="text-graphite work-sans-medium">Mon Compte</span>
  667.                                                 </div>
  668.                                             </button>
  669.                                             <nav class="dropdown-menu" role="navigation">
  670.                                                 <ul>
  671.                                                     <li>
  672.                                                         <a class="dropdown-item" href="{{path('app_my_profile')}}">Mon profil</a>
  673.                                                     </li>
  674.                                                     <!--<li>
  675.                                                         <a class="dropdown-item dropdown-item-hr" href="{{path('app_my_success')}}">Succès</a>
  676.                                                     </li>-->
  677.                                                     <li>
  678.                                                         <a class="dropdown-item" href="{{path('app_contact_new')}}">Contacter le support</a>
  679.                                                     </li>
  680.                                                     {% if client is defined %}
  681.                                                         <li>
  682.                                                             <a class="dropdown-item" href="{{path('app_legal', {'clientSlug': client.slug})}}">Mentions légales</a>
  683.                                                         </li>
  684.                                                         <li>
  685.                                                             <a class="dropdown-item" href="{{path('app_cgu', {'clientSlug': client.slug})}}">CGU</a>
  686.                                                         </li>
  687.                                                         <li>
  688.                                                             <a class="dropdown-item dropdown-item-hr" href="{{path('app_privacy', {'clientSlug': client.slug})}}">Politique de Confidentialité</a>
  689.                                                         </li>
  690.                                                     {% else %}
  691.                                                         <li>
  692.                                                             <a class="dropdown-item" href="{{path('app_legal', {'clientSlug': app.user.client.slug})}}">Mentions légales</a>
  693.                                                         </li>
  694.                                                         <li>
  695.                                                             <a class="dropdown-item" href="{{path('app_cgu', {'clientSlug': app.user.client.slug})}}">CGU</a>
  696.                                                         </li>
  697.                                                         <li>
  698.                                                             <a class="dropdown-item dropdown-item-hr" href="{{path('app_privacy', {'clientSlug': app.user.client.slug})}}">Politique de Confidentialité</a>
  699.                                                         </li>
  700.                                                     {% endif %}
  701.                                                     {% if client is defined %}
  702.                                                         <li>
  703.                                                             <a class="dropdown-item" href="{{path('app_logout', {'clientSlug': client.slug})}}">
  704.                                                                 <span class="fa-solid fa-power-off text-caution me-2"></span>Se déconnecter</a>
  705.                                                         </li>
  706.                                                     {% else %}
  707.                                                         <li>
  708.                                                             <a class="dropdown-item" href="{{path('app_logout', {'clientSlug': app.user.client.slug})}}">
  709.                                                                 <span class="fa-solid fa-power-off text-caution me-2"></span>Se déconnecter</a>
  710.                                                         </li>
  711.                                                     {% endif %}
  712.                                                 </ul>
  713.                                             </nav>
  714.                                         </div>
  715.                                     {% else %}
  716.                                         {% if client is defined and client.id !=17 %}
  717.                                             <a href="{{path('app_register', {'clientSlug': client.slug, 'clientSalt': client.salt})}}" class="btn-notice-outline text-decoration-none ns-text work-sans-semi-bold">S'inscrire</a>
  718.                                             {% if client.isSecure is same as true %}
  719.                                                 <a href="{{path('app_login', {'clientSlug': client.slug, 'clientSalt': client.salt})}}" class="btn-notice text-decoration-none ms-3 work-sans-medium ns-text">Se connecter</a>
  720.                                             {% else %}
  721.                                                 <a href="{{path('app_login_unsecure', {'clientSlug': client.slug, 'clientSalt': client.salt})}}" class="btn-notice text-decoration-none ms-3 work-sans-medium ns-text">Se connecter</a>
  722.                                             {% endif %}
  723.                                         {% else %}
  724.                                             {% if client.id !=17 %}
  725.                                                 {{ render(controller('App\\Controller\\PageController::renderLoginRegisterBtn')) }}
  726.                                             {% endif %}
  727.                                         {% endif %}
  728.                                     {% endif %}
  729.                                 </div>
  730.                             </div>
  731.                         </div>
  732.                     </header>
  733.                     <div id="spacer"></div>
  734.                     {{ render(controller('App\\Controller\\PageController::renderProductForNavbar')) }}
  735.                 {% endif %}
  736.         {% endif %}
  738.     {% endif %}
  740.     {% block body %}
  741.     {% endblock %}
  743.     {% if is_mobile() %}
  744.     <div class="container-fluid bg-graphite text-white text-center py-3">
  745.         <img src="/img/logo_ween_negative.svg" class="img-thumbnail w-25 mb-3" alt="Ween Solutions Aviséa"/>
  746.         <ul>
  747.             <li class="mb-2">
  748.             {% if is_granted('ROLE_USER') %}
  749.                 <a class="dropdown-item" href="{{path('app_contact_new')}}">Contacter le support</a>
  750.             {% else %}
  751.                 <a class="text-white text-decoration-none" href="mailto:aromero@avisea.fr?subject=Ween - Demande">Contacter le support</a>
  752.             {% endif %}
  753.             </li>
  754.             {% if client is defined %}
  755.                 <li class="mb-2">
  756.                     <a class="dropdown-item" href="{{path('app_legal', {'clientSlug': client.slug})}}">Mentions légales</a>
  757.                 </li>
  758.                 <li class="mb-2">
  759.                     <a class="dropdown-item" href="{{path('app_cgu', {'clientSlug': client.slug})}}">CGU</a>
  760.                 </li>
  761.                 <li class="mb-2">
  762.                     <a class="dropdown-item" href="{{path('app_privacy', {'clientSlug': client.slug})}}">Politique de Confidentialité</a>
  763.                 </li>
  764.             {% else %}
  765.                 <li class="mb-2">
  766.                     <a class="dropdown-item" href="{{path('app_legal', {'clientSlug': app.user.slug})}}">Mentions légales</a>
  767.                 </li>
  768.                 <li class="mb-2">
  769.                     <a class="dropdown-item" href="{{path('app_cgu', {'clientSlug': app.user.client.slug})}}">CGU</a>
  770.                 </li>
  771.                 <li class="mb-2">
  772.                     <a class="dropdown-item" href="{{path('app_privacy', {'clientSlug': app.user.client.slug})}}">Politique de Confidentialité</a>
  773.                 </li>
  774.             {% endif %}
  775.         </ul>
  776.     </div>
  777.     {% endif %}
  779.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
  781.         <script src="{{ asset('js/script.js') }}"></script>
  782.         <script src="https://cdn.jsdelivr.net/npm/tom-select@2.2.2/dist/js/tom-select.complete.min.js"></script>
  783.         <script src="{{ asset('js/slick.min.js') }}"></script>
  784.         <script>
  785.             $(document).ready(function () {
  787. switch ('{{ currentRoute }}') {
  788. case 'app_main':
  789. $('#homepage_navbar_product_link').addClass('active-custom');
  790. break;
  791. case 'app_flashlearning':
  792. $('#flashlearning_navbar_product_link').addClass('active-custom');
  793. break;
  794. case 'app_my_agenda':
  795. $('#navbar_my_agenda').addClass('active-custom');
  796. break;
  797. case 'app_defi-inclusion':
  798. $('#navbar_inclusion_defi').addClass('active-custom');
  799. break;
  800. case 'app_diag_tools':
  801. $('#navbar_diag_tools').addClass('active-custom');
  802. break;
  803. }
  806. let scrollTopBtn = document.getElementById("scroll-top-btn");
  808. if (scrollTopBtn != null) {
  810. window.onscroll = function () {
  811. scrollFunction()
  812. };
  814. function scrollFunction() {
  815. if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  816. scrollTopBtn.style.display = "block";
  817. } else {
  818. scrollTopBtn.style.display = "none";
  819. }
  820. }
  822. scrollTopBtn.addEventListener("click", (event) => {
  823. document.body.scrollTop = 0;
  824. document.documentElement.scrollTop = 0;
  825. document.getElementById('main-navbar').focus();
  826. });
  827. }
  830. });
  831.         </script>
  832.         {% block javascripts %}{% endblock %}
  833.         <button id="scroll-top-btn" title="Haut de page">
  834.             <span class="fa-sharp fa-solid fa-arrow-up"></span>
  835.             <span class="sr-only">Aller en haut de page</span>
  836.         </button>
  837.     </body>
  838. </html>