{% extends "base.html" %}
{% block title %}{{ t.dash_page_title }} - {{ config.APP_NAME }}{% endblock %}

{% block content %}
<main class="container-page py-12">
  <h1 class="text-2xl mb-1">{{ t.dash_h1 }}</h1>
  <p class="text-slate mb-8">{{ t.dash_welcome }}{% if user.name %}, {{ user.name }}{% endif %}!</p>

  <div class="grid-3 mb-10">
    <div class="card text-center">
      <p class="card-header">{{ t.dash_saved_scenarios }}</p>
      <p class="text-3xl font-bold text-navy metric">{{ stats.scenarios }}</p>
      <p class="text-xs text-slate mt-1">{{ t.dash_no_limits }}</p>
    </div>
    <div class="card text-center">
      <p class="card-header">{{ t.dash_lead_requests }}</p>
      <p class="text-3xl font-bold text-navy metric">{{ stats.leads }}</p>
      <p class="text-xs text-slate mt-1">{{ t.dash_lead_requests_sub }}</p>
    </div>
    <div class="card text-center">
      <p class="card-header">{{ t.dash_plan }}</p>
      <p class="text-3xl font-bold text-navy">{{ t.dash_plan_free }}</p>
      <p class="text-xs text-slate mt-1">{{ t.dash_plan_free_sub }}</p>
    </div>
  </div>

  <h2 class="text-xl mb-4">{{ t.dash_quick_actions }}</h2>
  <div class="grid-3">
    <a href="{{ url_for('planner.index') }}" class="btn text-center">{{ t.dash_open_planner }}</a>
    <a href="{{ url_for('leads.quote_request') }}" class="btn-outline text-center">{{ t.dash_get_quotes }}</a>
    <a href="{{ url_for('dashboard.settings') }}" class="btn-outline text-center">{{ t.dash_settings }}</a>
  </div>
</main>
{% endblock %}
