{% trans_default_domain 'app' %}
<!DOCTYPE html>
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="fr">
<!--<![endif]-->
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>{{title|default(parameter('mlc_title')) }}</title>
	<meta name="description" content="{{ description|default('mlc_description'|trans) }}" />
	<meta name="keywords" content="{{ keywords|default('mlc_keywords'|trans) }}" />
	<meta name="author" content="{{ 'mlc_author'|trans }}">

    {# FAVICON #}
    <link rel="shortcut icon" href="{{parameter('favicon_url')}}" type="image/x-icon" />
    {# UTILISER LES FONT AWESOME POUR L'ICONOGRAPHIE #}
    <link rel="stylesheet" href="/fontawesome/css/all.min.css">
    {# UTILISER LEAFLET POUR LA CARTE #}
    <link rel="stylesheet" href="/leaflet/leaflet.css">

	{# POUR AJOUTER DES META ( like og: ) #}
	{% block meta %}
	{% endblock meta %}

 	{% block stylesheets %}
        {{ encore_entry_link_tags('app') }}
    {% endblock stylesheets %}

	{# POUR AJOUTER DES CSS #}
 	{% block css %} {% endblock css %}
</head>

<body>
    {% include 'common/modale_choix_groupe.html.twig' %}

    <!-- HEADER -->
    {% block header %}
      {% include 'common/header.html.twig' %}
    {% endblock header %}

    <!-- CONTAINER -->
    <div class="container">
        {% include 'common/flash-messages.html.twig' %}
        {% block content %}
        <!-- CONTENT -->
        {% endblock content %}
    </div>

    <!-- FOOTER -->
    {% block footer %}
      {% include 'common/footer.html.twig' %}
    {% endblock footer %}

	{% block javascripts %}
        {{ encore_entry_script_tags('app') }}
    {% endblock javascripts %}

    {# POUR AJOUTER DES JS #}
    {% block js %} {% endblock js %}

    {# AFFICHAGE DE LA MODALE DE CHOIX DU RÔLE (groupe associé aux rôles) #}
    {% if app.request.session.has('_choixGroup') %}
        <script type="text/javascript">
            $(document).ready(function() {
                $('#roleGroupeModal').modal('show');
            });
        </script>
    {% endif %}
    <script type="text/javascript">
        $('.viewChoiceGroup').on('click', function () {
            $('#roleGroupeModal').modal('show');
        });
    </script>

</body>

</html>
