<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="{{ asset('css/base.css') }}">
		<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
		<title>
			LamaZoo | {% block title %}{% endblock %}
		</title>
		{% block head %}{% endblock %}
		{% block stylesheets %}
			<link rel="stylesheet" href="/public/styles.css">
		{% endblock %}
	</head>
	<body>
		{% include 'layouts/navbar.html.twig' %}

		<!-- Flash Messages -->
		{% for type, messages in app.flashes %}
			{% for message in messages %}
				<div class="alert alert-{{ type }} alert-dismissible fade show" role="alert">
					{{ message }}
					<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
				</div>
			{% endfor %}
		{% endfor %}

		<main>
			{% block body %}{% endblock %}
		</main>

		{% include 'layouts/footer.html.twig' %}
		{% block script %}
			 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-QWt8JDg9WRc5Lujh10GpcHtO7l1W1KV5y1V7arD5Z5xjFuk51RPzNwO6McyOqIoZ" crossorigin="anonymous"></script>
		{% endblock %}
	</body>
</html>
