{% extends "organizations/edit_organization_base.html" %}
{% load crispy_forms_tags %}

{% block sidebar_footer %}
<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title"><i class="fa fa-info-circle"></i> Information</h3>
  </div>
  <div class="box-body">
  <p>Use the API documentation to learn how authentication works, browse available endpoints, and copy example requests.</p>
  <p>
    - <a href="https://docs.opencve.io/api/" target="_blank" rel="noopener">Read the API documentation</a><br>
    - <a href="{% url 'api-v2-docs' %}">Explore the Swagger reference</a>
  </p>
  </div>
</div>
{% endblock %}

{% block tab_content %}
{% if new_token %}
<div class="box box-primary">
  <div class="box-body">
    <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 %}

<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">New Token</h3>
  </div>
  <div class="box-body">
    <form action="{% url 'edit_organization_tokens' org_name=organization.name %}" method="post">
      {% csrf_token %}
      {% crispy token_form %}
    </form>
  </div>
</div>

<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">Tokens</h3>
  </div>
  <div class="box-body">
        <div class="table-responsive no-padding">
          <table class="table table-hover table-striped" id="table-tokens">
            <colgroup>
              <col style="width: 30%;">
            </colgroup>
            <tbody>
              <tr>
                <th>Name</th>
                <th>Access</th>
                {% if api_scopes_enabled %}
                <th>Scopes</th>
                {% endif %}
                <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 style="word-break: break-word;">
                  {{ token.name }}
                  {% if token.description %}
                  <br><small class="text-muted">{{ token.description }}</small>
                  {% endif %}
                </td>
                <td>
                  {% if token.access_mode == "write" %}
                  <span class="label label-primary">{{ token.get_access_mode_display }}</span>
                  {% else %}
                  <span class="label label-default">{{ token.get_access_mode_display }}</span>
                  {% endif %}
                </td>
                {% if api_scopes_enabled %}
                <td>
                  {% if token.scopes %}
                  {% for scope in token.scopes %}
                  <span class="label label-info">{{ scope }}</span>
                  {% endfor %}
                  {% else %}
                  <span class="text-muted">All scopes</span>
                  {% endif %}
                </td>
                {% endif %}
                <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 %}
                  <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 %}
                </td>
                <td class="pull-right">
                  {% if token.is_active %}
                  <div class="btn-group" role="group">
                    <a href="{% url 'revoke_organization_token' org_name=organization.name token_id=token.token_id %}" class="btn btn-danger btn-xs" type="button">Revoke</a>
                  </div>
                  {% endif %}
                </td>
              </tr>
              {% empty %}
              <tr>
                <td colspan="{% if api_scopes_enabled %}8{% else %}7{% endif %}" class="text-center">No API tokens created yet.</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
  </div>
</div>
{% endblock %}

{% block extra_scripts %}{% endblock %}