<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}ARS : G.P.P. {% endblock %}</title>
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
</head>
<body>
<style>
@media only screen and (max-width: 760px){
#d-body {
display: none;
}
#d-smartphone{
display:inline-block !important;
}
}
</style>
{% include 'Default/header.html.twig' %}
{% include 'Default/offcanvas.html.twig' %}
<main class="container-fluid " style="margin-top:120px">
<div class="m-auto w-75 bg-dark">
<div class="toast-container position-fixed top-4 end-0 p-3">
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="toast align-items-center toast-{{ label }} border-0 mb-2" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body">{{message}}</div>
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
{# <div class="w-100 m-auto d-none text-center" id="d-smartphone">#}
{# <h1>L'application n'est pas adaptée aux smartphones.</h1>#}
{# </div>#}
<div class="w-100 m-auto" id="d-body">
{% block body %} {% endblock %}
</div>
</main>
{% block javascripts %}{{ encore_entry_script_tags('app') }}{% endblock %}
</body>
</html>