{% extends "jgo/manage/man_list_matcher.html" %}
{% load i18n %}
{% load static %}
{% load juntagrico.config %}
{% block page_title %}
    <h3>
        {% blocktrans %}Neumitglieder ohne passende*n Gotte & Götti{% endblocktrans %}
    </h3>
{% endblock %}

{% block list %}
    <form action="" method="post">
        {% csrf_token %}
        <button type="submit" class="btn btn-success mb-2">
            <i class="bi bi-arrows-collapse-vertical"></i> {% trans "Vermitteln" %}
        </button>
        <div class="row">
            <div class="col-md-6">
                <table id="filter-table-godparents" class="list table" style="display: table;">
                    <thead>
                        <tr>
                            <th></th>
                            <th class="filter">
                                {% trans "Gotte/Götti" %}
                            </th>
                            <th class="filter">
                                {% trans "Verbleibend" %}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for godparent in object_list.godparents %}
                            <tr class="godparent-{{ godparent.id }}">
                                <td>
                                    <input type="radio" id="{{ godparent.id }}"
                                           name="godparent" value="{{ godparent.id }}">
                                </td>
                                <td>
                                    {% include 'jgo/snippets/match_entry.html' with subject=godparent %}
                                </td>
                                <td>
                                    {{ godparent.remaining_godchildren }}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

            <div class="col-md-6">
                <table id="filter-table" class="list table" style="display: table;">
                    <thead>
                        <tr>
                            <th></th>
                            <th class="filter">
                                {% trans "Neumitglied" %}
                            </th>
                            <th class="filter">
                                {% trans "Notizen" %}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for godchild in object_list.godchildren %}
                            <tr class="godchild-{{ godchild.id }}">
                                <td>
                                    <input type="radio" id="{{ godchild.id }}"
                                           name="godchild" value="{{ godchild.id }}">
                                </td>
                                <td>
                                    {% include 'jgo/snippets/match_entry.html' with subject=godchild %}
                                </td>
                                <td>
                                    {{ godchild.notes }}
                                    <a href="{% url godchild.admin_change_url_name godchild.id %}" class="bi bi-pencil-square"></a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <button type="submit" class="btn btn-success">
            <i class="bi bi-arrows-collapse-vertical"></i> {% trans "Vermitteln" %}
        </button>
    </form>
{% endblock %}

{% block datatable_constructor %}
    {{ block.super }}
    $("#filter-table-godparents").DataTable(config)
{% endblock %}