{% extends "base/base.html" %}
{% comment %}
    SPDX-License-Identifier: AGPL-3.0-or-later
    Copyright (C) 2023 Edith Coates
    Copyright (C) 2023 Julian Lapenna
    Copyright (C) 2023 Divy Patel
    Copyright (C) 2023-2026 Colin B. Macdonald
    Copyright (C) 2023-2024 Aden Chan
    Copyright (C) 2024 Aidan Murphy
{% endcomment %}
{% load humanize %}
{% load render_table from django_tables2 %}
{% block title %}
    Rubrics
{% endblock title %}
{% block page_heading %}
    Rubrics
{% endblock page_heading %}
{% block main_content %}
    {% include "../base/alert_messages.html" with messages=messages %}
    <div class="row">
        <div class="col-10">
            <a class="btn btn-primary dinline-block"
               href="{% url 'rubrics_admin' %}">Rubric management&hellip;</a>
            <a class="btn btn-primary dinline-block ms-2"
               href="{% url 'rubrics_access' %}">Rubric access controls&hellip;</a>
            <a class="btn btn-primary dinline-block ms-2"
               href="{% url 'feedback_rules' %}">Feedback rules&hellip;</a>
        </div>
        <div class="col-2 text-end">
            <div class="d-inline-block">
                <form method="post"
                      action="{% url 'rubric_upload' %}"
                      enctype="multipart/form-data">
                    {% csrf_token %}
                    <input id="rubricImport"
                           name="rubric_file"
                           type="file"
                           accept=".csv,.json,.toml"
                           class="d-none"
                           oninput="this.form.submit()" />
                    <button class="btn btn-secondary"
                            type="button"
                            onclick="document.getElementById('rubricImport').click()">
                        <i class="bi bi-box-arrow-in-left"></i> Import
                    </button>
                </form>
            </div>
            <div class="dropdown d-inline-block">
                <button class="btn btn-secondary dropdown-toggle"
                        type="button"
                        data-bs-toggle="dropdown"
                        aria-expanded="false">
                    <i class="bi bi-box-arrow-right"></i> Export
                </button>
                <ul class="dropdown-menu">
                    <li>
                        <a class="dropdown-item"
                           href="{% url 'rubric_download' %}?file_type=csv">.csv</a>
                    </li>
                    <li>
                        <a class="dropdown-item"
                           href="{% url 'rubric_download' %}?file_type=toml">.toml</a>
                    </li>
                    <li>
                        <a class="dropdown-item"
                           href="{% url 'rubric_download' %}?file_type=json">.json</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="card my-2">
        <div class="row my-2 mx-2">
            <div class="col-10">
                <form method="get" action="" class="form-inline">
                    <div class="form-group mr-2">
                        {{ rubric_filter_form }}
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-filter"></i> Filter
                        </button>
                    </div>
                </form>
            </div>
            <div class="col-2">
                <button type="submit"
                        class="btn btn-primary float-end"
                        data-bs-toggle="modal"
                        data-bs-target="#editModal"
                        onclick="populateFields()">
                    <i class="bi bi-plus-circle-fill"></i> Create Rubric
                </button>
            </div>
        </div>
        {% comment %} Table {% endcomment %}
        <div class="m-2">{% render_table rubrics_table %}</div>
        <div>
            <p class="mx-2 mt-0 mb-1 fw-light small">
                <small>
                    <q>Use count</q> is not always accurate b/c
                    it currently includes out-of-date annotations; see
                    <a href="https://gitlab.com/plom/plom/-/work_items/4221">Issue #4221</a>.
                </small>
            </p>
        </div>
    </div>
    {% include "./modal_forms.html" %}
{% endblock main_content %}