{% extends "client_portal/base.html" %}
{% load portal_tags %}
{% block content %}
<div class="portal-section-head"><div><p>ATIVIDADE</p><h2>Centro de notificações</h2></div></div>
<div class="portal-notification-page-grid">
<section class="portal-panel"><header><h3>Respostas de suporte</h3><span>{{ unread_messages|length }}</span></header>{% for item in unread_messages %}<a class="portal-notification-row" href="{% url 'client_portal:ticket_detail' item.ticket_id %}"><div><strong>{{ item.ticket.reference }} · {{ item.ticket.subject }}</strong><p>{{ item.message|truncatechars:100 }}</p></div><small>{{ item.created_at|date:"d/m H:i" }}</small></a>{% empty %}<p class="portal-empty">Não existem respostas novas.</p>{% endfor %}</section>
<section class="portal-panel"><header><h3>Renovações próximas</h3><span>{{ upcoming_renewals|length }}</span></header>{% for item in upcoming_renewals %}<a class="portal-notification-row" href="{% url 'client_portal:renewals' %}"><div><strong>{{ item.service.name }}</strong><p>Renovação prevista para {{ item.due_date|date:"d/m/Y" }}</p></div><small>{{ item.amount_due|euro }}</small></a>{% empty %}<p class="portal-empty">Não existem renovações nos próximos 30 dias.</p>{% endfor %}</section>
{% if portal_access.can_view_financial %}<section class="portal-panel"><header><h3>Pagamentos pendentes</h3><span>{{ pending_payments|length }}</span></header>{% for item in pending_payments %}<a class="portal-notification-row" href="{% url 'client_portal:payments' %}"><div><strong>{{ item.renewal.service.name }}</strong><p>{{ item.get_status_display }}</p></div><small>{{ item.amount|euro }}</small></a>{% empty %}<p class="portal-empty">Não existem pagamentos pendentes.</p>{% endfor %}</section>{% endif %}
</div>
{% endblock %}
