{% extends 'base.html.twig' %}
{% block title %}{{ review.title }}{% endblock %}
{% block body %}
  <p><a href="{{ path('account_dashboard') }}">← Back to dashboard</a></p>
  <h1 class="h4">{{ review.title }} <span class="text-secondary">(Rating {{ review.rating }}/10)</span></h1>
  <p class="text-secondary">
    {{ review.album.name }} — {{ review.album.artists|join(', ') }}
    <a class="ms-1" href="{{ path('album_show', {id: review.album.spotifyId}) }}">View album</a>
  </p>
  <article class="mb-3">
    <p>{{ review.content|nl2br }}</p>
  </article>

  {% if is_granted('REVIEW_EDIT', review) %}
    <div class="d-flex gap-2">
      <a class="btn btn-outline-secondary" href="{{ path('review_edit', {id: review.id}) }}">Edit</a>
      <form action="{{ path('review_delete', {id: review.id}) }}" method="post" onsubmit="return confirm('Delete this review?')">
        <input type="hidden" name="_token" value="{{ csrf_token('delete_review_' ~ review.id) }}" />
        <button class="btn btn-danger" type="submit">Delete</button>
      </form>
    </div>
  {% endif %}
{% endblock %}