{% extends "dashboard/base.html" %} 
{% load i18n %} 

{% block title %}{% trans "Dashboard" %}{% endblock %} 
{% block content %}
<h1 class="h3 mb-3">{% trans "Overview" %}</h1>

<div class="row">
  <div class="col-md-4 mb-3">
    <div class="card">
      <div class="card-body">
        <div class="text-muted small">{% trans "Services" %}</div>
        <div class="display-4">{{ service_count }}</div>
        <a
          href="{% url 'dashboard:service_list' %}"
          class="btn btn-sm btn-outline-primary"
        >
          {% trans "Manage services" %}
        </a>
      </div>
    </div>
  </div>

  <div class="col-md-4 mb-3">
    <div class="card">
      <div class="card-body">
        <div class="text-muted small">{% trans "FAQ items" %}</div>
        <div class="display-4">{{ faq_count }}</div>
        <a
          href="{% url 'dashboard:faq_list' %}"
          class="btn btn-sm btn-outline-primary"
        >
          {% trans "Manage FAQ" %}
        </a>
      </div>
    </div>
  </div>

  <div class="col-md-4 mb-3">
    <div class="card">
      <div class="card-body">
        <div class="text-muted small">{% trans "New leads" %}</div>
        <div class="display-4">{{ new_leads_count }}</div>
        <a
          href="{% url 'dashboard:lead_list' %}"
          class="btn btn-sm btn-outline-primary"
        >
          {% trans "View leads" %}
        </a>
      </div>
    </div>
  </div>
</div>

<div class="mt-3 p-4 border rounded">
  <div class="fw-bold">{% trans "Tip" %}</div>
  <div class="text-muted">
    {% blocktrans %}Mark services as Featured to show them on the homepage hero
    section.{% endblocktrans %}
  </div>
</div>
{% endblock %}