{% extends "base.html" %}
{% load opencve_extras %}
{% load crispy_forms_tags %}

{% block title %}Edit Organization - {{ block.super }}{% endblock %}
{% block navbar_title%}Edit Organization{% endblock %}

{% block content %}

<section class="content">
  <div class="row">
    <div class="col-md-8 col-md-offset-2">
      {% include "messages.html" %}
      <div id="organization-ajax-messages"></div>

      {% if new_token %}
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">Token created</h3>
        </div>
        <div class="box-body">
          <div class="alert alert-success">
            The token <strong>{{ new_token_name }}</strong> has been created
          </div>
          <div class="alert alert-info">
            <strong>Warning:</strong> This token will only be displayed once. Make sure to copy it now before closing this page.
          </div>
          <div class="form-group">
            <div class="input-group">
              <input type="text" class="form-control" id="new-token" value="{{ new_token }}" readonly>
              <span class="input-group-btn">
                <button class="btn btn-default copy-token-btn" type="button">Copy</button>
              </span>
            </div>
            <small class="help-block">Use this token in the Authorization header: <code>Authorization: Bearer {{ new_token }}</code></small>
          </div>
        </div>
      </div>
      {% endif %}

      <!-- General -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">General</h3>
        </div>
        <div class="box-body">
          {% crispy form %}
        </div>
      </div>

      <!-- Memberships -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">Memberships</h3>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-md-12">
              <h4>New member</h4>
              <form action="{% url 'edit_organization_members' org_name=request.resolver_match.kwargs.org_name %}" method="post" class="form-inline form-new-member">
                {% crispy members_form %}
              </form>
            </div>
          </div>
          <hr>
          <div class="row">
            <div class="col-md-12">
              <h4>Members</h4>
              <div class="table-responsive no-padding">
                <table class="table table-hover table-striped" id="table-members">
                  <tbody>
                    <tr>
                      <th>Name</th>
                      <th>Email</th>
                      <th>Role</th>
                      <th></th>
                    </tr>
                    {% for member in members %}
                    <tr>
                      <td>{% if member.user %}{{ member.user.username }}{% else %}-{% endif %}</td>
                      <td>{% if member.user %}{{ member.user.email }}{% else %}{{ member.email }}{% endif %}</td>
                      {% if member.user %}
                        {% if member.date_joined %}
                        <td>
                          <select class="form-control input-sm member-role-select" data-update-role-url="{% url 'update_organization_member_role' org_name=request.current_organization.name member_id=member.id %}">
                            <option value="owner" {% if member.role == 'owner' %}selected{% endif %}>owner</option>
                            <option value="member" {% if member.role == 'member' %}selected{% endif %}>member</option>
                          </select>
                        </td>
                        {% else %}
                        <td><span class="label label-default">invited</span></td>
                        {% endif %}
                      {% else %}
                        <td><span class="label label-warning">pending signup</span></td>
                      {% endif %}

                      <td class="pull-right">
                        <div class="btn-group" role="group">
                          <a href="{% url 'delete_organization_member' org_name=request.resolver_match.kwargs.org_name member_id=member.id %}" class="btn btn-danger btn-xs" type="button">Delete</a>
                        </div>
                      </td>
                    </tr>
                    {% endfor %}
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- API Tokens -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">API Tokens</h3>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-md-12">
              <form action="{% url 'edit_organization_tokens' org_name=request.resolver_match.kwargs.org_name %}" method="post">
                {% csrf_token %}
                {% crispy token_form %}
              </form>
            </div>
          </div>
          <hr>
          <div class="row">
            <div class="col-md-12">
              <div class="table-responsive no-padding">
                <table class="table table-hover table-striped" id="table-tokens">
                  <tbody>
                    <tr>
                      <th>Name</th>
                      <th>Description</th>
                      <th>Created At</th>
                      <th>Last Used</th>
                      <th>Created By</th>
                      <th>Status</th>
                      <th></th>
                    </tr>
                    {% for token in api_tokens %}
                    <tr>
                      <td>{{ token.name }}</td>
                      <td>{% if token.description %}{{ token.description }}{% else %}-{% endif %}</td>
                      <td>{{ token.created_at|date:"Y-m-d H:i" }}</td>
                      <td>{% if token.last_used_at %}{{ token.last_used_at|date:"Y-m-d H:i" }}{% else %}Never{% endif %}</td>
                      <td>{% if token.created_by %}{{ token.created_by.username }}{% else %}<i class="text-muted">Deleted user</i>{% endif %}</td>
                      <td>
                        {% if token.is_active %}
                        <span class="label label-success">Active</span>
                        {% else %}
                        <span class="label label-danger">Revoked</span>
                        {% if token.revoked_at %}
                        <br><small class="text-muted">
                          Revoked on {{ token.revoked_at|date:"Y-m-d H:i" }}
                          {% if token.revoked_by %}
                          by {{ token.revoked_by.username }}
                          {% endif %}
                        </small>
                        {% endif %}
                        {% endif %}
                      </td>
                      <td class="pull-right">
                        {% if token.is_active %}
                        <div class="btn-group" role="group">
                          <a href="{% url 'revoke_organization_token' org_name=request.resolver_match.kwargs.org_name token_id=token.token_id %}" class="btn btn-danger btn-xs" type="button">Revoke</a>
                        </div>
                        {% endif %}
                      </td>
                    </tr>
                    {% empty %}
                    <tr>
                      <td colspan="7" class="text-center">No API tokens created yet.</td>
                    </tr>
                    {% endfor %}
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

{% endblock %}