{% extends "base.html" %}
{% block title %}Publish{% endblock %}
{% block content %}
<h1>Publish Issue</h1>

<form method="get" action="/publish" style="margin-bottom: 1rem;">
    <label>
        Target Week
        <input type="week" name="week" value="{{ week_str }}">
    </label>
    <button type="submit" class="outline">Load Week</button>
</form>

<p>{{ week_start.strftime('%b %d') }} – {{ week_end.strftime('%b %d, %Y') }} · {{ articles|length }} articles</p>

{% if articles %}
<form method="post" action="/publish" id="publish-form">
    <input type="hidden" name="week_start" value="{{ week_start.isoformat() }}">
    <input type="hidden" name="week_end" value="{{ week_end.isoformat() }}">

    <table>
        <thead>
            <tr>
                <th><input type="checkbox" id="select-all" checked></th>
                <th>Date</th>
                <th>Title</th>
                <th>Author</th>
            </tr>
        </thead>
        <tbody>
            {% for article in articles %}
            <tr>
                <td>
                    <input type="checkbox" name="article_ids" value="{{ article.id }}" checked
                           class="article-checkbox">
                </td>
                <td>{{ article.pub_date.strftime('%b %d') }}</td>
                <td>{{ article.title }}</td>
                <td>{{ article.author }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <fieldset>
        <legend>Cover</legend>
        <label>
            <input type="radio" name="cover_method" value="ai" checked>
            AI Cover (Pollinations.ai)
        </label>
        <label>
            <input type="radio" name="cover_method" value="text">
            Text Cover (fallback)
        </label>
    </fieldset>

    <button type="submit" id="publish-btn">Generate Issue</button>
</form>
{% else %}
<p>No articles found for this week. Try fetching articles first from the <a href="/">Dashboard</a>.</p>
{% endif %}
{% endblock %}

{% block scripts %}
<script>
document.getElementById('select-all')?.addEventListener('change', function() {
    document.querySelectorAll('.article-checkbox').forEach(cb => cb.checked = this.checked);
});

document.getElementById('publish-form')?.addEventListener('submit', function() {
    document.getElementById('publish-btn').setAttribute('aria-busy', 'true');
    document.getElementById('publish-btn').textContent = 'Generating...';
});
</script>
{% endblock %}