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

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

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

{% block body %}
    <h1>Podcast index</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}) }}">show</a>
                    <a href="{{ path('app_podcast_edit', {'id': podcast.id}) }}">edit</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="5">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

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