{% extends "gadjo/widget.html" %}
{% load i18n %}

{% block widget-control %}
  <div class="map-zoom-levels-widget">
    <div>
      <label for="{{ field.name }}_min">{% trans "Widest" %}</label>
      <select class="map-zoom-levels-widget--min" name="{{ field.name }}_min">
        {% for level in field.field.widget.zoom_levels %}
          <option value="{{ level.0 }}" {% if level.0 == field.value.min %}selected{% endif %}>{{ level.1 }}</option>
        {% endfor %}
      </select>
    </div>
    <div>
      <label for="{{ field.name }}_initial">{% trans "Initial" %}</label>
      <select class="map-zoom-levels-widget--initial" name="{{ field.name }}_initial">
        {% for level in field.field.widget.zoom_levels %}
          <option value="{{ level.0 }}" {% if level.0 == field.value.initial %}selected{% endif %}>{{ level.1 }}</option>
        {% endfor %}
      </select>
    </div>
    <div>
      <label for="{{ field.name }}_max">{% trans "Narrowest" %}</label>
      <select class="map-zoom-levels-widget--max" name="{{ field.name }}_max">
        {% for level in field.field.widget.zoom_levels %}
          <option value="{{ level.0 }}" {% if level.0 == field.value.max %}selected{% endif %}>{{ level.1 }}</option>
        {% endfor %}
      </select>
    </div>
  </div>
{% endblock %}