{% extends "base/base.html" %}
{% comment %}
    SPDX-License-Identifier: AGPL-3.0-or-later
    Copyright (C) 2022-2023 Edith Coates
    Copyright (C) 2023-2026 Colin B. Macdonald
{% endcomment %}
{% block title %}
    Create assessment specification: upload
{% endblock title %}
{% block page_heading %}
    Create assessment specification: upload
{% endblock page_heading %}
{% block main_content %}
    <div class="d-grid gap-3">
        <div>
            <a class="btn btn-primary" href="{% url 'prep_landing' %}">Return to assessment preparation page</a>
        </div>
        {% if is_there_a_spec %}
            <span class="alert alert-warning my-2" role="alert">There is a specification in the database. You may not be able to modify it if you have gone further preparing your assessment.</span>
        {% endif %}
        <div class="card">
            <h4 class="card-header">
                Upload a <tt>.toml</tt> to
                {% if is_there_a_spec %}
                    replace the current server spec
                {% else %}
                    use as the server spec
                {% endif %}
            </h4>
            <div class="card-body">
                <form enctype="multipart/form-data"
                      hx-post="{% url 'creator_launch' %}"
                      hx-include="[name='spec']"
                      hx-target="#saving-status">
                    {% csrf_token %}
                    <div class="input-group">
                        <input class="form-control"
                               type="file"
                               accept=".toml"
                               name="toml_file"
                               id="toml_file" />
                        <button type="submit"
                                class="btn btn-primary"
                                name="which_action"
                                value="upload_file">Upload</button>
                    </div>
                    <div class="mt-2" id="saving-status"></div>
                </form>
            </div>
        </div>
        <div class="fw-light">
            <h5>Hints and notes</h5>
            <ul>
                <li>
                    You can use this feature to reuse a specification:
                    e.g., if last year's exam was similar in structure
                    to this one.
                </li>
                <li>
                    The upload will fail if the file contains a
                    <q><code>publicCode</code></q> field from an earlier
                    version of Plom.  Manually remove, save and re-upload.
                </li>
                <li>
                    If you include non-ASCII characters, the file should use
                    the UTF-8 encoding.
                </li>
            </ul>
        </div>
    </div>
{% endblock main_content %}