{% if is_mobile() %}
{# Version mobile #}
{# Flashlearning (affiché s'il existe dans clientProducts) #}
{% for clientProduct in clientProducts %}
{% if clientProduct.product.name == 'Flashlearning' %}
<li>
<a id="flashlearning_navbar_product_link" class="d-block text-decoration-none text-graphite m-text" href="{{ path('app_flashlearning', {'slug': client.slug}) }}">
<span lang="en">Event & FlashLearning</span>
</a>
</li>
{% endif %}
{# Défi de l'inclusion (pour user connecté) #}
{% if clientProduct.product.name == "Defi-inclusion" and app.user != null %}
{% if clientProduct.endAt|date("Y-m-d H:i:s") > "now"|date("Y-m-d H:i:s") and app.user.userProducts is empty %}
<li>
<a id="navbar_inclusion_defi" class="d-block text-decoration-none text-graphite m-text" href="{{ path('app_defi-inclusion', {'slug': client.slug}) }}">Défi de l'inclusion</a>
</li>
{% elseif app.user != null and app.user.userProducts is not empty %}
{% for userProduct in app.user.userProducts %}
{% if userProduct.hasDone is same as true %}
<li>
<a id="navbar_inclusion_defi" class="d-block text-decoration-none text-graphite m-text" href="{{ path('app_inclusion_defi_quizz_ranking', {'id': clientProduct.id}) }}">Défi de l'inclusion</a>
</li>
{% else %}
<li>
<a id="navbar_inclusion_defi" class="d-block text-decoration-none text-graphite m-text" href="{{ path('app_defi-inclusion', {'slug': client.slug}) }}">Défi de l'inclusion</a>
</li>
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endfor %}
{# Lien Diagnostic, affiché si diagTools est true (le texte varie selon le nombre de produits) #}
{% if diagTools %}
{% if clientProductsCount > 1 %}
<li>
<a id="navbar_diag_tools" class="d-block text-decoration-none text-graphite m-text" href="{{ path('app_diag_tools', {'slug': client.slug}) }}">Outils Diagnostic</a>
</li>
{% else %}
<li>
<a id="navbar_diag_tools" class="d-block text-decoration-none text-graphite m-text" href="{{ path('app_diag_tools', {'slug': client.slug}) }}">Outil Diagnostic</a>
</li>
{% endif %}
{% endif %}
{# Mon agenda (pour user connecté et Flashlearning) #}
{% for clientProduct in clientProducts %}
{% if clientProduct.product.slug == 'flashlearning' and is_granted('ROLE_USER') %}
<li>
<a id="navbar_my_agenda" class="d-block text-decoration-none text-graphite m-text" href="{{ path('app_my_agenda') }}">Mon agenda</a>
</li>
{% endif %}
{% endfor %}
{% else %}
{# Version Desktop #}
<nav id="product-navbar" role="navigation">
<ul class="text-graphite d-flex justify-content-center align-items-end h-100">
{# Si tabToHide est false, afficher le lien Accueil #}
{% if not tabToHide %}
<li>
<a id="homepage_navbar_product_link" class="d-block text-decoration-none text-graphite navbar-product-link work-sans-semi-bold m-text" href="{{ path('app_main', {'clientSlug': client.slug}) }}">Accueil</a>
</li>
{% endif %}
{# Flashlearning #}
{% for clientProduct in clientProducts %}
{% if clientProduct.product.name == 'Flashlearning' %}
<li>
<a id="flashlearning_navbar_product_link" class="d-block text-decoration-none text-graphite navbar-product-link ms-4 work-sans-semi-bold m-text" href="{{ path('app_flashlearning', {'slug': client.slug}) }}">
<span lang="en">Event & FlashLearning</span>
</a>
</li>
{% endif %}
{# Défi de l'inclusion (pour user connecté et si le produit est actif) #}
{% if clientProduct.product.name == "Defi-inclusion" and app.user != null and clientProduct.isActive %}
{% if clientProduct.endAt|date("Y-m-d H:i:s") > "now"|date("Y-m-d H:i:s") and app.user.userProducts is empty %}
<li>
<a id="navbar_inclusion_defi" class="d-block text-decoration-none text-graphite navbar-product-link ms-4 work-sans-semi-bold m-text" href="{{ path('app_defi-inclusion', {'slug': client.slug}) }}">Défi de l'inclusion</a>
</li>
{% elseif app.user != null and app.user.userProducts is not empty %}
{% for userProduct in app.user.userProducts %}
{% if userProduct.hasDone is same as true and userProduct.createdAt|date("Y") == "now"|date("Y") %}
<li>
<a id="navbar_inclusion_defi" class="d-block text-decoration-none text-graphite navbar-product-link ms-4 work-sans-semi-bold m-text" href="{{ path('app_inclusion_defi_quizz_ranking', {'id': clientProduct.id}) }}">Défi de l'inclusion</a>
</li>
{% elseif userProduct.hasDone is same as false %}
<li>
<a id="navbar_inclusion_defi" class="d-block text-decoration-none text-graphite navbar-product-link ms-4 work-sans-semi-bold m-text" href="{{ path('app_defi-inclusion', {'slug': client.slug}) }}">Défi de l'inclusion</a>
</li>
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endfor %}
{# Lien Diagnostic #}
{% if diagTools %}
{% if clientProductsCount > 1 %}
<li>
<a id="navbar_diag_tools" class="d-block text-decoration-none text-graphite navbar-product-link ms-4 work-sans-semi-bold m-text" href="{{ path('app_diag_tools', {'slug': client.slug}) }}">Outils diagnostic</a>
</li>
{% else %}
<li>
<a id="navbar_diag_tools" class="d-block text-decoration-none text-graphite navbar-product-link ms-4 work-sans-semi-bold m-text" href="{{ path('app_diag_tools', {'slug': client.slug}) }}">Outil diagnostic</a>
</li>
{% endif %}
{% endif %}
{# Mon agenda #}
{% for clientProduct in clientProducts %}
{% if clientProduct.product.slug == 'flashlearning' and is_granted('ROLE_USER') %}
<li>
<a id="navbar_my_agenda" class="d-block text-decoration-none text-graphite navbar-product-link ms-4 work-sans-semi-bold m-text" href="{{ path('app_my_agenda') }}">Mon agenda</a>
</li>
{% endif %}
{% endfor %}
</ul>
</nav>
{% endif %}