{% set styles=[
    "https://fonts.googleapis.com/css2?family=Kanit",
    "https://fonts.googleapis.com/css2?family=Asap",
    "https://meyerweb.com/eric/tools/css/reset/reset.css",
    "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css",
    baseUrl~"icofont/icofont.css",
    baseUrl~"styles/card.css",
    baseUrl~"styles/colors.css",
    baseUrl~"styles/form.css",
    baseUrl~"styles/main.css",
    baseUrl~"styles/nav.css",
    baseUrl~"styles/table.css",
]|merge(styles|default([])) %}

{% set scripts=[
    baseUrl~"scripts/ajaxForm.js",
]|merge(scripts|default([])) %}

{% set page=page|default("N/A") %}

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" lang="fr">
<title>Activity Manager{% if pageName is defined %} - {{ pageName }}{% endif %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% for style in styles %}
<link rel="stylesheet" href="{{ style }}">
{% endfor %}
{% for script in scripts %}
<script src="{{ script }}" defer></script>
{% endfor %}
</head>
<body>
	<nav>
		<p class="nav-category">Activités</p>
		<li>
			<ul>
				<i class="icofont-listing-box icon"></i>Activités
			</ul>
			<ul>
				<i class="icofont-clock-time icon"></i>Timeline
			</ul>
			<ul>
				<i class="icofont-tasks icon"> </i>Tâches
			</ul>
		</li>
		<p class="nav-category">Paramètres</p>
		<li>{% include "_includes/html/component/navLink.html.twig" with {route: "app_workspace_selector", icon: "icofont-briefcase-2", name: "Workspaces"} %}
			<ul>
				<i class="icofont-people icon"></i>Acteurs
			</ul></li>
	</nav>
	<header>
		<h1>
			{{ page }}
		</h1>
	</header>
	<div class="container">
		<div class="row">
			{% block pageContent %}
			{% endblock %}
		</div>
	</div>
	<div id="alert-area" class="alert-area"></div>
</body>
</html>