{% extends "sentry/bases/modal.html" %}

{% load crispy_forms_tags %}
{% load i18n %}

{% block title %}{% trans "Auth" %} | {{ block.super }}{% endblock %}

{% block modal_header_link %}
{{ settings_url }}
{% endblock %}

{% block modal_header_extra %}
<span style="font-size: 16px;margin-left: 6px;"> Back to Organization Settings</span>
{% endblock %}

{% block main %}
  <h3>{{ provider_name }} Authentication</h3>

  <form method="POST">
    {% csrf_token %}
    <div class="box">
      <div class="box-content with-padding">
        <legend style="margin-top: 0;">Login URL</legend>

        <p>
          While Sentry will try to be clever about directing members to the
          appropriate login form, you're safest just to hit up your
          organization-specific login when visiting the app:
        </p>

        <pre><a href="{{ login_url }}">{{ login_url }}</a></pre>

        {% if pending_links_count %}
          <legend>Unlinked Members</legend>

          {% if require_link %}
          <p>
            There are currently {{ pending_links_count }} member(s) who have
            not yet linked their account with {{ provider_name }}. Until this
            is done they will be unable to access the organization.
          </p>
          {% else %}
          <p>
            There are currently {{ pending_links_count }} member(s) who have
            not yet linked their account with {{ provider_name }}. They can
            still access the organization using their email and password, but
            will not be able to log in via {{ provider_name }} until linked.
          </p>
          {% endif %}

          <p>
            <button class="btn btn-primary" name="op" value="reinvite">Send Reminders</button>
          </p>
        {% endif %}

        {{ content|default_if_none:'' }}

        <legend>General Settings</legend>

        {{ form|as_crispy_errors }}

        {% for field in form %}
          {{ field|as_crispy_field }}
          {% if forloop.last %}
            <fieldset class="form-actions">
                {% if disabled %}
                  <button disabled class="btn btn-primary" name="op" value="settings">Save Settings</button>
                {% else %}
                  <button class="btn btn-primary" name="op" value="settings">Save Settings</button>
                {% endif %}
            </fieldset>
          {% endif %}
        {% endfor %}
      </div>
    </div>

    {% if scim_token_display %}
    <div class="box">
      <div class="box-header">
        <h3>SCIM Information</h3>
      </div>
      <div class="box-content with-padding">
        <b>Auth Token:</b>
        {% if scim_token_display.is_visible %}
        <pre>{{ scim_token_display.token }}</pre>
        <p class="help-block">Your token is only available briefly after creation. Make sure to save this value!</p>
        {% else %}
        <pre>************{{ scim_token_display.token_last_characters }}</pre>
        <p class="help-block">To generate a new token, disable and re-enable SCIM.</p>
        {% endif %}
        <b>SCIM URL:</b>
        <pre>{{ scim_url }}</pre>
        <p>See provider specific SCIM documentation <a href="https://docs.sentry.io/product/accounts/sso/#scim-provisioning">here</a>.</p>
      </div>
    </div>
    {% endif %}

    <div class="box">
      <div class="box-header">
        <h3>Disable {{ provider_name }} Authentication</h3>
      </div>

      <div class="box-content with-padding">
        <p>
          Your organization will no longer be able to authenticate with their
          existing accounts. This will prevent any existing users from logging in
          unless they have access outside of SSO.
        </p>

        <fieldset class="form-actions">
          {% if disabled %}
            <button disabled class="btn btn-danger" name="op" value="disable">Disable {{ provider_name }} Auth</button>
          {% else %}
            <button class="btn btn-danger" name="op" value="disable">Disable {{ provider_name }} Auth</button>
          {% endif %}
        </fieldset>
      </div>
    </div>
  </form>
{% endblock %}