{% extends "base.html" %}

{% block title %}Home{% endblock %}

{% block content %}
<!-- Page Header -->
<div class="page-header">
    <h1 class="page-title">Podcasts</h1>
    <div class="page-actions">
        <a href="{{ url_for('podcasts.search') }}" class="btn btn-primary">Add New</a>
    </div>
</div>

<!-- Toolbar -->
<div class="toolbar">
    <button class="toolbar-btn primary">Update All</button>
    <button class="toolbar-btn">RSS Sync</button>
    <button class="toolbar-btn">Options</button>
    <button class="toolbar-btn">View</button>
    <button class="toolbar-btn">Sort</button>
    <button class="toolbar-btn">Filter</button>
</div>

<!-- Content -->
<div class="content-area">
    {% if recent_podcasts %}
        <table class="data-table">
            <thead>
                <tr>
                    <th style="width: 40px;"></th>
                    <th>Podcast Title</th>
                    <th>Network</th>
                    <th>Quality Profile</th>
                    <th>Next Airing</th>
                    <th>Previous Airing</th>
                    <th>Original Language</th>
                    <th>Added</th>
                </tr>
            </thead>
            <tbody>
                {% for podcast in recent_podcasts %}
                <tr>
                    <td class="cell-center">
                        <span class="status-badge status-active">●</span>
                    </td>
                    <td class="cell-title">
                        <a href="{{ url_for('podcasts.view', podcast_id=podcast.id) }}">
                            {{ podcast.title }}
                        </a>
                        <div class="cell-secondary">{{ podcast.author or 'Unknown' }}</div>
                    </td>
                    <td class="cell-secondary">{{ podcast.author or 'Unknown' }}</td>
                    <td class="cell-secondary">Any</td>
                    <td class="cell-secondary">-</td>
                    <td class="cell-secondary">{{ podcast.last_updated.strftime('%Y-%m-%d') if podcast.last_updated else 'Never' }}</td>
                    <td class="cell-secondary">English</td>
                    <td class="cell-secondary">{{ podcast.last_updated.strftime('%Y-%m-%d') if podcast.last_updated else 'Unknown' }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    {% else %}
        <div class="empty-state">
            <h3>No podcasts found</h3>
            <p>Get started by adding your first podcast</p>
            <a href="{{ url_for('podcasts.search') }}" class="btn btn-primary">Add Podcast</a>
        </div>
    {% endif %}
</div>
{% endblock %}