{% extends "onboarding/admin/base.html" %}
{% block title %}{{ application.legal_name|default:application.contact_general_email }} - TAMIS operators{% endblock %}
{% block admin_main %}
<header class="tam-admin__page-head">
  <div>
    <h1 class="tam-h2">{{ application.legal_name|default:application.contact_general_email }}</h1>
    <span class="tam-pill tam-pill--{{ application.overall_status_cached }}">{{ application.get_overall_status_cached_display }}</span>
  </div>
  <a class="tam-btn tam-btn--ghost" href="{% url 'admin-list' %}">Back to list</a>
</header>

<div class="tam-admin__grid">
  <div class="tam-admin__left">
    {% for s in sections %}
      <article class="tam-card tam-detail-section">
        <header>
          <h2 class="tam-h3">{{ s.get_key_display }}</h2>
          <span class="tam-pill tam-pill--{{ s.status }}">{{ s.get_status_display }}</span>
        </header>
        <dl class="tam-summary">
          {% if s.key == "legal_identity" %}
            <dt>Legal name</dt><dd>{{ application.legal_name }}</dd>
            <dt>Legal form</dt><dd>{{ application.legal_form }}</dd>
            <dt>Enterprise code</dt><dd>{{ application.enterprise_code }}</dd>
            <dt>Website</dt><dd>{{ application.website }}</dd>
            <dt>Legal address</dt><dd>
              {{ application.address_street }}<br>
              {{ application.address_postal_code }} {{ application.address_city }}<br>
              {{ application.address_country_code }}
            </dd>
          {% elif s.key == "qualification" %}
            <dt>Participant types</dt><dd>{{ application.participant_types_display|join:", " }}</dd>
          {% elif s.key == "contacts" %}
            <dt>General</dt><dd>{{ application.contact_general_name }} ({{ application.contact_general_role }}) &lt;{{ application.contact_general_email }}&gt;</dd>
            <dt>Billing</dt><dd>{{ application.contact_billing_name }} ({{ application.contact_billing_role }}) &lt;{{ application.contact_billing_email }}&gt;</dd>
          {% elif s.key == "documents" %}
            {% for a in attachments %}
              <dt>{{ a.get_kind_display }}</dt>
              <dd><a href="{% url 'admin-attachment-download' pk=a.pk %}">{{ a.original_filename }}</a></dd>
            {% empty %}
              <dt>-</dt><dd>No documents uploaded.</dd>
            {% endfor %}
          {% elif s.key == "review" %}
            <dt>T&amp;C accepted</dt><dd>{{ application.optin_register|yesno:"Yes,No" }}</dd>
          {% endif %}
        </dl>
        <footer class="tam-detail-section__actions">
          {% if application.overall_status_cached != "approved" and application.overall_status_cached != "rejected" and application.overall_status_cached != "cancelled" and s.status != "approved" %}
            <form method="post" action="{% url 'admin-section-approve' pk=application.pk key=s.key %}">{% csrf_token %}
              <button class="tam-btn tam-btn--primary" type="submit">Approve section</button>
            </form>
            <form method="post" action="{% url 'admin-section-request-changes' pk=application.pk key=s.key %}">{% csrf_token %}
              <label class="tam-field"><span class="tam-field__label">Message</span><textarea class="tam-input" name="message" required></textarea></label>
              <button class="tam-btn tam-btn--secondary" type="submit">Request changes</button>
            </form>
          {% endif %}
        </footer>
      </article>
    {% endfor %}
  </div>

  <aside class="tam-admin__right">
    <div class="tam-card">
      <h3 class="tam-h4">Applicant</h3>
      <p>{{ application.general_fullname }}</p>
      <p><a href="mailto:{{ application.contact_general_email }}">{{ application.contact_general_email }}</a></p>
    </div>
    <div class="tam-card">
      <h3 class="tam-h4">Overall</h3>
      <p>Submitted {{ application.submitted_at|date:"Y-m-d"|default:"-" }}</p>
      <p>Approved {{ application.approved_at|date:"Y-m-d"|default:"-" }}</p>
    </div>
    {% if application.connector_provisioning %}
    <div class="tam-card">
      <h3 class="tam-h4">Connector</h3>
      {% with c=application.connector_provisioning %}
        <p><strong>Choice:</strong> {{ c.get_choice_display|default:"-" }}</p>
        <p><strong>DID:</strong> <code>{{ c.did_location|default:"-" }}</code></p>
        <p><strong>URL:</strong> <code>{{ c.connector_protocol_uri|default:"-" }}</code></p>
        <p><strong>Captured:</strong> {{ c.captured_at|date:"Y-m-d H:i"|default:"-" }}</p>
        <p><strong>Activated:</strong> {{ c.activated_at|date:"Y-m-d H:i"|default:"-" }}</p>
        {% if not c.activated_at and c.is_complete %}
          <form method="post" action="{% url 'admin-activate-connector' pk=application.pk %}">{% csrf_token %}
            <button class="tam-btn tam-btn--primary" type="submit">Activate connector</button>
          </form>
        {% endif %}
      {% endwith %}
    </div>
    {% endif %}
    {% if application.overall_status_cached == "submitted" or application.overall_status_cached == "changes_requested" %}
    <div class="tam-card tam-card--danger">
      <h3 class="tam-h4">Reject application</h3>
      <form method="post" action="{% url 'admin-reject' pk=application.pk %}">{% csrf_token %}
        <label class="tam-field"><span class="tam-field__label">Reason</span><textarea class="tam-input" name="reason" required></textarea></label>
        <button class="tam-btn tam-btn--danger" type="submit">Reject application</button>
      </form>
    </div>
    {% endif %}
    <div class="tam-card">
      <h3 class="tam-h4">Activity</h3>
      <ul class="tam-events">
        {% for e in events %}
          <li>{{ e.created_at|date:"Y-m-d H:i" }} - <strong>{{ e.get_kind_display }}</strong>{% if e.actor %} by {{ e.actor }}{% endif %}: {{ e.message }}</li>
        {% endfor %}
      </ul>
      <form method="post" action="{% url 'admin-note' pk=application.pk %}">{% csrf_token %}
        <label class="tam-field"><span class="tam-field__label">Add note</span><textarea class="tam-input" name="message" required></textarea></label>
        <button class="tam-btn tam-btn--ghost" type="submit">Add note</button>
      </form>
    </div>
  </aside>
</div>
{% endblock %}