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

{% block title %}Latest episodes{% endblock %}

{% block body %}
    <h2>Last watched episodes</h2>

    <table border="1" cellpadding="5" cellspacing="0" style="width:100%; border-collapse: collapse;min-height: 50vh;">
        <thead>
            <tr>
                <th>Id</th>
                <th>Series</th>
                <th>Season</th>
                <th>Episode</th>
                <th>Rate</th>
                <th>Watched on</th>
            </tr>
        </thead>
        <tbody>
            {% for rate in rates %}
                <tr>
                    <td>{{ rate.id }}</td>
                    <td>{{ rate.episode.tvshow.title }}</td>
                    <td>{{ rate.episode.seasonNumber }}</td>
                    <td>{{ rate.episode.episodeNumber }}</td>
                    <td>{{ rate.rating }}</td>
                    <td>{{ rate.ratedAt|date('Y-m-d H:i') }}</td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="5">No episodes found.</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}