{% extends "base.html" %}
{% load form_tags %}

{% block title %}Convites{% endblock %}

{% block content %}
<section class="page-header">
    <div class="container">
        <h1>Convites pendentes</h1>
    </div>
</section>
<section class="content-section">
    <div class="container col-lg-7">
        {% if invites %}
        {% for invite in invites %}
        <div class="panel-card d-flex justify-content-between align-items-center flex-wrap gap-2">
            <div>
                <strong>{{ invite.review.title }}</strong>
                <div class="text-muted small">Convidado por {{ invite.invited_by.name }} · {{ invite.created_at|date:"Y-m-d" }}</div>
            </div>
            <div class="d-flex gap-2">
                <a href="{% url 'invites:accept' invite.code %}" class="btn btn-parsifal btn-sm">Aceitar</a>
                <form method="post" action="{% url 'invites:decline' invite.code %}">
                    {% csrf_input %}
                    <button type="submit" class="btn btn-outline-secondary btn-sm">Recusar</button>
                </form>
            </div>
        </div>
        {% endfor %}
        {% else %}
        <div class="panel-card text-muted">Nenhum convite pendente.</div>
        {% endif %}
    </div>
</section>
{% endblock %}