{% 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
    Copyright (C) 2024 Andrew Rechnitzer
    Copyright (C) 2026 Aidan Murphy
{% endcomment %}
{% block title %}
    Create / modify assessment specification
{% endblock title %}
{% block page_heading %}
    Create / modify assessment specification
{% endblock page_heading %}
{% block main_content %}
    <div class="d-grid gap-3">
        <div>
            <a class="btn btn-primary" href="{% url 'prep_landing' %}">Assessment preparation page</a>
            <a class="btn btn-primary" href="{% url 'spec_summary' %}">Specification summary 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>
        {% else %}
            <span class="alert alert-primary" role="alert">There is no assessment specification</span>
        {% endif %}
        <div class="card">
            <div class="card-body">
                <p>
                    Plom needs a description of your assessment in
                    <a href="https://toml.io" target="_blank">.toml format</a>.
                    This can be complicated, so there are a few ways to do this:
                </p>
                <form enctype="multipart/form-data"
                      hx-post="{% url 'creator_launch' %}"
                      hx-include="[name='spec']"
                      hx-target="#saving-status">
                    {% csrf_token %}
                    <p>
                        If you know what your assessment will look like, you can use the
                        <a class="btn btn-primary" href="{% url 'template_spec_builder' %}">Template Spec Builder</a>.
                    </p>
                    <p>
                        If you have at least one version of your assessment finalised, you can use the
                        <a class="btn btn-primary" href="{% url 'gui_spec_builder' %}">GUI Spec Builder</a>.
                    </p>
                    <p>
                        If you have prepared your <q>specification</q> elsewhere, you can
                        <a class="btn btn-primary" href="{% url 'spec_upload' %}">Upload a <tt>.toml</tt> file</a>.
                    </p>
                    <p>Or you can edit specification in the box below.</p>
                    <div>
                        <label for="spec-toml-input" class="form-label">Assessment specification:</label>
                        <textarea class="form-control"
                                  id="spec-toml-input"
                                  name="spec"
                                  rows="12"
                                  spellcheck="false">{{ editable_toml }}</textarea>
                    </div>
                    <details class="my-2">
                        <summary>Advanced settings</summary>
                        <div class="ms-3 p-2 border rounded">
                            <p class="mb-2">
                                Trying to put two questions on a page?  Read
                                <a href="https://plom.readthedocs.io/en/stable/preparing_an_assessment.html">the documentation</a>
                                and consider the <tt>allowSharedPages</tt> option.
                            </p>
                        </div>
                    </details>
                    <button type="submit" class="btn btn-primary me-1 mt-2">Submit</button>
                    <button type="submit"
                            class="btn btn-secondary mt-2"
                            name="which_action"
                            value="validate">Validate</button>
                    <div class="mt-2" id="saving-status"></div>
                </form>
            </div>
        </div>
    </div>
{% endblock main_content %}