{% extends "base.html" %}

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

{% block content %}
<section class="hero">
    <h2>Welcome to Podcastrr</h2>
    <p>A podcast management application similar to Sonarr but for podcasts.</p>
</section>

<section class="recent-podcasts">
    <h3>Recent Podcasts</h3>
    {% if recent_podcasts %}
        <div class="podcast-grid">
            {% for podcast in recent_podcasts %}
                <div class="podcast-card">
                    {% if podcast.image_url %}
                        <img src="{{ podcast.image_url }}" alt="{{ podcast.title }}">
                    {% else %}
                        <div class="no-image">No Image</div>
                    {% endif %}
                    <h4>{{ podcast.title }}</h4>
                    <p class="author">{{ podcast.author }}</p>
                    <a href="{{ url_for('podcasts.view', podcast_id=podcast.id) }}" class="btn">View Episodes</a>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <p>No podcasts found. <a href="{{ url_for('podcasts.search') }}">Search for podcasts</a> to get started.</p>
    {% endif %}
</section>
{% endblock %}