{% block cell-content %}
  <h2 class="cell--title">{{ title }}</h2>
  <div class="cell--body">
    <form>
      <select id="commune--select-{{ cell.id }}">
        <option value="">Sélectionnez</option>
        {% for link in links %}
          <option value="{{ link.url }}">{{ link.title }}</option>
        {% endfor %}
      </select>
      <p>Sélectionnez une commune pour découvrir ses services en ligne.</p>
    </form>
  </div>
{% endblock %}
<script>
  $(function() {
    $('#commune--select-{{ cell.id }}').change(function(e){
      const link = this.options[this.selectedIndex].value;
      if (link) {
        window.location.href = link;
      }
    })
  });
</script>
