<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>
{% block title %}{{ app_name }}{% endblock %}
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#ffffff">
<link rel="icon" type="image/vnd.microsoft.icon" href="/medias/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/medias/favicon.ico">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
<link rel="stylesheet" href="{{ asset('css/admin/common.css') }}">
<link rel="stylesheet" href="{{ asset('css/admin/users.css') }}">
<link rel="stylesheet" href="{{ asset('css/admin/groups.css') }}">
<link rel="stylesheet" href="{{ asset('css/admin/dashboards.css') }}">
{% endblock %}
</head>
<body>
<nav class="app-nav">
<div class="nav-left">
<a class="brand" href="/">{{ app_name }}</a>
</div>
<div class="nav-right">
{% if app.user %}
{% if is_granted('ROLE_ADMIN') %}
<a href="{{ path('admin_users') }}" class="nav-link" title="Gestion utilisateurs" aria-label="Gestion utilisateurs">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
</a>
{% endif %}
<a href="{{ path('logout') }}" class="nav-link" title="Se déconnecter" aria-label="Se déconnecter">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>
</a>
{% else %}
<a href="{{ path('app_login') }}" class="nav-link">Login</a>
{% endif %}
</div>
</nav>
{% block body %}{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</body>
</html>