{% extends "chrono/manager_agenda_view.html" %}
{% load i18n %}

{% block breadcrumb %}
  {{ block.super }}
  <a href="{% url 'chrono-manager-agenda-settings' agenda.pk %}">{% trans 'Settings' %}</a>
  <a href="">{% trans "Notification settings" %}</a>
{% endblock %}

{% block appbar %}
  <h2>{% trans "Notification settings" %}</h2>
{% endblock %}

{% block content %}
  <form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.as_p }}
    <div class="buttons">
      <button class="submit-button">{% trans "Save" %}</button>
      <a class="cancel" href="{% url 'chrono-manager-agenda-settings' pk=agenda.id %}">{% trans 'Cancel' %}</a>
    </div>

    <script>
      $('select').change(function(){
        role_field_id = $(this).attr('id')
        email_field_id = '#' + role_field_id + '_emails'
        if ($(this).val() == 'use-email-field')
          $(email_field_id).parent('p').show();
        else
          $(email_field_id).parent('p').hide();
      });
      $('select').trigger('change');
    </script>
  </form>
{% endblock %}