{% trans_default_domain 'header' %}
{% set navLinks = getHeaderNavLinks() %}
{% block header %}
{% for message in app.flashes('success') %}
<div class="alert alert-success">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('errors') %}
<div class="alert alert-danger">
{{ message }}
</div>
{% endfor %}
<header data-controller="header">
<div class="header-row-1">
<a href="{{ siteSettings.email|mailto(true) }}"><i class="fa-regular fa-envelope"></i>{{ siteSettings.email|mailto }}</a>
<a href="tel:{{ siteSettings.phone|replace({" ": ""}) }}"><i class="fa-solid fa-phone"></i>{{ siteSettings.phone }}</a>
</div>
<div class="header-row-2">
<a href="{{ path('app_homepage')}}" class="logo-link">
<img class="logo" src="{{ asset('build/images/logo.png') }}" alt="Assurboat" />
</a>
<nav class="menu-header">
<ul>
{% for navLink in navLinks %}
<li>
{% if navLink.link %}<a href="{{ navLink.link }}">{% else %}<span>{% endif %}
{{ navLink.label|trans }}{% if navLink.hasChildren %}<i class="fa-solid fa-sort-down"></i>{% endif %}
{% if navLink.link %}</a>{% else %}</span>{% endif %}
{% if navLink.hasChildren %}
<div class="dropdown-content dropdown-content-1">
{% for child in navLink.children %}
<div class="dropdown-content-link">
<a href="{{ child.link }}">{{ child.label|trans }}{% if child.hasChildren %} <i class="fa-solid fa-caret-right"></i>{% endif %}</a>
{% if child.hasChildren %}
<div class="dropdown-content dropdown-content-2">
{% for child2 in child.children %}
<div class="dropdown-content-link">
<a href="{{ child2.link }}">{{ child2.label|trans }}</a>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
</li>
{% endfor %}
</ul>
<div class="ctas">
<a href="{{ path('app_recommandation_contact_index') }}"><i class="fa-solid fa-suitcase"></i><span class="label">Espace pro</span></a>
<a href="{{ path('assure_login') }}"><i class="fa-regular fa-user"></i><span class="label">Espace assuré</span></a>
<a class="button" href="{{ path('app_devis_index') }}">Demande de devis</a>
</div>
</nav>
<span class="btn-burger-menu">
<i class="icon fa fa-bars bars"></i>
<i class="icon fa fa-xmark xmark"></i>
<i class="icon fa fa-arrow-left arrow-left"></i>
</span>
<div class="burger-btn">
</div>
</div>
{% if app.user is defined and app.user and app.request.get('_route') starts with 'assure' %}
<div class="header-assure">
<div class="hello">
{{ 'assure.hello'|trans({'%name%': app.user.firstName}) }}
</div>
<nav class="nav-assure">
<a {% if app.request.get('_route') == 'assure_dashboard' %}class="active" {% endif %}href="{{ path('assure_dashboard') }}">{{ 'assure.dashboard'|trans }}</a>
<a {% if app.request.get('_route') == 'assure_sinistre' %}class="active" {% endif %}href="{{ path('assure_sinistre') }}">{{ 'assure.declare'|trans }}</a>
<a {% if app.request.get('_route') == 'assure_documents' %}class="active" {% endif %}href="{{ path('assure_documents') }}">{{ 'assure.documents'|trans }}</a>
<a {% if app.request.get('_route') == 'assure_info' %}class="active" {% endif %}href="{{ path('assure_info') }}">{{ 'assure.info'|trans }}</a>
<a {% if app.request.get('_route') == 'assure_logout' %}class="active" {% endif %}href="{{ path('assure_logout') }}"><i class="fa fa-sign-out-alt"></i></a>
</nav>
</div>
{% endif %}
</header>
{% endblock %}