{% extends "members_base.html" %}

{% load i18n %}
{% load bootstrap3 %}

{% block content %}
<div>
    <div>
        <h3>{% trans "Conflicting member entries" %}</h3>
    </div>

    <div>
        <p>{% blocktrans %}Found conflicting member entries. Choose how to handle the problematic data.{% endblocktrans %}</p>

        {% for conflict in conflicts %}
        <div class="conflict-row">
          <div class="col-md-6">
            <table class="table readonly table-conflict bg-info" >
                {{ conflict.first_member_form }}
            </table>
          </div>
          <div class="col-md-6">
            <table class="table readonly table-conflict bg-info" >
                {{ conflict.second_member_form }}
            </table>
          </div>
          <div>
            <form action="/members/resolve_conflict" method="POST">{% csrf_token %}
              <p>{% blocktrans %}Which one has the correct information for this member?{% endblocktrans %}</p>
              <input type="hidden" name="id" value="{{ conflict.id }}">
              <button type="submit" name="action" value="first" class="btn btn-primary">{% trans "Accept first and remove second" %}</button>
              <button type="submit" name="action" value="second" class="btn btn-primary">{% trans "Accept second and remove first" %}</button>
              <button type="submit" name="action" value="both" class="btn btn-primary">{% trans "Accept both as two members" %}</button>
            </form>
          </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock content %}