{% extends 'base.html' %}

{% block title %}Dashboard Consolidé - GestionDeStocks{% endblock %}

{% block content %}
<div class="container-fluid">
  <div class="row mb-4">
    <div class="col-12">
      <h2><i class="bi bi-grid-3x3"></i> Dashboard Consolidé</h2>
      <p class="text-muted">Vue d'ensemble de toutes les boutiques</p>
    </div>
  </div>
  <div class="row mb-4">
    <div class="col-md-3">
      <div class="card bg-primary text-white">
        <div class="card-body">
          <h5 class="card-title"><i class="bi bi-shop"></i> Boutiques</h5>
          <h2>{{ boutique_stats|length }}</h2>
          <p class="mb-0">Boutiques actives</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card bg-success text-white">
        <div class="card-body">
          <h5 class="card-title"><i class="bi bi-people"></i> Utilisateurs</h5>
          <h2>{{ total_users }}</h2>
          <p class="mb-0">Utilisateurs actifs</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card bg-info text-white">
        <div class="card-body">
          <h5 class="card-title"><i class="bi bi-box-seam"></i> Produits actifs</h5>
          <h2>{{ agg_total_products }}</h2>
          <p class="mb-0">Toutes boutiques</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card bg-warning text-white">
        <div class="card-body">
          <h5 class="card-title"><i class="bi bi-cash-stack"></i> CA 30j</h5>
          <h2>{{ agg_revenue_30_days|floatformat:0|default:"0" }} FCFA</h2>
          <p class="mb-0">Chiffre d'affaires cumulé</p>
        </div>
      </div>
    </div>
  </div>
  <div class="row mb-4">
    <div class="col-md-3">
      <div class="card bg-dark text-white">
        <div class="card-body">
          <h5 class="card-title"><i class="bi bi-archive"></i> Stock total</h5>
          <h2>{{ agg_total_stock }}</h2>
          <p class="mb-0">Unités cumulées</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card bg-secondary text-white">
        <div class="card-body">
          <h5 class="card-title"><i class="bi bi-cash"></i> CA Aujourd'hui</h5>
          <h2>{{ agg_today_revenue|floatformat:0|default:"0" }} FCFA</h2>
          <p class="mb-0">Total jour</p>
        </div>
      </div>
    </div>
  </div>
  <div class="row mb-4">
    <div class="col-12">
      <h4><i class="bi bi-bar-chart"></i> Statistiques par Boutique</h4>
    </div>
  </div>
  {% for stat in boutique_stats %}
  <div class="row mb-4">
    <div class="col-12">
      <div class="card">
        <div class="card-header bg-dark text-white">
          <h5 class="mb-0"><i class="bi bi-shop"></i> {{ stat.boutique.name }} ({{ stat.boutique.code }})</h5>
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-2 text-center">
              <i class="bi bi-box-seam fs-1 text-primary"></i>
              <h4>{{ stat.total_products }}</h4>
              <p class="text-muted">Produits actifs</p>
            </div>
            <div class="col-md-2 text-center">
              <i class="bi bi-archive fs-1 text-info"></i>
              <h4>{{ stat.total_stock }}</h4>
              <p class="text-muted">Stock</p>
            </div>
            <div class="col-md-2 text-center">
              <i class="bi bi-exclamation-triangle fs-1 text-warning"></i>
              <h4>{{ stat.low_stock_products }}</h4>
              <p class="text-muted">Stock bas</p>
            </div>
            <div class="col-md-2 text-center">
              <i class="bi bi-calendar-day fs-1 text-success"></i>
              <h4>{{ stat.today_sales }}</h4>
              <p class="text-muted">Ventes jour</p>
            </div>
            <div class="col-md-2 text-center">
              <i class="bi bi-cash fs-1 text-success"></i>
              <h4>{{ stat.today_revenue|floatformat:0|default:"0" }}</h4>
              <p class="text-muted">CA jour</p>
            </div>
            <div class="col-md-2 text-center">
              <a href="{% url 'dashboard:boutique' stat.boutique.code|lower %}" class="btn btn-dark btn-lg mt-3">
                <i class="bi bi-arrow-right-circle"></i> Détails
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  {% empty %}
  <div class="row">
    <div class="col-12">
      <div class="alert alert-info"><i class="bi bi-info-circle"></i> Aucune boutique active trouvée.</div>
    </div>
  </div>
  {% endfor %}
  <div class="row mt-5">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <h5><i class="bi bi-journal-text"></i> Activité Récente</h5>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-hover">
              <thead>
                <tr>
                  <th>Date/Heure</th>
                  <th>Utilisateur</th>
                  <th>Boutique</th>
                  <th>Action</th>
                  <th>Modèle</th>
                </tr>
              </thead>
              <tbody>
                {% for log in recent_logs %}
                <tr>
                  <td>{{ log.timestamp|date:"d/m/Y H:i:s" }}</td>
                  <td>{{ log.user.username|default:"Anonyme" }}</td>
                  <td>{% if log.boutique %}<span class="badge bg-info">{{ log.boutique.code }}</span>{% else %}<span class="badge bg-secondary">N/A</span>{% endif %}</td>
                  <td>
                    {% if log.action == 'CREATE' %}<span class="badge bg-success">{{ log.get_action_display }}</span>
                    {% elif log.action == 'UPDATE' %}<span class="badge bg-warning">{{ log.get_action_display }}</span>
                    {% elif log.action == 'DELETE' %}<span class="badge bg-danger">{{ log.get_action_display }}</span>
                    {% elif log.action == 'LOGIN' %}<span class="badge bg-primary">{{ log.get_action_display }}</span>
                    {% else %}<span class="badge bg-secondary">{{ log.get_action_display }}</span>{% endif %}
                  </td>
                  <td>{{ log.model_name }}</td>
                </tr>
                {% empty %}
                <tr><td colspan="5" class="text-center text-muted">Aucune activité récente</td></tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
          <div class="text-end">
            <a href="{% url 'core:audit_log_list' %}" class="btn btn-outline-dark"><i class="bi bi-list"></i> Voir tous les logs</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}