{% extends '@App/partials/base.html.twig' %}
{% import '@Dashboard/admin/resources/_badges.html.twig' as badges %}
{% block title %}Stats ressource{% endblock %}

{% block content %}
<div class="body-wrapper">
  <div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
      <div>
        <h3 class="mb-1">Statistiques ressource</h3>
        <p class="text-muted mb-0">{{ item.title }} • {{ badges.type_badge(item.type) }}</p>
      </div>
      <div class="d-flex gap-2">
        <a class="btn btn-light border" href="{{ path('admin_resources_edit', {id: item.id}) }}">Modifier</a>
        <a class="btn btn-light border" href="{{ path('admin_resources_index') }}">Retour liste</a>
      </div>
    </div>

    <div class="row g-3 mb-3">
      <div class="col-md-3"><div class="card border rounded-4"><div class="card-body"><div class="text-muted small">Vues total</div><div class="fs-7 fw-bold">{{ stats.views }}</div></div></div></div>
      <div class="col-md-3"><div class="card border rounded-4"><div class="card-body"><div class="text-muted small">Vues (7 jours)</div><div class="fs-7 fw-bold">{{ stats.views7 }}</div></div></div></div>
      <div class="col-md-3"><div class="card border rounded-4"><div class="card-body"><div class="text-muted small">Favoris</div><div class="fs-7 fw-bold">{{ stats.favorites }}</div></div></div></div>
      <div class="col-md-3"><div class="card border rounded-4"><div class="card-body"><div class="text-muted small">Téléchargements</div><div class="fs-7 fw-bold">{{ stats.downloads }}</div></div></div></div>
    </div>

    <div class="card border rounded-4 mb-3">
      <div class="card-header bg-transparent fw-semibold">Derniers usages</div>
      <div class="table-responsive">
        <table class="table align-middle mb-0">
          <thead><tr><th>Date</th><th>Action</th><th>User ID</th><th>Organizer ID</th></tr></thead>
          <tbody>
            {% for row in stats.recentUsages %}
              <tr>
                <td>{{ row.created_at ? row.created_at|date('d/m/Y H:i') : '-' }}</td>
                <td><span class="badge bg-light text-dark">{{ row.action_type }}</span></td>
                <td>{{ row.user_id ?: '-' }}</td>
                <td>{{ row.organizer_id ?: '-' }}</td>
              </tr>
            {% else %}
              <tr><td colspan="4" class="text-muted">Aucun usage.</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>

    <div class="card border rounded-4">
      <div class="card-header bg-transparent fw-semibold">Dernières vues</div>
      <div class="table-responsive">
        <table class="table align-middle mb-0">
          <thead><tr><th>Date</th><th>User ID</th><th>Organizer ID</th><th>IP</th></tr></thead>
          <tbody>
            {% for row in stats.recentViews %}
              <tr>
                <td>{{ row.viewed_at ? row.viewed_at|date('d/m/Y H:i') : '-' }}</td>
                <td>{{ row.user_id ?: '-' }}</td>
                <td>{{ row.organizer_id ?: '-' }}</td>
                <td>{{ row.ip ?: '-' }}</td>
              </tr>
            {% else %}
              <tr><td colspan="4" class="text-muted">Aucune vue.</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}