<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <title>{% block title %}Videothèque{% endblock %}</title>
		<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
		{{ encore_entry_link_tags('app') }}
		{% block stylesheets %}{% endblock %}

		{{ encore_entry_script_tags('app') }}
		{% block javascripts %}{% endblock %}
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
    </head>
    <body>
		<div class="container">
			<header>
				{% include 'flashbag.html.twig' %}
				{% include 'navbar.html.twig' %}
				{% include 'modal.html.twig' %}
				<h1 class="text-center">{% block titre %}{% endblock %}</h1>
			</header>			
				
			<main role="main">
				{% block body %}{% endblock %}
			</main>

			<footer class="footer">
				{% include 'footer.html.twig' %}
			</footer>
		</div>


		
    </body>
</html>