{% extends 'layout.twig' %}

{% block title %}
    Ğ1-Marché : Régions {% if page > 1 %}, page {{ page }} {% endif %}
{% endblock %}
{% block body %}
    <div class="container home">
        <img id="logo_home" src="\images\logo_home.jpg"/>

            <ul class="list-group list-group-flush">
                <div class="mapcontainer">
                    <div class="map">
                        <span>Alternative content for the map</span>
                    </div>
                    <div class="areaLegend"></div>
                    <div class="plotLegend"></div>
                </div>
            </ul>
        </div>

    <script type="text/javascript">
        $(".container").mapael({
            map: {
                name: 'france_regions_2016',
                zoom: {
                    //enabled: true
                },
                defaultArea: {
                    attrs: {
                        'fill': '#517C2D',
                        'stroke': '#F5D6C6',
                        'stroke-width': 0.6,
                        'cursor': 'pointer'
                    },
                    attrsHover: {
                        'stroke-width': 2.5,
                        'fill': '#3b7dd8',
                        'animDuration' : 100
                    }
                }
            },
            areas: {
                'region-84': {
                    value: "Auvergne-Rhône-Alpes",
                    href: "france/auvergne-rhone-alpes",
                    tooltip: {content: "<span class='home_map'> Auvergne-Rhône-Alpes</span>"}
                },
                'region-53': {
                    value: "Bretagne",
                    href: "france/bretagne",
                    tooltip: {content: "<span class='home_map'>Bretagne</span>"}
                },
                'region-27': {
                    value: "Bourgogne-Franche-Comté",
                    href: "france/bourgogne-franche-comte",
                    tooltip: {content: "<span class='home_map'>Bourgogne-Franche-Comté</span>"}
                },
                'region-24': {
                    value: "Centre-Val de Loire",
                    href: "france/centre-val-de-loire",
                    tooltip: {content: "<span class='home_map'>Centre-Val de Loire</span>"}
                },
                'region-94': {
                    value: "Corse",
                    href: "france/corse",
                    tooltip: {content: "<span class='home_map'>Corse</span>"}
                },
                'region-44': {
                    value: "Grand-Est",
                    href: "france/grand-est",
                    tooltip: {content: "<span class='home_map'>Grand-Est</span>"}
                },
                'region-32': {
                    value: "Hauts-de-France",
                    href: "france/hauts-de-france",
                    tooltip: {content: "<span class='home_map'>Hauts-de-France</span>"}
                },
                'region-11': {
                    value: "Ile-de-France",
                    href: "france/ile-de-france",
                    tooltip: {content: "<span class='home_map'>Ile-de-France</span>"}
                },
                'region-28': {
                    value: "Normandie",
                    href: "france/normandie",
                    tooltip: {content: "<span class='home_map'>Normandie</span>"}
                },
                'region-75': {
                    value: "Nouvelle-Aquitaine",
                    href: "france/nouvelle-aquitaine",
                    tooltip: {content: "<span class='home_map'>Nouvelle-Aquitaine</span>"}
                },
                'region-76': {
                    value: "Occitanie",
                    href: "france/occitanie",
                    tooltip: {content: "<span class='home_map'>Occitanie</span>"}
                },
                'region-52': {
                    value: "Pays de la Loire",
                    href: "france/pays-de-la-loire",
                    tooltip: {content: "<span class='home_map'>Pays de la Loire</span>"}
                },
                'region-93': {
                    value: "Provence-Alpes-Côte d'Azur",
                    href: "france/provence-alpes-cote-d-azur",
                    tooltip: {content: "<span class='home_map'>Provence-Alpes-Côte d'Azur</span>"}
                }
            }
        });
    </script>
{% endblock %}