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

{% block title %}Podcast index{% endblock %}

{% block stylesheets %}
  {{ parent() }}
  <style>
    td img { width: 5em; }
  </style>
{% endblock %}

{% block body %}
  <h1>Your podcasts</h1>

  <table class="table">
    <thead>
      <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Author</th>
        <th>Logo</th>
        <th>actions</th>
      </tr>
    </thead>
    <tbody>
      {% for podcast in podcasts %}
        <tr>
          <td>{{ podcast.id }}</td>
          <td>{{ podcast.name }}<br>(<code>{{ podcast.slug }}</code>)</td>
          <td>{{ podcast.author }}</td>
          <td><img src="{{ podcast.logoPath }}" alt="{{ podcast.name }} logo"></td>
          <td>
            <a href="{{ path('app_podcast_show', {'id': podcast.id}) }}"
               ><button>Show</button></a>
            <a href="{{ path('app_podcast_edit', {'id': podcast.id}) }}"
               ><button>Edit</button></a>
          </td>
        </tr>
      {% else %}
        <tr>
          <td colspan="5">No podcasts found.</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

  <a href="{{ path('app_podcast_new') }}"><button>Create new</button></a>
{% endblock %}