{% extends "jocondelab/front_base.html" %}
{% load i18n %}
{% load static %}
{% load compressed %}

{% block js_import %}
    {% compressed_js 'front-geo' %}
{% endblock %}

{% block css_import %}
    {% compressed_css 'front-geo' %}
{% endblock %}

{% block js_declaration %}
    {{block.super}}
    <script type="text/javascript">
        urls.orange_marker = "{% static 'jocondelab/lib/images/marker-orange.png' %}";
        urls.light_marker = "{% static 'jocondelab/lib/images/marker-light.png' %}";
        urls.ajax_geo_coords = "{% url 'ajax_geo_coords' %}";
        urls.ajax_geo_search = "{% url 'ajax_geo_search' %}";
        urls.countries_geo_json = "{% static 'jocondelab/lib/countries.geo.json' %}";
        var countries = {{countries|safe}};
    </script>
{% endblock %}


{% block title %}JocondeLab &raquo; {% trans 'Mappemonde' %}{% endblock %}

{% block breadcrumbs %}{% trans 'Mappemonde' %}{% endblock %}

{% block main %}
            <div class="map-container">
                <div id="map"></div>
                <form class="map-search" action="#">
                    <input class="map-search-input" type="search" placeholder="{% trans 'Rechercher un lieu' %}" />
                </form>
            </div>
            
            <div class="results"></div>
            
            <div class="loading-please-wait"><img src="{% static 'jocondelab/img/loader.gif' %}" /></div>
            <p class="load-more"><a href="#">{% trans 'Afficher plus de résultats' %}</a></p>
            
{% endblock %}