{% extends "sentry/groups/details.html" %}

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

{% block title %}{% trans "Replay Request" %} | {{ block.super }}{% endblock %}

{% block content %}
  <div class="box">
    <div class="box-header">
      <h3>Replay Request</h3>
    </div>
    <div class="box-content with-padding">
      <ul class="nav nav-tabs" data-tabs="tabs">
        <li{% if not result %} class="active"{% endif %}><a href="#request" data-toggle="tab">Request</a></li>
        {% if result %}
          <li class="active"><a href="#result" data-toggle="tab">Result</a></li>
        {% endif %}
      </ul>

      <div class="tab-content">
        <div class="tab-pane{% if not result %} active{% endif %}" id="request">
          {% if form.errors %}
            <p class="error">{% trans "Please fill out all fields." %}</p>
          {% endif %}

          <form action="" method="post">
            {% csrf_token %}
            {{ form|as_crispy_errors }}
            {% for field in form %}
              {{ field|as_crispy_field }}
            {% endfor %}
            <fieldset class="form-actions">
              <button type="submit" class="btn btn-primary">{% trans "Submit" %}</button>
            </fieldset>
          </form>
        </div>
        {% if result %}
          <div class="active tab-pane" id="result">
            <pre><strong>{{ result.status }} {{ result.reason }}</strong>
{% for key, value in result.headers.items %}{{ key }}: {{ value }}
{% endfor %}
{{ result.body }}</pre>
          </div>
        {% endif %}
      </div>
    </div>
  </div>
{% endblock %}