<!DOCTYPE html>
<html lang="fr">
<head>
{% block head_metas %}
<title>{% block body_meta_title %}{{ metas.metaTitle }}{% endblock %}</title>
<meta name="description" content="{% block body_meta_description %}{{ metas.metaDescription }}{% endblock %}" />
<meta name="keywords" content="{% block body_meta_keywords %}{{ metas.metaKeyword }}{% endblock %}" />
<meta name="robots" content="{{ metas.robotIndex }}, {{ metas.robotFollow }}" />
{% if metas.urlCanonical is not null and metas.urlCanonical is not empty %}
<link rel="canonical" href="{{ metas.urlCanonical }}" />
{% endif %}
<meta property="og:title" content="{{ block('body_meta_title') }}" />
<meta property="og:type" content="website" />
<meta property="fb:app_id" content="{{ facebook_api_id }}" />
<meta property="og:url" content="{{ app.request.getSchemeAndHttpHost() ~ app.request.requestUri }}" />
{% if metas.image is not null and metas.image is not empty %}
<meta property="og:image" content="{{ absolute_url(sonata_media(metas.image)) }}" />
<meta property="og:image:type" content="image/jpg">
{% endif %}
{% if metas.facebookDescription is not null and metas.facebookDescription is not empty %}
<meta property="og:description" content="{{ metas.facebookDescription }}" />
{% endif %}
{% endblock %}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-57x57.png') }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-60x60.png') }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-72x72.png') }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-76x76.png') }}">
<link rel="apple-touch-icon" sizes="114x114" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-114x114.png') }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-120x120.png') }}">
<link rel="apple-touch-icon" sizes="144x144" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-144x144.png') }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-152x152.png') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('build/favicon/'~site_slug~'/apple-icon-180x180.png') }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ asset('build/favicon/'~site_slug~'/android-icon-192x192.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('build/favicon/'~site_slug~'/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="96x96" href="{{ asset('build/favicon/'~site_slug~'/favicon-96x96.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('build/favicon/'~site_slug~'/favicon-16x16.png') }}">
<link rel="manifest" crossorigin="use-credentials" href="{{ asset('build/favicon/'~site_slug~'/manifest.json') }}">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ asset('build/favicon/'~site_slug~'/ms-icon-144x144.png') }}">
<meta name="theme-color" content="#ffffff">
{% if matomo_id is not empty %}
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://stats.hoplie.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '{{ matomo_id }}']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
{% endif %}
{% block styles %}
<link rel="stylesheet" href="{{ asset('build/front.css') }}" media="all">
<link rel="stylesheet" href="{{ asset('build/css/style.css') }}" media="all">
<link rel="stylesheet" href="{{ asset('build/css/vendors.css') }}" media="all">
<link rel="stylesheet" href="{{ asset('build/css/shop.css') }}" media="all">
<link rel="stylesheet" href="{{ asset('build/css/admin.css') }}" media="all">
<link rel="stylesheet" href="{{ asset('build/css/timeline.css') }}" media="all">
<link rel="stylesheet" href="{{ asset('build/css/colors/'~site_slug~'.css') }}" media="all">
{% endblock %}
</head>
<body{% if block('bodyClass') is defined %} class="{{ block('bodyClass') }}"{% endif %}>
{% block body %}
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<div class="sk-rect1"></div>
<div class="sk-rect2"></div>
<div class="sk-rect3"></div>
<div class="sk-rect4"></div>
<div class="sk-rect5"></div>
</div>
</div>
<div class="layer"></div>
{% block body_header %}
{{ render(controller('App\\Controller\\WidgetController::header', {
'initialRequest': app.request
})) }}
{% endblock %}
{% block titreH1 %}{% endblock %}
<div id="div_plan" style="margin: 0 auto;"></div>
<main>
{{ render(controller('App\\Controller\\WidgetController::recherche', {
'initialRequest': app.request
})) }}
{% block breadcrumb %}{% endblock %}
{% block body_content %}{% endblock %}
</main>
{% block body_footer %}
{{ render(controller('App\\Controller\\WidgetController::footer')) }}
{% endblock %}
<div id="toTop"></div>
{% endblock %}
{% block javascript_footer %}
<script src="https://maps.googleapis.com/maps/api/js?key={{ googlemap_api_key }}&libraries=places"></script>
<script src="{{ asset('build/runtime.js') }}"></script>
<script src="{{ asset('build/layout.js') }}"></script>
<script src="{{ asset('build/front.js') }}"></script>
{% endblock %}
{% if app.request.hasPreviousSession %}
{% for type, messages in app.session.flashbag.all() %}
{% for message in messages %}
<div class="flash-message" data-type="{{ type }}">{{ message }}</div>
{% endfor %}
{% endfor %}
{% endif %}
</body>
</html>