{% extends "admin/base_site.html" %}
{% load i18n %}

{% block extrahead %}{{ block.super }}{{ form.media }}{% endblock %}

{% block content %}
<div class="mb-4">
  <h2>{% blocktrans with name=person.get_full_name %}Merge Person: {{ name }}{% endblocktrans %}</h2>

  <div class="help mb-3">
    <p class="errornote">
      {% trans "Warning: This action is irreversible. The current Person record will be permanently deleted after the merge." %}
    </p>
    <p>
      {% trans "All contributions, identifiers, affiliations, and allauth records will be transferred to the selected target Person." %}
    </p>
  </div>

  <form method="post">
    {% csrf_token %}
    <fieldset class="module aligned">
      {% for field in form %}
      <div class="form-row">
        <div>
          {{ field.label_tag }}
          {{ field }}
          {% if field.errors %}
            <ul class="errorlist">
              {% for error in field.errors %}<li>{{ error }}</li>{% endfor %}
            </ul>
          {% endif %}
          {% if field.help_text %}<div class="help">{{ field.help_text }}</div>{% endif %}
        </div>
      </div>
      {% endfor %}
    </fieldset>

    <div class="submit-row">
      <input type="submit" value="{% trans "Confirm Merge" %}" class="button default">
      <a href="../" class="button cancel-link">{% trans "Cancel" %}</a>
    </div>
  </form>

  <div class="mt-4">
    <h3>{% trans "Data to be transferred from" %} {{ person.get_full_name }}</h3>
    <table class="w-100">
      <thead>
        <tr>
          <th>{% trans "Type" %}</th>
          <th>{% trans "Count" %}</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>{% trans "Contributions" %}</td>
          <td>{{ person.contributions.count }}</td>
        </tr>
        <tr>
          <td>{% trans "Identifiers" %}</td>
          <td>{{ person.identifiers.count }}</td>
        </tr>
        <tr>
          <td>{% trans "Affiliations" %}</td>
          <td>{{ person.affiliations.count }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
{% endblock %}