{% block cell-content %}
<h2 class="commune--title">{{ title }}</h2>
<div class="cell--body">
  <form>
    <select id="commune--select-{{ cell.id }}" class="commune--select">
      <option value="">Sélectionnez</option>
      {% for link in links %}
        <option value="{{ link.url }}">{{ link.title }}</option>
      {% endfor %}
    </select>
  </form>
  <p>Sélectionnez une commune pour découvrir ses services en ligne</p>
</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>
