{% extends "base.html" %}
{% block title %}Lectures — CLM Recordings{% endblock %}
{% block content %}
<h1>Lectures</h1>

<div style="display:flex; gap:1em; align-items:center; margin-bottom:1em;">
    <form hx-post="/set-lang" style="display:inline">
        <input type="hidden" name="lang" value="de">
        <button type="submit" class="{% if lang == 'de' %}primary{% else %}outline{% endif %} topic-btn">DE</button>
    </form>
    <form hx-post="/set-lang" style="display:inline">
        <input type="hidden" name="lang" value="en">
        <button type="submit" class="{% if lang == 'en' %}primary{% else %}outline{% endif %} topic-btn">EN</button>
    </form>
    <form hx-post="/lectures/refresh" style="display:inline; margin-left:auto;">
        <button type="submit" class="outline secondary topic-btn">Refresh</button>
    </form>
</div>

{% if snapshot.armed_deck %}
<div class="armed-info">
    <strong>Armed:</strong>
    {{ snapshot.armed_deck.course_slug }} /
    {{ snapshot.armed_deck.section_name }} /
    {{ snapshot.armed_deck.deck_name }}
    {% if snapshot.armed_deck.part_number > 0 %}
    ({% if snapshot.armed_deck.lang == 'de' %}Teil{% else %}part{% endif %} {{ snapshot.armed_deck.part_number }})
    {% endif %}
    <form hx-post="/disarm" hx-target=".armed-info" hx-swap="outerHTML"
          style="display:inline; margin-left:1em;">
        <button type="submit" class="outline secondary topic-btn">Disarm</button>
    </form>
</div>
{% endif %}

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

{% for section in sections %}
<article>
    <header><h3>{{ section.name }}</h3></header>
    <table>
        <thead>
            <tr>
                <th>Deck</th>
                <th>Status</th>
                <th style="text-align:right">Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for deck in section.decks %}
            {% set is_armed = snapshot.armed_deck and snapshot.armed_deck.deck_name == deck.deck_name and snapshot.armed_deck.section_name == section.name %}
            <tr{% if is_armed %} class="row-armed"{% endif %}>
                <td>{{ deck.display_name }}</td>
                <td>
                    {% if deck.status %}
                    {% set st = deck.status.state.value %}
                    <span class="status-badge badge-{{ st }}">{{ st | replace("_", " ") }}</span>
                    {% if deck.status.final_parts and deck.status.raw_parts %}
                    <small>(done: {{ deck.status.final_parts | join(", ") }}; raw: {{ deck.status.raw_parts | join(", ") }})</small>
                    {% elif deck.status.parts | length > 1 %}
                    <small>(parts {{ deck.status.parts | join(", ") }})</small>
                    {% elif deck.status.parts | length == 1 and deck.status.parts[0] != 0 %}
                    <small>(part {{ deck.status.parts[0] }})</small>
                    {% endif %}
                    {% endif %}
                </td>
                <td>
                    <div class="deck-actions">
                        {% if is_armed %}
                        <form hx-post="/disarm" hx-target="body">
                            <button type="submit" class="outline secondary topic-btn">Disarm</button>
                        </form>
                        {% else %}
                        <form hx-post="/arm" hx-target="body">
                            <input type="hidden" name="course_slug" value="{{ course_slug }}">
                            <input type="hidden" name="section_name" value="{{ section.name }}">
                            <input type="hidden" name="deck_name" value="{{ deck.deck_name }}">
                            <label>Part:</label>
                            <input type="number" name="part_number" value="0" min="0" max="20">
                            <button type="submit" class="outline topic-btn">Arm</button>
                        </form>
                        {% endif %}
                        {% if deck.status and deck.status.state.value in ('recorded', 'failed') and deck.status.raw_paths %}
                        <form hx-post="/process" hx-target="body" hx-disabled-elt="find button">
                            {% for rp in deck.status.raw_paths %}
                            <input type="hidden" name="raw_path" value="{{ rp }}">
                            {% endfor %}
                            <button type="submit" class="outline secondary topic-btn">Process</button>
                        </form>
                        {% elif deck.status and deck.status.state.value == 'processing' %}
                        <span class="status-badge badge-processing" style="font-size:0.8em;">processing&hellip;</span>
                        {% endif %}
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</article>
{% endfor %}

{% if not sections and not error %}
<p>No sections found in the course.</p>
{% endif %}
{% endblock %}