{% extends "templates/base-1-col.html" %}

{% block content-body %}
  <h2>Forgotten Roads' Maps</h2>

 <h3>Map Views</h3>
 <p>Custom-styled Google Maps:</p>
  <div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="maps-menu"
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Select
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" aria-labelledby="maps-menu">
      <li><a href="/blog/map/no-ui/fullscreen.html">No Map UI (clean view)</a></li>
      <li><a href="/blog/map/ui/fullscreen.html">With Map UI</a></li>
      <li><a href="https://mappingsupport.com/p/gmap4.php?ll={{ topo-data.starting-lat }},{{ topo-data.starting-long }}&z={{ topo-data.starting-zoom }}&t=t4">Topo map (external link)</a></li>
    </ul>
  </div>

 <h3>Route Sets</h3>
 <p>Maps generated from <code>.kml</code> files uploaded to the blog:</p>
 {% for group in maps-data %}
  <div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="maps-menu"
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      {{ group.key }}
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" aria-labelledby="maps-menu">
      {% for map-data in group.data %}
      <li><a href="{{ map-data.maps-base }}/{{ map-data.html-file }}">{{ map-data.view-type-display }}</a></li>
      {% endfor %}
      <li><a href="https://mappingsupport.com/p/gmap4.php?q=http://forgotten.roads.mx{{ group.data.0.gis-base }}{{ group.data.0.kml-file }}?rev={{ group.data.0.revision }}&t=t4">Topo map (external link)</a></li>
    </ul>
  </div>
  {% endfor %}
  <br/>
  <br/>
  <br/>
{% endblock %}