{% extends "base.html" %}

{% block title %}Manage Feeds - RSS Feed Manager{% endblock %}

{% block content %}
<h1 style="margin-bottom: 20px; font-size: 32px; font-weight: normal;">Manage Feeds</h1>

<div class="stats">
    Total Feeds: <strong>{{ total }}</strong>
</div>

<div style="margin-bottom: 20px;">
    <a href="/manage/create" class="btn btn-primary">Create New Feed</a>
    <a href="/manage/upload" class="btn btn-primary">Upload Feeds</a>
    <a href="/manage/sync" class="btn btn-primary">Sync All Feeds</a>
    <a href="/newspapers" class="btn btn-primary">View Newspapers</a>
    <a href="/sync-logs" class="btn btn-primary">Sync Logs</a>
    <a href="/" class="btn">Back to Home</a>
</div>

{% if feeds %}
<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>URL</th>
            <th>Type</th>
            <th>Category</th>
            <th>Last Synced</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for feed in feeds %}
        <tr>
            <td>{{ feed.name }}</td>
            <td style="font-size: 12px; color: #5f6368;">{{ feed.url }}</td>
            <td>{{ feed.type }}</td>
            <td>{{ feed.category }}</td>
            <td style="font-size: 12px; color: #5f6368;">
                {% if feed.last_synced %}
                    {{ feed.last_synced[:19] }}
                {% else %}
                    Never
                {% endif %}
            </td>
            <td>
                <div class="actions">
                    <a href="/manage/edit/{{ feed.id }}" class="btn">Edit</a>
                    <form method="post" action="/manage/delete/{{ feed.id }}" style="display: inline;">
                        <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure?')">Delete</button>
                    </form>
                </div>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p style="text-align: center; padding: 40px; color: #5f6368;">
    No feeds found. Upload a JSON file to get started.
</p>
{% endif %}
{% endblock %}