{% extends "authentic2/authenticators/authenticator_common.html" %}
{% load gadjo i18n %}

{% block breadcrumb %}
  {{ block.super }}
  <a href="#"></a>
{% endblock %}

{% block content %}
  <form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form|with_template }}
    <div class="buttons">
      <button>{% trans "Add" %}</button>
      <a class="cancel" href="{% url 'a2-manager-authenticators' %}">{% trans 'Cancel' %}</a>
    </div>
    <script>
      $(function () {
        $('div#authenticator span.required').remove();
        name_field = $('div#id_name_p');
        $('select#id_authenticator').change(function() {
          if(this.value == 'saml' || this.value == 'oidc') {
            name_field.show();
            $('input#id_name').prop('required', true);
          } else {
            name_field.hide();
            $('input#id_name').prop('required', false);
          }
        }).change();
      });
    </script>
  </form>
{% endblock %}