{% load truncateletters  %}
{% load slugify_under  %}
<div class="map-legend">
    <h4>Trips</h4>
    <ul>
        {% for route in route_list %}
        <li><a onclick="showRoute('{{route.template_var_name}}', {{route.zoom}}, '{{route.geometry.centroid.y}}','{{route.geometry.centroid.x}}');" href="#">{{route.name}}</a></li>
        {% endfor %}
    </ul>
    <h4>Regions</h4>
    <ul>
    {%for region in region_list %}
        <li><a href="#{{region.slug}}" onclick="focusCountry({{region.lat}}, {{region.lon}}, {{region.zoom_level}});" title="See all writing from {{region.name|title}}">{{region.name}}</a></li>
    {% endfor %}
    </ul>
    
    <h4>Countries</h4>
    <ul>
        <li><a onclick="focusCountry(19.311143,2.460938,2);" href="#">All</a></li>
        {%for country in country_list %}
        <li><a href="#{{country.slug}}" onclick="focusCountry({{country.lat}}, {{country.lon}}, {{country.zoom_level}});" title="See all writing from {{country.name|title}}">{{country.name}}</a></li>
    {% endfor %}
    </ul>

</div>