{% extends "./base.html" %}
{% load i18n %}

{% block title %}{% if is_podcast %}{% trans "Subscribe" %}{% else %}{% trans "Feeds" %}{% endif %} – {{ blog.title }}{% endblock %}

{% block content %}
  <div class="container mt-4">
    <h1>{% if is_podcast %}{% trans "Subscribe" %}{% else %}{% trans "Feeds" %}{% endif %} – {{ blog.title }}</h1>

    {% if is_podcast %}
      {% if apple_podcasts_url or spotify_url or youtube_url %}
        <section class="mt-4">
          <h2>{% trans "Where to listen" %}</h2>
          <ul>
            {% if apple_podcasts_url %}
              <li><a href="{{ apple_podcasts_url }}" target="_blank" rel="noopener">Apple Podcasts</a></li>
            {% endif %}
            {% if spotify_url %}
              <li><a href="{{ spotify_url }}" target="_blank" rel="noopener">Spotify</a></li>
            {% endif %}
            {% if youtube_url %}
              <li><a href="{{ youtube_url }}" target="_blank" rel="noopener">YouTube</a></li>
            {% endif %}
          </ul>
        </section>
      {% endif %}

      {% block podlove_subscribe_button %}{% endblock podlove_subscribe_button %}
    {% endif %}

    <section class="mt-4">
      <h2>{% trans "Feeds" %}</h2>
      <ul>
        <li><a href="{{ blog_feed_url }}">RSS ({{ blog.title }})</a></li>
        <li><a href="{{ blog_atom_feed_url }}">Atom ({{ blog.title }})</a></li>
      </ul>
    </section>

    {% if is_podcast %}
      <section class="mt-4">
        <h2>{% trans "Podcast Feeds" %}</h2>
        <table class="table">
          <thead>
            <tr>
              <th>{% trans "Format" %}</th>
              <th>RSS</th>
              <th>Atom</th>
            </tr>
          </thead>
          <tbody>
            {% for feed in podcast_feeds %}
              <tr>
                <td>{{ feed.format_label }}</td>
                <td><a href="{{ feed.rss_url }}">RSS</a></td>
                <td><a href="{{ feed.atom_url }}">Atom</a></td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </section>
    {% endif %}
  </div>
{% endblock content %}