Source du gabarit : base.html

{% 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>