{% extends "registration-admin/base.html" %}
{% load static %}

{% block title %}GLCDI Admin - Review{% endblock %}
{% block nav_participants %}{% endblock %}

{% block content %}
<div class="admin-header">
  <a href="{{ dashboard_url }}" class="back-link">&larr; Back to participants</a>
</div>

<div class="confirm-card">
  <div class="modal-header">
    <h2 class="modal-title">
      {% if action == "approve" %}
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="#d97706"><path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.168 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 6Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>
      <span>Approve application</span>
      {% else %}
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="#dc2626"><path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.168 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 6Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>
      <span>Deny application</span>
      {% endif %}
    </h2>
  </div>

  <p class="modal-subtitle">
    {% if action == "approve" %}You are about to approve the application from:
    {% else %}You are about to deny the application from:{% endif %}
  </p>

  <div class="confirm-participant">
    <div class="modal-participant-main">
      {% if participant.organization_logo %}
      <img src="{{ participant.organization_logo.url }}" alt="{{ participant.organization }}" class="confirm-logo">
      {% else %}
      <span class="org-logo-placeholder">{{ participant.organization|truncatechars:2 }}</span>
      {% endif %}
      <strong>{{ participant.organization }}</strong>
    </div>
    <span class="modal-represented">Represented by {{ participant.firstname }} {{ participant.lastname }} ({{ participant.email }})</span>
  </div>

  {% if action == "approve" %}
  <p class="modal-note">This will deploy a dedicated connector for data sharing &amp; access management, temporarily hosted on the Governance Authority infrastructure.</p>
  {% endif %}

  <div class="confirm-actions">
    {% if action == "approve" %}
    <form method="post" style="display:inline;">
      {% csrf_token %}
      <button type="submit" class="btn-approve">Approve application</button>
    </form>
    {% else %}
    <form method="post" style="display:inline;">
      {% csrf_token %}
      <button type="submit" class="btn-deny">Deny application</button>
    </form>
    {% endif %}
    <a href="{{ dashboard_url }}" class="btn-cancel">Cancel</a>
  </div>
</div>
{% endblock %}