{% extends 'base.html.twig' %}
{% block title %}Site Dashboard{% endblock %}
{% block body %}
  <h1 class="h4 mb-3">Site dashboard</h1>

  <div class="row g-3 mb-4">
    <div class="col-sm-4">
      <div class="card h-100">
        <div class="card-body">
          <div class="text-secondary">Total Reviews</div>
          <div class="display-6">{{ totalReviews }}</div>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card h-100">
        <div class="card-body">
          <div class="text-secondary">Total Albums</div>
          <div class="display-6">{{ totalAlbums }}</div>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card h-100">
        <div class="card-body">
          <div class="text-secondary">Total Users</div>
          <div class="display-6">{{ totalUsers }}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="row g-3">
    <div class="col-md-6">
      <div class="card h-100">
        <div class="card-body">
          <h2 class="h6 mb-3">Latest reviews (50)</h2>
          <div class="vstack gap-2">
            {% for r in recentReviews %}
              <div class="d-flex justify-content-between align-items-start">
                <div class="me-2">
                  <div><a class="text-decoration-none" href="{{ path('review_show', {id: r.id}) }}">{{ r.title }}</a> <span class="text-secondary">(Rating {{ r.rating }}/10)</span></div>
                  <div class="text-secondary small">{{ r.album.name }} • by {{ r.author.displayName ?? r.author.userIdentifier }} • {{ r.createdAt|date('Y-m-d H:i') }}</div>
                </div>
                <form method="post" action="{{ path('review_delete', {id: r.id}) }}" onsubmit="return confirm('Delete this review?');">
                  <input type="hidden" name="_token" value="{{ csrf_token('delete_review_' ~ r.id) }}" />
                  <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
                </form>
              </div>
            {% else %}
              <div class="text-secondary">No reviews.</div>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="card h-100">
        <div class="card-body">
          <h2 class="h6 mb-3">Latest albums (50)</h2>
          <div class="vstack gap-2">
            {% for a in recentAlbums %}
              {% set publicId = a.source == 'user' ? a.localId : a.spotifyId %}
              <div class="d-flex justify-content-between align-items-start">
                <div class="me-2">
                  <div>
                    {% if publicId %}
                      <a class="text-decoration-none" href="{{ path('album_show', {id: publicId}) }}">{{ a.name }}</a>
                    {% else %}
                      <span>{{ a.name }}</span>
                    {% endif %}
                    {% if a.source == 'user' %}<span class="badge text-bg-primary">User</span>{% else %}<span class="badge text-bg-success">Spotify</span>{% endif %}
                  </div>
                  <div class="text-secondary small">{{ a.artists|join(', ') }}{% if a.releaseDate %} • {{ a.releaseDate }}{% endif %} • {{ a.createdAt|date('Y-m-d H:i') }}</div>
                </div>
                {% if publicId %}
                  <form method="post" action="{{ path('album_delete', {id: publicId}) }}" onsubmit="return confirm('Delete this album?');">
                    <input type="hidden" name="_token" value="{{ csrf_token('delete-album-' ~ publicId) }}" />
                    <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
                  </form>
                {% endif %}
              </div>
            {% else %}
              <div class="text-secondary">No albums.</div>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}