{% extends "base.html" %}

{% block title %}Dashboard — Prumo{% endblock %}

{% block body_class %}dashboard-page{% endblock %}

{% block content %}
<div class="dashboard-main">
    <header class="tickets-header">
        <h1>Tickets</h1>
        <a href="{{ url_for('issues.novo') }}" class="btn btn-primary btn-inline">Novo ticket</a>
    </header>

    {% if issues %}
    <ul class="tickets-grid">
        {% for issue in issues %}
        <li class="ticket-row">
            <div class="ticket-info">
                <span class="ticket-id">#{{ issue.id }}</span>
                <span class="ticket-title">{{ issue.title }}</span>
                <span class="ticket-date">{{ issue.created_at.strftime('%d/%m/%Y') }}</span>
            </div>
            <a href="{{ url_for('issues.editar', issue_id=issue.id) }}" class="btn-sm">Alterar</a>
        </li>
        {% endfor %}
    </ul>
    {% else %}
    <p class="tickets-empty">Nenhum ticket ainda.</p>
    {% endif %}
</div>
<footer class="dashboard-footer">
    <span class="user-label">{{ current_user.name or current_user.email }}</span>
    <a href="{{ url_for('auth.logout') }}" class="btn-sm">Sair</a>
</footer>
{% endblock %}