{% load static i18n %}
{% load render_bundle from webpack_loader %}
{% load cms_tags %}
<!DOCTYPE html>
<!--
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWWMMMMMMMMWWWMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWNNNWMMMMMWWNNNWWMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWNXXXNMMMMMWNXXXNWMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWNXKXNWMMMMWNXKXXWWMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWWWWNXKKXXNWWWWNXKKXXNWWWMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWNNXXXXKKKKKXXXXXXKKKKKXXNNWMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWWWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWNNXXXKKKKXXXXXXXKKKKXXXXNNWMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMWNXOkO0XWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWWWNXKKXNWWWWWNXKKXNWWWWMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMN0d:,;lkNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWNXKXNWWMMMWNXKXXWMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMWNOl'..;xXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWWWWWNXKKXXNWWWWNXKKXXNWWWMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMWNOl'..;xXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWNXXXXKKKKKKXXXXXKKKKKKXXXNWMMMMMMMM
MMMMMMMMMMMMMMMMMWWWWNNWWWWWXOl'..;xXWMMMMMMMMWWWWNNNWWWWMMMMMMMMMMWWWWMMMMMMMMMMMMMMMMWWWMMMMMMMMMMMWWWWNNNWWWWMMMMMMMMMMMMMMMWWWNNNNWWWWMMMMMMWNNNXXKKKKXXXNNXXKKKKXXXNNNWMMMMMMMM
MMMMMMMMMMMMMMWXKOkdoooodxO00kl'..;xXWMMMMMWXKOkddooodxkOKNWMMMMMWN0OkOKNWMMMMMMMMMMWX0OkO0KNWMMMWNX0OxdooooddxO0XNWMMMMMMMWNX0Oxdoooodxk0KNWMMMMWWWWNXKKXNWWWWWNXKKXNWWWWMMMMMMMMMM
MMMMMMMMMMMWNKko:,'......',;cc;...;xXWMMWNKko:,'.......';cdOXNMMWNOl;,:dKNWMMMMMMMMMXOo:,:coONMWNKkl:,'.......',:lx0XWMMMWNKko:,'......',;cdOXWMMMMMWNXKXNWMMMMWNXKXNWMMMMMMMMMMMMMM
MMMMMMMMMMWXkl,....';;:;;,'.......;xXMMWXkl;....,;::;;'...';oOXWWXk;...cONWMMMMMMMMWXx:..',ckXWXOl,....,;:::;,'...,lkKWMWKxl,...',;::;,'...':o0NWMMMWNXXXNWMMMMWNXXXNWMMMMMMMMMMMMMM
MMMMMMMMMWKd:...':ok00KK0kdc,.. ..;xXWWKx:...,cdO0KKK0ko:'..,lkXWXx;...cONWMMMMMMMMWXx:...,:kXNOo,...:dO0KKK0Odl;,,cxKNNKd:...;lxO0KK0Oko:'..,lOXWMMWWNNWWMMMMMWWNNWWMMMMMMMMMMMMMMM
MMMMMMMMWXx:...;oOXWWWMMWWN0x:....;xXNXk:...:xKNWWMMMWWXOo,..'lOXKx;...cONWMMMMMMMMWXx:...,:kXXkc'..;o0NWWMMWWNX0OkOKNWKx:..'cxKNWWMMMWWXOo,..,o0NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMWN0o'..,o0NWMMMMMMMMWKd;...;xXX0o'..,oOXXXNNNNXXXKx:...:x0Kx;...cONWMMMMMMMMWXx:...,ckXNOo,..':dOKXXNNWWWWWWWWWNOc'..;oOKNNNNNNNNX0xc...:xXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMWXkc...;xXWMMMMMMMMMWXkc'..;xXXkc'...,:ccccccccclc;'...;dOKx;...cONWMMMMMMMMWXx:...,ckXWXOl,....,;:codxk0KNWWMWXk:...';:ccccccccccc;'...,dXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMWXkc...:kNMMMMMMMMMMWXOl'..;xKKkc.. ...................:dOKx;...cONWMMMMMMMMWXx:...,:kXMWN0xl:,.......'';:ox0XNXx;......................;dXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMWXkc...:kNMMMMMMMMMMWXOl'..;xKKkc....;cclcclllllllllllox0XKx;...cONWMMMMMMMMWXx:...,:kXMMMWNX0Oxdolc;,'....,cx0Kx:...';:cllllllllllllllox0NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMWNOl'..,dKNMMMMMMMMMWKx:...;xXXOl'..,oOKXXXXXXXXXXXXKKXNWWXk:...:kXWMMMMMMMMWKd;...,:kXMMMMMMMWWNNXK0Okdc,...:x0kc'..;oOKXXXXXXXXXXXXKXXNWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMWKd;...:xKNMMMMMMMWXkc'...;xXNKx;..'lOXWMMMMMMMWNX0OO0KNWNOc'..,oONWMMMMMMWXkc...',ckXWXK00KXNWMMMMMMWXkl'..'oOOo;..,lOXWMMMMMMMWNK0OO0XNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMN0o,...;ok0XXNXXKOd:'....;xXWN0o;..':dOKXNNNXKOxl:,;ckXWWKx:...,cx0KXNNXKOd:'. .',ckXXko:;:lx0KXNNNXKOd:...;dKXOo;..'cdOKXNNNXK0xl;,;lkKWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMWN0d:....,:clool:,'... ..;xXWMN0x:'...;clooolc;'...;lkXWMNKx:....';cloolc;'... .',ckXXOl;...';cloool:;'...;oONWN0d:'..';:loool:;'...,oOXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMWXOo:'..........',;;'.'ckXMMMWXOd:,...........';lx0XWMMMWXOo:'.........',;;,..,:lONWX0xc;'...........';lkKNWMMWKOo:,...........';lxKNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMWN0kdoc::::cldkO0OxddkKWMMMMMWNKOdoc:::::cldk0XNWMMMMMMMWN0kdlc::::cldkOOkddxkOXWMMWNX0kdlc:::::cldk0XNWMMMMMWWX0kdlc:::::cldk0XNWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMWWNNXXKKXXXNWWWWNNNWWMMMMMMMMWWNNXXKKKXXXNWWMMMMMMMMMMMMWWNNXKKKKXNNWWWWNNNNWWMMMMMMWWNNXXKKKXXXNWWMMMMMMMMMMMWWNXXXKKKXXNNWWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
developed by https://www.deuse.be
-->
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% render_bundle 'vendors' 'css' %}
{% render_bundle 'main' 'css' %}
<!-- Select 2-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<!-- TYPOS -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito:[email protected];400;700&display=swap" rel="stylesheet">
<title>
{% block title %}Communes-Commerces.be{% endblock %}
</title>
{% block head--extension %}
{% endblock %}
<link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">
<link rel="icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">
{% if show_canonical_url and canonical_url %}
<link rel = "canonical" href = "{{canonical_url}}" />
{% endif %}
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N9LGDG5"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
{% if messages %}
<div class="wrapper--centered" id="msg_container">
<ul class="message__container list--no-bullet error--filters">
{% for message in messages %}
<li {% if message.tags %} class="message message--{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% block header %}{% endblock%}
</header>
{% block content %}
{% endblock %}
{% cms_save "Enregistrer" %}
<footer>
{% block footer %}
<!--<div class="boxes boxes--aboutus footer dark-bg dark-bg-2">
<div class="container">
<div class="column">
<div class="boxes__item form col-6">
<h2>Communes-Commerces.be</h2>
<ul class="social">
{% if base_facebook_url %}
<li class="social__item"><a href="{{base_facebook_url}}" class="social__item--link"><i class="icon icon-s icon--social-facebook" aria-hidden="true"></i><span class="hide">Facebook</span></a></li>
{% endif %}
{% if base_linkedin_url %}
<li class="social__item"><a href="{{base_linkedin_url}}" class="social__item--link"><i class="icon icon-s icon--social-linkedin" aria-hidden="true"></i><span class="hide">LinkedIn</span></a></li>
{% endif %}
</ul>
<h3 class="title--pushed">Nous contacter</h3>
<p>Si vous aussi désirez savoir comment le site communes-commerces peut promouvoir votre commune ou votre commerce, alors n'hésitez plus et contactez-nous :</p>
<form action="" class="column" method="post">
{% csrf_token %}
<div class="col-6 form--grid">
{% include "frags/form_inputs.html" with form_input=contact_form.name input_placeholder=_("Votre nom et prénom") input_class="" %}
</div>
<div class="col-6 form--grid">
{% include "frags/form_inputs.html" with form_input=contact_form.mail input_placeholder=_("Votre adresse e-mail") input_class="" %}
</div>
{% include "frags/form_textarea.html" with form_input=contact_form.text input_placeholder=_("Votre message") input_class="col-12" %}
<button type="submit" class="btn">Envoyer</button>
</form>
</div>
<div class="boxes__item footer__links col-6">
<h3>Qui Sommes nous ?</h3>
<ul class="links">
<li class="links__item"><a {% if link_to_project %} href="{{link_to_project.url}}" {%endif%} download>Le projet commune-commerce.be</a></li>
<li class="links__item"><a {% if link_to_municipality %}href="{{link_to_municipality.url}}" {%endif%} download>Je suis une commune</a></li>
<li class="links__item"><a {% if link_to_commerce %}href="{{link_to_commerce.url}}" {%endif%} download>Je suis commerçant</a></li>
</ul>
<h3>Informations</h3>
<ul class="links">
<li class="links__item"><a {% if link_to_contact %}href="{{link_to_contact.url}}" {%endif%} download>Contact</a></li>
<li class="links__item"><a {% if link_to_conditions %}href="{{link_to_conditions.url}}" {%endif%} download>Conditions Générales d'Utilisation</a></li>
<li class="links__item"><a {% if link_to_protection %}href="{{link_to_protection.url}}" {%endif%} download>Politique de protection des données personnelles</a></li>
</ul>
</div>
</div>
</div>
</div>-->
{% endblock%}
</footer>
{% include 'frags/remodal_map.html' %}
{% block javascript %}
{% render_bundle 'cms_edit' %}
{% render_bundle 'vendors' 'js' %}
<!-- Google map -->
<script>
var cntLine = 6;
function addLine(){
var slides = document.getElementsByClassName("oh"+cntLine);
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "block";
}
cntLine++;
}
var debounce = function (func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
function extractFromAddress(components, type) {
return components.filter((component) => component.types.indexOf(type) === 0).map((item) => item.long_name).pop() || null;
}
function initMap() {
let places = [];
const baseUrl = window.location.origin+'/api';
$('#id_street').keyup(debounce(function(){
var slug = this.value.replace(/ /g,"+");
$.ajax({
type: "GET",
headers: { 'Access-Control-Allow-Origin': '*' },
url: baseUrl+"/webshop/search-places/?query="+slug,
success: function(response){
if(response.status == "OK"){
$(".places__list").removeClass("places__list--empty");
$(".places__list").empty();
places = response.results;
// create dynamic list based on response
$(response.results).each(function () {
$(".places__list").append("<li class='place__item'><a href='#' class='place__link' title='Sélectionner cette adresse' data-place='"+this.place_id+"'>"+this.formatted_address+"</a></li>")
});
// click event when user select address proposed by google
$( ".place__link" ).click(function(e) {
e.preventDefault();
let placeId = $(this).attr("data-place");
let currentPlace = places.find(place => place.place_id == placeId);
// retrieve lat + long (used to place address in google map)
$("#id_lat").val(parseFloat(currentPlace.geometry.location.lat));
$("#id_long").val(parseFloat(currentPlace.geometry.location.lng));
// remove all options
$(".places__list").addClass("places__list--empty");
// update DB with selected option
$.ajax({
type: "GET",
headers: { 'Access-Control-Allow-Origin': '*' },
url: baseUrl+"/webshop/place-detail/?place="+currentPlace.place_id,
success: function(response){
let placeDetails = response.result;
let number = extractFromAddress(placeDetails["address_components"], "street_number");
let box = extractFromAddress(placeDetails["address_components"], "subpremise");
let street = extractFromAddress(placeDetails["address_components"], "route");
let postalCode = extractFromAddress(placeDetails["address_components"], "postal_code");
$("#id_street").val(street);
if(box != null){
$("#id_street_number").val(number+"/"+box);
}else{
$("#id_street_number").val(number);
}
let option = $("#municip option[data-postal='"+postalCode+"']");
let selectValue = $(option).attr("value");
$("#municip").val(selectValue);
$("#municip").trigger("change");
$(".location__indicator").addClass("indicator--success");
$(".location__indicator").text("Position sélectionnée sur la carte");
$("#id_has_selected_place").prop( "checked", true );
}
});
});
}
}
});
},200));
}
</script>
<!-- Google map -->
{% block javascript--map %}
{% if not no_google_map_import %}
<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDZeLyGnq0WUCSRP9L53hvu8X4JSTcKE0w&callback=initMap&libraries=&v=weekly">
</script>
{% endif %}
{% endblock %}
<!-- Select2 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
{% render_bundle 'main_script' 'js' %}
{% render_bundle 'react' 'js' %}
{% block javascript_extension %}
{% endblock %}
{% endblock %}
</body>
</html>