{% extends "library/base.html" %}

{% block title %}{% if is_update %}Edit project{% else %}New Project{% endif %} | clrnoise{% endblock %}

{% block content %}
<section class="view-header">
    <p class="eyebrow">Literature review project</p>
    <h1>{% if is_update %}Edit "{{ form.instance.name }}"{% else %}Build a project from your paper library{% endif %}</h1>
    <p class="lede">
        {% if is_update %}
            Update the project focus, description, or paper selection below.
        {% else %}
            Set the review focus, then select papers from the internal database to generate a reusable project workspace.
        {% endif %}
    </p>
    {% if is_update %}
    <div class="header-actions">
        <a class="button button--ghost" href="{{ form.instance.get_absolute_url }}">Cancel</a>
    </div>
    {% endif %}
</section>

<form method="post" class="editor-layout">
    {% csrf_token %}

    <section class="panel">
        <div class="section-heading">
            <div>
                <p class="section-heading__eyebrow">Project details</p>
                <h2>Review setup</h2>
            </div>
        </div>

        {% if form.non_field_errors %}
            <div class="error-box">{{ form.non_field_errors }}</div>
        {% endif %}

        <div class="form-grid form-grid--single">
            <div class="field">
                <label for="{{ form.name.id_for_label }}">{{ form.name.label }}</label>
                {{ form.name }}
                {% for error in form.name.errors %}
                    <p class="error-text">{{ error }}</p>
                {% endfor %}
            </div>
            <div class="field">
                <label for="{{ form.focus.id_for_label }}">{{ form.focus.label }}</label>
                {{ form.focus }}
                {% if form.focus.help_text %}
                    <p class="help-text">{{ form.focus.help_text }}</p>
                {% endif %}
                {% for error in form.focus.errors %}
                    <p class="error-text">{{ error }}</p>
                {% endfor %}
            </div>
            <div class="field field--full">
                <label for="{{ form.description.id_for_label }}">{{ form.description.label }}</label>
                {{ form.description }}
                {% if form.description.help_text %}
                    <p class="help-text">{{ form.description.help_text }}</p>
                {% endif %}
                {% for error in form.description.errors %}
                    <p class="error-text">{{ error }}</p>
                {% endfor %}
            </div>
        </div>
    </section>

    <section class="panel panel--wide">
        <div class="section-heading">
            <div>
                <p class="section-heading__eyebrow">Paper selection</p>
                <h2>Choose from saved references</h2>
            </div>
            <span class="section-count">{{ paper_choices|length }} available</span>
        </div>

        {% if form.papers.errors %}
            <div class="error-box">{{ form.papers.errors }}</div>
        {% endif %}

        {% if paper_choices %}
            <div class="selection-list">
                {% for paper in paper_choices %}
                    <label class="selection-row">
                        <input
                            type="checkbox"
                            name="{{ form.papers.html_name }}"
                            value="{{ paper.pk }}"
                            {% if paper.pk|stringformat:"s" in selected_papers %}checked{% endif %}
                        >
                        <span class="selection-row__body">
                            <strong class="selection-row__title">{{ paper.title }}</strong>
                            <span class="selection-row__meta">
                                {{ paper.author_line|default:"Author details pending" }}
                                {% if paper.year %} · {{ paper.year }}{% endif %}
                            </span>
                            <span class="selection-row__text">{{ paper.summary|truncatechars:180 }}</span>
                        </span>
                    </label>
                {% endfor %}
            </div>
        {% else %}
            <div class="empty-state">
                <h3>Add papers before creating a project</h3>
                <p>The project builder pulls from the internal paper library. Start by saving at least one paper.</p>
                <a class="button" href="{% url 'library:paper-create' %}">Add a paper</a>
            </div>
        {% endif %}
    </section>

    <div class="form-actions">
        {% if is_update %}
            <a class="button button--ghost" href="{{ form.instance.get_absolute_url }}">Cancel</a>
            <button class="button" type="submit">Save changes</button>
        {% else %}
            <a class="button button--ghost" href="{% url 'library:dashboard' %}">Cancel</a>
            <button class="button" type="submit">Create project</button>
        {% endif %}
    </div>
</form>
{% endblock %}