<nav id="main-nav" class="navbar fixed-top" style=""> <div class="container-fluid"> <div style="width: 85%"> <a class="navbar-brand" href="{{ path('index') }}"> {% if school_global.logo != '' %} <img class="logo-nav" src="{{ asset('uploads/logo/'~school_global.logo) }}"/> {% else %} <h2>{{ school_global.short_name }}</h2> {% endif %} </a> <h3 class="home-title school-name" style="text-align: center;margin-left: 20%"> {{ school_global.name }} <br/> {% if school_global.slogan != '' %} <span style="font-size: 10px;color: #cecfd0">{{ school_global.slogan }}</span> {% endif %} </h3> </div> <div style="position: fixed;top: 10px;right: 20px;width: 15%;flex-direction: column;gap:10px" class="d-flex align-items-center me-4"> <a href="#" id="kt_drawer_chat_toggle" class="btn btn-icon btn-active-light btn-outline btn-outline-default btn-icon-gray-700 btn-active-icon-primary" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" data-kt-menu-flip="bottom"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" class="bi" fill="currentColor" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path> </svg> </a> <a style="font-weight: bold;width: max-content" href="https://akiliprisma.akili-systems.com/coly/espaceparents/004/" class="text-primary">Espace parent</a> </div> </div> {% if page is defined and page.adminLink not in ['admin_page_blog','admin_page_home'] %} <div class="container-fluid" > <div class="d-flex align-items-center" style="width: 100%"> <div class="flex-shrink-0"> <a href="#" class="btn-left btn-link p-2 toggle2 text-dark"><i style="color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important;" class="bi bi-caret-left"></i></a> </div> <div class="flex-grow-1 o-hidden"> <ul class="nav nav-fill small position-relative flex-nowrap div-ul-link"> <li class="nav-item"> <a href="{{ path('page_about') }}" class="header-nav-link" style="font-size: 12px;margin-right: 10px">{{ 'about_us'|trans }}</a> </li> <li class="nav-item"> <a href="{{ path('page_school_life') }}" class="header-nav-link" style="font-size: 12px;margin-right: 10px">{{ 'school_life'|trans }}</a> </li> <li class="nav-item"> <a href="{{ path('page_student_parent') }}" class="header-nav-link" style="font-size: 12px;margin-right: 10px">{{ 'student_and_parent'|trans }}</a> </li> {% for p in frontend_page %} {% if p.adminLink in ['admin_page_blog','admin_page_gallery','admin_page_contact'] %} <li class="nav-item"> <a href="{{ path('app_show_frontend_page',{'slug':p.slug}) }}" class="header-nav-link" style="font-size: 12px;margin-right: 10px">{{ p.name }}</a> </li> {% endif %} {% endfor %} </ul> </div> <div class="flex-shrink-0"> <a href="#" class="btn-right btn-link toggle2 p-2 text-dark"><i style="color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important;" class="bi bi-caret-right"></i></a> </div> </div> </div> {% else %} {% if app.request.attributes.get('_route') in ['page_school_life','page_student_parent','page_about'] %} <div class="container-fluid" > <div class="d-flex align-items-center" style="width: 100%"> <div class="flex-shrink-0"> <a href="#" class="btn-left btn-link p-2 toggle2 text-dark"><i style="color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important;" class="bi bi-caret-left"></i></a> </div> <div class="flex-grow-1 o-hidden"> <ul class="nav nav-fill small position-relative flex-nowrap div-ul-link"> <li class="nav-item"> <a href="{{ path('page_about') }}" class="header-nav-link" style="font-size: 12px;margin-right: 10px">{{ 'about_us'|trans }}</a> </li> <li class="nav-item"> <a href="{{ path('page_school_life') }}" class="header-nav-link" style="font-size: 12px;margin-right: 10px">{{ 'school_life'|trans }}</a> </li> <li class="nav-item"> <a href="{{ path('page_student_parent') }}" class="header-nav-link" style="font-size: 12px;margin-right: 10px">{{ 'student_and_parent'|trans }}</a> </li> {% for p in frontend_page %} {% if p.adminLink in ['admin_page_blog','admin_page_gallery','admin_page_contact'] %} <li class="nav-item"> <a href="{{ path('app_show_frontend_page',{'slug':p.slug}) }}" class="header-nav-link" style="font-size: 12px;margin-right: 10px">{{ p.name }}</a> </li> {% endif %} {% endfor %} </ul> </div> <div class="flex-shrink-0"> <a href="#" class="btn-right btn-link toggle2 p-2 text-dark"><i style="color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important;" class="bi bi-caret-right"></i></a> </div> </div> </div> {% endif %} {% endif %} <div id="kt_drawer_chat" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="chat" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '300px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_chat_toggle" data-kt-drawer-close="#kt_drawer_chat_close"> <div class="card w-100 rounded-0 border-0" id="kt_drawer_chat_messenger"> <div class="card-header pe-5" id="kt_drawer_chat_messenger_header"> <div class="card-title"> <div class="d-flex justify-content-center flex-column me-3"> <h3 class="fs-4 fw-bolder text-gray-900 text-hover-primary me-1 mb-2 lh-1">{{ 'panel_menu'|trans }}</h3> <div class="mb-0 lh-1"> {% if languages|length == 3 %} {% if app.request.cookies.get('lang') == 'third' %} <a class="lang" style="font-size: 10px;" href="javascript:void(0)" onclick="changeLang('first')" > <span class="fa fa-globe"></span> {{ first_language }} </a> | <a class="lang" style="font-size: 10px;" href="javascript:void(0)" onclick="changeLang('second')" > <span class="fa fa-globe"></span> {{ second_language }} </a> {% elseif app.request.cookies.get('lang') == 'second' %} <a class="lang" style="font-size: 10px;" href="javascript:void(0)" onclick="changeLang('first')" > <span class="fa fa-globe"></span> {{ 'first_language'|trans }} </a> | <a class="lang" style="font-size: 10px;" href="javascript:void(0)" onclick="changeLang('third')" ><span class="fa fa-globe"></span> {{ third_language }} </a> {% else %} <a class="lang" style="font-size: 10px;" href="javascript:void(0)" onclick="changeLang('second')" > <span class="fa fa-globe"></span> {{ 'second_language'|trans }} </a> | <a class="lang" style="font-size: 10px;" href="javascript:void(0)" onclick="changeLang('third')" > <span class="fa fa-globe"></span> {{ third_language}} </a> {% endif %} {% elseif languages|length == 2 %} {% if app.request.cookies.get('lang') == 'second' %} <a class="lang" style="font-size: 10px;" href="javascript:void(0)" onclick="changeLang('first')" ><span class="fa fa-globe"></span> {{ first_language}} </a> {% else %} <a class="lang" style="font-size: 10px;" href="javascript:void(0)" onclick="changeLang('second')" > <span class="fa fa-globe"></span> {{ second_language}} </a> {% endif %} {% else %} {% endif %} </div> </div> </div> <div class="card-toolbar"> {% if app.user is not null and app.user != 'anon.' %} <div class="me-2"> <button class="btn btn-sm btn-icon btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end"> <img style="width: 30px;height: 30px" src="{{ asset('assets/man.png') }}"/> </button> <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-bold w-200px py-3" data-kt-menu="true"> <div class="menu-item px-3"> <a href="{{ path('admin_profile') }}" class="menu-link px-3"> {{ 'profile'|trans }} </a> </div> {% if app.user.roles[0] not in ["ROLE_USER_REDACTOR","ROLE_PARENT"] %} <div class="menu-item px-3"> <a href="{{ path('admin_home') }}" class="menu-link px-3"> {{ 'admin_panel'|trans }} </a> </div> {% else %} {% if app.user.roles[0] == "ROLE_USER_REDACTOR" %} <div class="menu-item px-3"> <a href="{{ path('admin_page_blog') }}" class="menu-link px-3"> {{ 'blog'|trans }} </a> </div> {% endif %} {% endif %} <div class="menu-item px-3"> <a href="{{ path('app_logout') }}" class="menu-link px-3"> {{ 'logout'|trans }} </a> </div> </div> </div> {% endif %} <div class="btn btn-sm btn-icon btn-active-light-primary" id="kt_drawer_chat_close"> <span class="svg-icon svg-icon-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="black" /> <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="black" /> </svg> </span> </div> </div> </div> <div class="card-body" id="kt_drawer_chat_messenger_body"> <div class="scroll-y me-n5 pe-5" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px"> <ul style="list-style: none"> <li class="text-primary">{{ 'minimalis_template_item0'|trans }}</li> {% for p in frontend_page %} {% if p.adminLink == 'admin_page_director_speech' %} <li><a class="dropdown-item mr-4" href="{{ path('index') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_blog' %} <li><a class="dropdown-item mr-4" href="{{ path('app_show_frontend_page',{'slug':p.slug}) }}">{{ p.name }}</a></li> {% endif %} {% endfor %} <li><a class="dropdown-item mr-4" href="{{ path('index') }}#summary_page">{{ 'summary_page'|trans }}</a></li> </ul> <div class="separator separator-dashed"></div> <ul style="list-style: none"> <li class="text-primary">{{ 'minimalis_template_item1'|trans }}</li> {% for p in frontend_page %} {% if p.adminLink == 'admin_page_about_us' %} <li><a class="dropdown-item mr-4" href="{{ path('page_about') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_story' %} <li><a class="dropdown-item mr-4" href="{{ path('page_about') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_team' %} <li><a class="dropdown-item mr-4" href="{{ path('page_about') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} </ul> <div class="separator separator-dashed"></div> <ul style="list-style: none"> <li class="text-primary">{{ 'minimalis_template_item2'|trans }}</li> {% for p in frontend_page %} {% if p.adminLink == 'admin_page_our_mission' %} <li><a class="dropdown-item mr-4" href="{{ path('page_school_life') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_infrastructure' %} <li><a class="dropdown-item mr-4" href="{{ path('page_school_life') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_activity' %} <li><a class="dropdown-item mr-4" href="{{ path('page_school_life') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_partner' %} <li><a class="dropdown-item mr-4" href="{{ path('page_school_life') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} </ul> <div class="separator separator-dashed"></div> <ul style="list-style: none"> <li class="text-primary">{{ 'minimalis_template_item3'|trans }}</li> {% for p in frontend_page %} {% if p.adminLink == 'admin_page_pedagogy' %} <li><a class="dropdown-item mr-4" href="{{ path('page_student_parent') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_admission' %} <li><a class="dropdown-item mr-4" href="{{ path('page_student_parent') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_calendar' %} <li><a class="dropdown-item mr-4" href="{{ path('page_student_parent') }}#{{ p.slug }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_students' %} <li><a style="font-weight: bold;" target="_blank" class="dropdown-item mr-4" href="{{ path('app_show_frontend_page',{'slug':p.slug}) }}"><strong style="color:red;font-weight:bold;font-size:16px">F</strong>inote</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_bank_of_test' %} <li><a class="dropdown-item mr-4" href="{{ path('app_show_frontend_page',{'slug':p.slug}) }}">{{ p.name }}</a></li> {% endif %} {% endfor %} </ul> <div class="separator separator-dashed"></div> <ul style="list-style: none"> <li class="text-primary">{{ 'minimalis_template_item4'|trans }}</li> {% for p in frontend_page %} {% if p.adminLink == 'admin_page_gallery' %} <li><a class="dropdown-item mr-4" href="{{ path('app_show_frontend_page',{'slug':p.slug}) }}">{{ p.name }}</a></li> {% endif %} {% endfor %} {% for p in frontend_page %} {% if p.adminLink == 'admin_page_infrastucture' %} <li><a class="dropdown-item mr-4" href="{{ path('app_show_frontend_page',{'slug':p.slug}) }}">{{ p.name }}</a></li> {% endif %} {% endfor %} </ul> <div class="separator separator-dashed"></div> {% for p in frontend_page %} {% if p.adminLink == 'admin_page_contact' %} <a style="text-transform: uppercase" class="nav-item text-primary" href="{{ path('app_show_frontend_page',{'slug':p.slug}) }}">{{ p.name }}</a> {% endif %} {% endfor %} </div> </div> </div> </div></nav>