{% extends 'base.html.twig' %}
{% block title %}Album Reviews{% endblock %}
{% block body %}
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h4 mb-0">Album reviews</h1>
    {% if app.user %}
      <a class="btn btn-success" href="{{ path('review_new') }}">New review</a>
    {% endif %}
  </div>

  <div class="row g-3">
    {% for r in reviews %}
      <div class="col-12">
        <div class="card h-100">
          <div class="card-body">
            <h5 class="card-title mb-1">{{ r.title }} <span class="text-secondary">(Rating {{ r.rating }}/10)</span></h5>
            <div class="text-secondary mb-2">{{ r.albumName }} — {{ r.albumArtist }}</div>
            <p class="card-text">{{ r.content|u.truncate(220, '…', false) }}</p>
            <a class="btn btn-link p-0" href="{{ path('review_show', {id: r.id}) }}">Read more</a>
          </div>
        </div>
      </div>
    {% else %}
      <p>No reviews yet.</p>
    {% endfor %}
  </div>
{% endblock %}