{% extends "base_template.html" %}
{% from "courses/admin/_form.html" import flashes, state_badge with context %}

{% block title %}{{ _('Pages') }}{% endblock %}

{% macro page_row(page, show_course=False) %}
<tr>
    <td>
        <a href="{{ url_for('courses.admin_page_edit', page_id=page.id) }}">{{ page.name }}</a>
        {% if show_course %}<div class="text-muted small">{{ page.course.name }}{% if page.category %} · {{ page.category.name }}{% endif %}</div>{% endif %}
    </td>
    <td style="width:180px">{{ state_badge(page) }}</td>
    <td style="width:190px" class="text-muted small">{{ (page.updated_at or page.created_at) | course_datetime }}</td>
    <td style="width:210px" class="text-end">
        <a href="{{ page_url(page.course, page) }}" class="btn btn-sm btn-outline-secondary">{{ _('View') }}</a>
        <a href="{{ url_for('courses.admin_page_history', page_id=page.id) }}" class="btn btn-sm btn-outline-secondary">{{ _('History') }}</a>
    </td>
</tr>
{% endmacro %}

{% block content %}

<div class="mb-4">
    <h1 class="h3 mb-0">{{ _('Pages') }}</h1>
    <p class="text-muted mb-0">
        {% if course and not term and not across_years %}
        {{ _('What %(course)s is made of. Adding a page puts it in the section you choose.', course=course.name) }}
        {% else %}
        {{ _('Every page in this wiki, most recently edited first.') }}
        {% endif %}
    </p>
</div>

{{ flashes() }}

{# The year comes first because it is the only thing most visits change, and
   it is a plain GET so a filtered view is a URL somebody can send. #}
<form method="GET" class="card mb-4">
    <div class="card-body row g-2 align-items-end">
        <div class="col-md-4">
            <label class="form-label" for="course">{{ _('Academic year') }}</label>
            <select class="form-select" id="course" name="course" onchange="this.form.submit()">
                {% for c in courses %}
                <option value="{{ c.id }}" {{ 'selected' if course_id == c.id }}>{{ c.name }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-md-5">
            <label class="form-label" for="q">{{ _('Find a page by title') }}</label>
            <input class="form-control" id="q" name="q" value="{{ term }}"
                   placeholder="{{ _('Vagrant, exam, lab 5…') }}">
        </div>
        <div class="col-md-3 d-flex gap-2">
            <button type="submit" class="btn btn-primary">{{ _('Search') }}</button>
            {% if term or across_years %}
            <a href="{{ url_for('courses.admin_pages') }}" class="btn btn-link text-muted px-1">{{ _('Back to this year') }}</a>
            {% endif %}
        </div>
        {% if not across_years %}
        <div class="col-12">
            <a class="small text-muted" href="{{ url_for('courses.admin_pages', scope='all', q=term or None) }}">
                {{ _('Search across every year instead') }}
            </a>
        </div>
        {% endif %}
    </div>
</form>

{% if sections %}
{# One year, laid out as the course itself is: a section, its pages, and the
   way to add one to that section without going through a second form. #}
{% for category, pages in sections %}
<div class="card mb-3">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div>
            <strong>{{ category.name if category else _('Not in any section') }}</strong>
            <span class="text-muted small ms-2">{{ ngettext('%(num)d page', '%(num)d pages', pages | length) }}</span>
            {% if category %}<span class="ms-2">{{ state_badge(category) }}</span>{% endif %}
        </div>
        {% if category %}
        <a class="btn btn-sm btn-success"
           href="{{ url_for('courses.admin_page_new', course_id=course.id, category=category.id) }}">
            {{ _('New page here') }}
        </a>
        {% endif %}
    </div>
    {% if pages %}
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <tbody>
                {% for page in pages %}{{ page_row(page) }}{% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="card-body text-muted small py-3">{{ _('Nothing here yet.') }}</div>
    {% endif %}
</div>
{% endfor %}

{% elif course and not term and not across_years %}
<div class="card">
    <div class="card-body text-muted text-center py-4">
        {{ _('%(course)s has no sections yet.', course=course.name) }}
        <a href="{{ url_for('courses.admin_course_edit', course_id=course.id) }}">{{ _('Add its sections first.') }}</a>
    </div>
</div>

{% else %}
{# Searching, or looking across every year: the flat list, with the year and
   section on every row so a result is never ambiguous. #}
<div class="card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>{{ _('Page') }}</th>
                    <th>{{ _('State') }}</th>
                    <th>{{ _('Last edited') }}</th>
                    <th class="text-end">{{ _('Actions') }}</th>
                </tr>
            </thead>
            <tbody>
                {% for page in pages %}{{ page_row(page, show_course=True) }}
                {% else %}
                <tr>
                    <td colspan="4" class="text-muted text-center py-4">
                        {{ _('No page matches that. Try a shorter word.') }}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% if pages | length >= 200 %}
    {# Said out loud rather than truncating in silence: a list that stops at
       two hundred without saying so reads as "that is all there is". #}
    <div class="card-footer text-muted small">
        {{ _('Showing the 200 most recently edited. Narrow the search to see further back.') }}
    </div>
    {% endif %}
</div>
{% endif %}

{% endblock %}