{% 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">
  <h2 class="confirm-title">
    {% if action == "approve" %}Approve application
    {% else %}Deny application{% endif %}
  </h2>
  <p class="confirm-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">
    {% 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 %}
    <div class="confirm-info">
      <strong>{{ participant.organization }}</strong>
      <span>{{ participant.firstname }} {{ participant.lastname }}</span>
      <span>{{ participant.email }}</span>
    </div>
  </div>

  {% if action == "approve" %}
  <div class="modal-warning">
    <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>You must deploy a dedicated connector to this participant for data sharing &amp; access management.</span>
  </div>
  {% endif %}

  <div class="modal-info">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="#059669"><path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm.75-13a.75.75 0 0 0-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5h-3.25V5Z"/></svg>
    <span>{{ participant.email }} will be notified by email about this decision.</span>
  </div>

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