{% extends 'base.html' %}
{% block content %}
<h3 class="mb-3">Dashboard</h3>
<div class="row g-3">
  <div class="col-md-3">
    <div class="card text-bg-primary">
      <div class="card-body">
        <h5 class="card-title">Clients</h5>
        <p class="card-text fs-3">{{ stats.users }}</p>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card text-bg-success">
      <div class="card-body">
        <h5 class="card-title">Products</h5>
        <p class="card-text fs-3">{{ stats.products }}</p>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card text-bg-warning">
      <div class="card-body">
        <h5 class="card-title">Pending Orders</h5>
        <p class="card-text fs-3">{{ stats.orders_pending }}</p>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card text-bg-info">
      <div class="card-body">
        <h5 class="card-title">Payments</h5>
        <p class="card-text fs-3">{{ stats.payments }}</p>
      </div>
    </div>
  </div>
</div>

<div class="mt-4">
  <div class="alert {% if app_enabled %}alert-success{% else %}alert-danger{% endif %}">
    <strong>Application Status:</strong> {{ "Enabled" if app_enabled else "Disabled" }}
  </div>
  <a class="btn btn-outline-secondary btn-sm" href="{{ url_for('dev_seed') }}">Seed Dummy Data</a>
</div>
{% endblock %}