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

{% block title %}Episode “{{ episode.title }}”{% endblock %}

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

{% block body %}
  <h1>Episode “{{ episode.title }}”</h1>

  <table class="table">
    <tbody>
      <tr>
        <th>ID</th>
        <td>{{ episode.id }}</td>
      </tr>
      <tr>
        <th>Title</th>
        <td>{{ episode.title }}</td>
      </tr>
      <tr>
        <th>Description</th>
        <td>{{ episode.description }}</td>
      </tr>
      <tr>
        <th>Audio file name</th>
        <td>{{ episode.audioFilename }}</td>
      </tr>
      <tr>
        <th>Audio</th>
        <td><audio controls src="{{ files_path }}{{ episode.audioFilename }}"></audio></td>
      </tr>
      <tr>
        <th>Publication date</th>
        <td>{{ episode.publicationDate ? episode.publicationDate|date('Y-m-d H:i:s') : '' }}</td>
      </tr>
    </tbody>
  </table>

  <a href="{{ path('app_episode_index') }}">Back to list</a>

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

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