{% extends "base/base.html" %}
{% comment %}
    SPDX-License-Identifier: AGPL-3.0-or-later
    Copyright (C) 2022-2024 Andrew Rechnitzer
    Copyright (C) 2022 Edith Coates
    Copyright (C) 2023-2026 Colin B. Macdonald
    Copyright (C) 2025 Philip D. Loewen
    Copyright (C) 2025-2026 Aidan Murphy
{% endcomment %}
{% load static %}
{% block title %}
    Number of papers to produce and question-version mapping
{% endblock title %}
{% block page_heading %}
    Number of papers to produce and question-version mapping
{% endblock page_heading %}
{% block main_content %}
    <div class="d-grid gap-2">
        <div>
            <a class="btn btn-primary" href="{% url 'prep_landing' %}">Return to assessment preparation page</a>
        </div>
        <div class="alert alert-primary pb-0">
            <p>
                Assessment specification indicates questions are to be
                drawn from versions as follows:
            </p>
            <ul>
                {% for q_label, versions in question_labels_selection_html.items %}
                    <li>{{ q_label|safe }} - {{ versions }}</li>
                {% endfor %}
            </ul>
            {% if student_list_present %}
                <p>
                    A list of students is present. It contains {{ number_of_students }} entries.
                    {% if prenamed_papers_list %}
                        Papers {{ prenamed_papers_list }} will be prenamed.
                    {% else %}
                        No papers will be prenamed.
                    {% endif %}
                </p>
            {% endif %}
        </div>
        {% if chore_status == "Error" %}
            <div>
                <div class="alert alert-danger pb-0">
                    <p>
                        Background chore: {{ chore_status }}
                        &nbsp;&mdash;&nbsp;
                        {{ chore_message }}
                    </p>
                </div>
            </div>
        {% elif chore_status == "Complete" %}
            <div>
                <div class="alert alert-success pb-0">
                    <p>
                        Background chore: {{ chore_status }}
                        &nbsp;&mdash;&nbsp;
                        {{ chore_message }}
                    </p>
                </div>
            </div>
        {% endif %}
        <!-- all other statuses should be encapsulated by the *_in_progress -->
        {% if populate_in_progress %}
            <div>
                <div class="alert alert-info">
                    <p>
                        {% if chore_message %}
                            Database is currently being populated with papers: {{ chore_message }}
                        {% else %}
                            Database is currently being populated with papers.
                        {% endif %}
                    </p>
                    <p>
                        Please reload page
                        <button type="button"
                                class="btn btn-info"
                                onClick="window.location.reload();">
                            <i class="bi bi-arrow-clockwise"></i>
                        </button>
                    </p>
                </div>
            </div>
        {% elif evacuate_in_progress %}
            <div>
                <div class="alert alert-warning">
                    <p>
                        {% if chore_message %}
                            Papers are currently being removed from the database: {{ chore_message }}
                        {% else %}
                            Papers are currently being removed from the database.
                        {% endif %}
                    </p>
                    <p>
                        Please reload page
                        <button type="button"
                                class="btn btn-info"
                                onClick="window.location.reload();">
                            <i class="bi bi-arrow-clockwise"></i>
                        </button>
                    </p>
                </div>
            </div>
        {% elif pqv_mapping_present %}
            <div>
                <div class="alert alert-primary">
                    <span>Question-version mapping present with {{ pqv_number_rows }} papers:</span>
                    <a href="{% url 'prep_qvmapping_download' %}" class="btn btn-info">download</a>
                    <button type="button"
                            class="btn btn-danger"
                            hx-delete="{% url 'prep_qvmapping_delete' %}"
                            hx-confirm="Are you sure you want to delete the question-version map and clean the database?"
                            hx-target="body"
                            hx-swap="outerHTML">delete question-version map and papers</button>
                </div>
            </div>
            <div>
                <div>
                    <table class="table table-striped border">
                        <thead>
                            <th>Paper number</th>
                            <th>Prename ID (if assigned)</th>
                            <th>id page ver</th>
                            {% for qi, qstr, qlabel in question_labels_html %}<th>{{ qlabel|safe }} ver</th>{% endfor %}
                        </thead>
                        <tbody>
                            {% for paper_number, info in pqv_table.items %}
                                <tr>
                                    <td>{{ paper_number }}</td>
                                    <td>{% if info.prename %}{{ info.prename.0 }}: {{ info.prename.1 }}{% endif %}</td>
                                    <td>{{ info.id_ver }}</td>
                                    {% for x in info.qvlist %}<td>{{ x }}</td>{% endfor %}
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        {% else %}
            <div>
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Generate question-version map</h4>
                        <div class="card-text">
                            {% if student_list_present %}
                                <details>
                                    <summary>Suggested minimum number of papers to produce: {{ min_number_to_produce }}.</summary>
                                    <div>
                                        <ul>
                                            <li>
                                                Student list present, contains {{ number_of_students }} entries
                                                {% if prenamed_papers_list %}
                                                    of which papers {{ prenamed_papers_list }} will be prenamed
                                                {% else %}
                                                    without any prenamed papers
                                                {% endif %}
                                            </li>
                                            <li>
                                                We recommend that you produce <em>the maximum</em> of the following numbers
                                                <ul>
                                                    <li>110% of the number of students in your classlist = {{ number_times_1dot1 }}</li>
                                                    <li>the number of students in your classlist plus 20 = {{ number_plus_twenty }}</li>
                                                    {% if prenamed_papers_list %}
                                                        <li>the paper-number of the last prenamed paper plus 10 = {{ last_plus_ten }}</li>
                                                    {% endif %}
                                                </ul>
                                            </li>
                                            <li>
                                                You do not have to print all of the resulting
                                                papers. Rather, this ensures that you will have plenty
                                                of spare papers <em>if you need them.</em>
                                            </li>
                                        </ul>
                                    </div>
                                </details>
                            {% else %}
                                <p>No student list present</p>
                                <details>
                                    <summary>Suggested minimum number of papers to produce: {{ min_number_to_produce }}.</summary>
                                    <ul>
                                        <li>When you do not supply a classlist, this defaults to 20.</li>
                                        <li>
                                            However, we recommend that you produce the maximum of the following numbers
                                            <ul>
                                                <li>110% of the number of students in your class</li>
                                                <li>the number of students in your class plus 20</li>
                                            </ul>
                                        </li>
                                        <li>
                                            You do not have to print all of the resulting
                                            papers. Rather, this ensures that you will have plenty
                                            of spare papers <em>if you need them</em>.
                                        </li>
                                    </ul>
                                </details>
                            {% endif %}
                            <form enctype="multipart/form-data"
                                  id="form_prep_qvmapping"
                                  method="post"
                                  action="{% url 'prep_qvmapping' %}">
                                {% csrf_token %}
                                <div class="mt-2 mb-4">
                                    <label for="inp_ntp">Number to produce</label>
                                    <input id="inp_ntp"
                                           class="form-input"
                                           type="number"
                                           name="number_to_produce"
                                           min="1"
                                           value="{{ min_number_to_produce }}"
                                           max="9999"
                                           required />
                                </div>
                                <details>
                                    <summary>First paper:</summary>
                                    <ul>
                                        <li>
                                            Typically the first paper has paper-number <q>1</q>,
                                            but you can choose to start from zero, or any other
                                            positive integer.
                                        </li>
                                        <li>
                                            The system will then generate a contiguous block of
                                            papers starting from your first paper, and of the
                                            chosen length.
                                        </li>
                                    </ul>
                                </details>
                                <ul>
                                    <div>
                                        <input type="radio" id="start1" name="first_paper_num" value="1" checked />
                                        <label for="start1">Start at number one (default)</label>
                                    </div>
                                    <div>
                                        <input type="radio" id="startn" name="first_paper_num" value="n" />
                                        <label for="startn">Start at number</label>
                                        <input id="startn_value"
                                               type="number"
                                               name="startn_value"
                                               min="0"
                                               {% if prenamed_papers_list %} max="{{ first_prenamed_paper }}" {% else %} max="9999" {% endif %} />
                                        {% if prenamed_papers_list %}
                                            &mdash; note that the first prenamed paper is {{ first_prenamed_paper }}
                                        {% endif %}
                                    </div>
                                    <div>
                                        <input type="radio" id="start0" name="first_paper_num" value="0" />
                                        <label for="start0">Start at number zero</label>
                                    </div>
                                </ul>
                                <button class="btn btn-primary"
                                        type="submit">Build question-version map and populate database</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Upload a custom question-version map (advanced)</h4>
                    <div class="card-text">
                        <div>
                            <details>
                                <summary>
                                    You can also upload a csv-file containing a question-version map.
                                    This will override the question selection described on the assessment specification.
                                </summary>
                                <ul>
                                    <li>
                                        The file must contain
                                        <ul>
                                            <li>
                                                a <code>paper_number</code> column
                                            </li>
                                            <li>
                                                {{ question_indices|length }} columns with headers
                                                <code>q{{ question_indices|first }}.version</code>
                                                up to
                                                <code>q{{ question_indices|last }}.version</code>,
                                                and optionally an <code>id.version</code> column.
                                                Here is a template:
                                                <a class="link-opacity-100"
                                                   href="#"
                                                   onclick="downloadCSV(this)"
                                                   id="download-template"
                                                   data-downloadText='{{ custom_pqv_csv_template }}'
                                                   data-filename="custom_pqv_csv_template.csv">
                                                    custom_pqv_csv_template.csv<i class="bi bi-download"></i>
                                                </a>
                                            </li>
                                            {% if student_list_present %}
                                                <li>
                                                    Your version map should be compatible with your
                                                    uploaded classlist.  It should contain at least
                                                    one row for each student,
                                                    namely {{ number_of_students }} rows.
                                                    We recommend that it contain at
                                                    least {{ min_number_to_produce }} rows.
                                                </li>
                                            {% endif %}
                                            {% if prenamed_papers_list %}
                                                <li>
                                                    You have enabled prenaming; your version map must
                                                    contain entries for each <var>paper_number</var>
                                                    given in your classlist.
                                                    The following papers are prenamed: {{ prenamed_papers_list }}.
                                                </li>
                                            {% endif %}
                                            <li>
                                                You may experience problems with non-contiguous
                                                <var>paper_number</var>, see
                                                <a href="https://gitlab.com/plom/plom/-/issues/1745">Plom Issue #1745</a>.
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        The file must be ASCII or UTF-8 encoded.
                                        <a href="https://plom.readthedocs.io/en/latest/faq.html#how-do-i-make-a-utf-8-csv-file">How do I make this?</a>
                                    </li>
                                </ul>
                            </details>
                        </div>
                        <form enctype="multipart/form-data"
                              id="form_prep_qvmapping_upload"
                              method="post"
                              action="{% url 'prep_qvmapping_upload' %}">
                            {% csrf_token %}
                            <div class="mb-2">
                                <input type="file" accept=".csv" name="pqvmap_csv" required />
                            </div>
                            <button class="btn btn-primary" type="submit">upload</button>
                        </form>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
    {% if populate_in_progress or evacuate_in_progress %}
        <script>
            // reload page after 2 sec
            setTimeout(function () { window.location.reload(1); }, 5000);
        </script>
    {% endif %}
    <script>
        async function downloadCSV(buttonObj) {
          const csvContent = buttonObj.dataset.downloadtext;
          const blob = new Blob([csvContent], { type: 'text/csv' });

          // download via 'a' element
          const link = document.createElement("a");
          link.href = URL.createObjectURL(blob);
          link.download = buttonObj.dataset.filename;

          link.click();
          URL.revokeObjectURL(link.href);
        }
    </script>
{% endblock main_content %}