{% load static %}
<table class="table table-bordered mt-3">
    <thead>
        <tr>
            <th>Link</th>
            <th>Miniatura</th>
            <th>Criado em</th>
            <th style="width:90px;"></th>
        </tr>
    </thead>
    <tbody>
        {% for post in posts %}
        <tr>
            <td>
                {% if post.link %}
                    <a href="{{ post.link }}" target="_blank">
                        {{ post.titulo|default:post.link }}
                    </a>
                {% else %}
                    <span class="text-muted">—</span>
                {% endif %}
            </td>
            <td>
                {% if post.video_id %}
                    <img src="https://img.youtube.com/vi/{{ post.video_id }}/hqdefault.jpg"
                         alt="Miniatura do vídeo"
                         width="80" height="60"
                         class="rounded">
                {% else %}
                    <span class="text-muted">Sem miniatura</span>
                {% endif %}
            </td>
            <td>{{ post.criado_em|date:"d/m/Y H:i" }}</td>
            <td class="text-center">
                <a href="{% url 'editar_post_youtube' post.pk %}" class="mr-2" title="Editar">
                    <i class="fas fa-pen text-warning"></i>
                </a>
                <a href="{% url 'excluir_post_youtube' post.pk %}" title="Excluir">
                    <i class="fas fa-minus-circle text-danger"></i>
                </a>
            </td>
        </tr>
        {% empty %}
        <tr><td colspan="4">Nenhum vídeo encontrado.</td></tr>
        {% endfor %}
    </tbody>
</table>