{% extends "sentry_hipchat_ac/configure_layout.html" %}

{% load sentry_helpers %}

{% block body %}

<script>
// open sentry login in another window and then receive a message of whether user is logged in. If user is logged in, refresh the page, so that user can continue through configuration flow

  function openLogin() {
    var top = screen.height / 2 - 350
    var left = screen.width / 2 - 300
    window.open(
      ('{% system_origin %}' + "/auth/login?next=" + encodeURIComponent('/auth/close/')),
      "sentryLogin",
      "modal, resizable, scrollbars, height=700, width=600, top="+top+", left="+left
    );

    window.addEventListener('message', function (evt) {
      if (event.origin !== '{% system_origin %}') {
        throw new Error('message event received from invalid origin: ' + event.origin);
        return;
      }
      else if (event.data === 'user_authenticated') {
        document.location.reload();
      }
    }, false);
  }
</script>
  {% if tenant.auth_user %}
    <h3>Authorization</h3>
    <p>
      You are currently signed in as <strong>{{ current_user.username }}</strong>.
      <a href="{% url 'sentry-hipchat-ac-sign-out' %}?signed_request={{ context.signed_request }}">Change user?</a>
    <p>
      This room is authorized to have access to the following organizations:
      {% for org in available_orgs %}
        <strong>{{ org.name }}</strong>{% if not forloop.last %},{% endif %}
      {% endfor %}
      <br>
      <a href="{% url 'sentry-hipchat-ac-back' %}?signed_request={{ context.signed_request }}">Add or Remove Organizations</a>
      &nbsp;
    <h3>Notifications</h3>
    <p>Notifications are generated based on a project's rules, defined in [Project] » Settings » Alerts » Rules.
    <p>
      Select the projects you want to receive notifications from:
    {% if messages %}
      <div id="messages" class="messages-container">
        {% for message in messages %}
          <div class="container">
            {{ message|linebreaks }}
          </div>
        {% endfor %}
      </div>
    {% endif %}
    <form action="" method="post">
      {% csrf_token %}
      <div class="generic-list">
      {% for project, project_obj in project_fields %}
        <div class="project-settings-link"><a href="{% url 'sentry-manage-project' project_obj.organization.slug project_obj.slug %}" target="_blank">Configure {{ project_obj.name }} Settings</a></div>
        <div class="project-form-checkbox">{{ project }}</div>
      {% endfor %}
      </div>
      <button type="submit" class="btn">Save changes</button>
    </form>
  {% else %}
    <p class="intro">
      Welcome to Sentry for HipChat. Before we can get going, you need to
      associate this HipChat room with a Sentry account.
    {% if current_user.is_authenticated %}
    <p>
      You are currently signed in as <strong>{{ current_user.username }}</strong>.
      <a href="{% url 'sentry-hipchat-ac-sign-out' %}?signed_request={{ context.signed_request }}">Change user?</a>
    <h3>Choose which organizations the integration will have access to:</h3>
    <form action="" method="post">
      {% csrf_token %}
      <div class="generic-list">
        {{ grant_form.orgs.errors }}
        {{ grant_form.orgs }}
      </div>
      <button type="submit" class="btn" name="submit">Grant access</button>
    </form>
    {% else %}
      <br>
      <button type="submit" class="btn btn-primary" onclick="openLogin()">Authenticate with Sentry</button>
    {% endif %}
  {% endif %}
{% endblock %}