{% extends "orga/base.html" %}
{% comment %}
SPDX-FileCopyrightText: 2025-present Tobias Kunze
SPDX-License-Identifier: AGPL-3.0-only WITH LicenseRef-Pretalx-AGPL-3.0-Terms
{% endcomment %}

{% load i18n %}
{% load static %}

{% block extra_title %}{% translate "Bulk Tagging" %} ::
{% endblock extra_title %}

{% block stylesheets %}
    <link rel="stylesheet" href="{% static 'orga/css/ui/reviews.css' %}">
{% endblock stylesheets %}

{% block content %}
    <div class="alert alert-info">
        {% blocktranslate trimmed %}
            Select proposals below and add or remove tags in bulk.
        {% endblocktranslate %}
    </div>

    {% include "orga/includes/review_filter_form.html" %}

    <form method="post">
        {% csrf_token %}

        <div class="bulk-tag-controls mb-3 p-3 border rounded filter-group align-items-center">
            <div class="row align-items-center w-100">
                <div class="col-md-6">
                    {{ tag_form.tags.as_field_group }}
                </div>
                <div class="col-md-3 action-select">
                    {{ tag_form.action.as_field_group }}
                </div>
                <div class="col-md-3 button-container">
                    <button type="submit" class="btn btn-success d-block ml-auto">
                        <i class="fa fa-tags"></i> {% translate "Apply" %}
                    </button>
                </div>
            </div>
        </div>

        <div class="table-responsive-sm">
            <table class="table table-sm table-flip table-sticky">
                <thead>
                    <tr>
                        <th class="text-center">
                            <input type="checkbox" id="select-all" title="{% translate 'Select all' %}">
                        </th>
                        <th>{% translate "Code" context "proposal identifier code" %}</th>
                        <th>{% translate "Title" %}</th>
                        <th>{{ phrases.schedule.speakers }}</th>
                        {% if show_tracks %}<th>{{ phrases.submission.track }}</th>{% endif %}
                        <th>{% translate "Current Tags" %}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for submission in submissions %}
                        <tr>
                            <td class="text-center">
                                <input type="checkbox" name="s-{{ submission.code }}" value="on">
                            </td>
                            <td>
                                <a href="{{ submission.orga_urls.base }}">{{ submission.code }}</a>
                            </td>
                            <td>
                                {# Organiser-only page: this page requires orga_update_submission, which pure reviewers do not have, so anonymisation is not necessary here. #}
                                <a href="{{ submission.orga_urls.base }}">{{ submission.title }}</a>
                            </td>
                            <td>
                                {% for speaker in submission.sorted_speakers %}
                                    {% include "orga/includes/user_name.html" with user=speaker lightbox=True %}{% if not forloop.last %},
                                    {% endif %}
                                {% endfor %}
                            </td>
                            {% if show_tracks %}
                                <td>{{ submission.track|default:"—" }}</td>
                            {% endif %}
                            <td>
                                {% for tag in submission.tags.all %}
                                    <span
                                        class="badge tag-badge"
                                        style="background-color: {{ tag.color }}"
                                    >{{ tag.tag }}</span>
                                {% empty %}
                                    —
                                {% endfor %}
                            </td>
                        </tr>
                    {% empty %}
                        <tr>
                            <td colspan="10">{% translate "No proposals found matching your filters." %}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </form>

    <script>
        document.getElementById('select-all').addEventListener('change', function() {
            const checkboxes = document.querySelectorAll('input[name^="s-"]');
            checkboxes.forEach(checkbox => checkbox.checked = this.checked);
        });
    </script>
{% endblock content %}