{% extends 'base.html' %}
{% block title %}Dashboard · AutoMail Reserve{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <div class="eyebrow">Visão geral</div>
    <h1>Dashboard do stand</h1>
    <p class="muted">Acompanhe reservas, envios e interesse em seguro automóvel.</p>
  </div>
  <a href="{{ url_for('new_reservation') }}" class="btn btn-primary">+ Nova reserva</a>
</div>

<div class="stats-grid">
  <div class="stat-card"><span>Clientes</span><strong>{{ totals.customers }}</strong></div>
  <div class="stat-card"><span>Reservas</span><strong>{{ totals.reservations }}</strong></div>
  <div class="stat-card"><span>E-mails enviados</span><strong>{{ totals.emails_sent }}</strong></div>
  <div class="stat-card"><span>Leads de seguro</span><strong>{{ totals.insurance_leads }}</strong></div>
</div>

<div class="card">
  <div class="card-header">
    <h2>Atividade recente</h2>
  </div>
  <table class="table">
    <thead>
      <tr>
        <th>Cliente</th>
        <th>Viatura</th>
        <th>Estado</th>
        <th>Enviado em</th>
      </tr>
    </thead>
    <tbody>
      {% for item in latest %}
      <tr>
        <td>
          <strong>{{ item.full_name }}</strong><br>
          <span class="table-sub">{{ item.email }}</span>
        </td>
        <td>{{ item.brand }} {{ item.model }}<br><span class="table-sub">{{ item.license_plate }}</span></td>
        <td><span class="badge badge-{{ item.send_status }}">{{ item.send_status }}</span></td>
        <td>{{ item.sent_at|fmt_dt }}</td>
      </tr>
      {% else %}
      <tr><td colspan="4">Ainda não existem envios registados.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}