{% extends 'base.html.twig' %}

{% block title %}Podcast {{ podcast.name }}{% endblock %}

{% block stylesheets %}
  {{ parent() }}
  <style>
    th { min-width: 8em; }
  </style>
{% endblock %}

{% block body %}
  <h1>Podcast {{ podcast.name }}</h1>

  <table class="table">
    <tbody>
      <tr>
        <th>ID</th>
        <td>{{ podcast.id }}</td>
      </tr>
      <tr>
        <th>Name</th>
        <td>{{ podcast.name }}</td>
      </tr>
      <tr>
        <th>Slug</th>
        <td>{{ podcast.slug }}</td>
      </tr>
      <tr>
        <th>Website</th>
        <td>{{ podcast.website }}</td>
      </tr>
      <tr>
        <th>Description</th>
        <td>{{ podcast.description }}</td>
      </tr>
      <tr>
        <th>Author</th>
        <td>{{ podcast.author }}</td>
      </tr>
      <tr>
        <th>Email</th>
        <td>{{ podcast.email }}</td>
      </tr>
      <tr>
        <th>Logo file name</th>
        <td>{{ podcast.logoFilename }}</td>
      </tr>
      <tr>
        <th>Logo</th>
        <td><img src="{{ podcast.logoPath }}" alt="{{ podcast.name }} logo" style="max-width: 300px"></td>
      </tr>
      <tr>
        <th>Owner</th>
        <td>{{ podcast.owner }}</td>
      </tr>
      <tr>
        <th>Episodes</th>
        <td>
          <a href="{{ path('app_podcast_episodes_index', {'id': podcast.id}) }}"
            >Manage episodes</a>
          <ol>
            {% for episode in podcast.episodes %}
              <li>{{ episode.title }}</li>
            {% endfor %}
          </ol>
        </td>
      </tr>
    </tbody>
  </table>

  <a href="{{ path('app_podcast_index') }}">Go back to list</a>

  <a
    href="{{ path('app_podcast_edit', {'id': podcast.id}) }}"
    class="btn btn-primary"
  >Edit</a>

  {{ include('podcast/_delete_form.html.twig') }}
{% endblock %}