{% extends 'base.html.twig' %}
{% block title %}New Review{% endblock %}
{% block body %}
  <h1 class="h4 mb-3">Write a review</h1>

  <div class="row g-2 mb-3">
    <div class="col-md-6">
      <label class="form-label">Spotify Album ID</label>
      <input class="form-control" type="text" name="spotifyAlbumId" value="{{ review.spotifyAlbumId }}" placeholder="e.g. 4m2880jivSbbyEGAKfITCa" />
    </div>
    <div class="col-md-6">
      <label class="form-label">Artist</label>
      <input class="form-control" type="text" name="albumArtist" value="{{ review.albumArtist }}" />
    </div>
  </div>
  <div class="mb-3">
    <label class="form-label">Album Title</label>
    <input class="form-control" type="text" name="albumName" value="{{ review.albumName }}" />
  </div>

  {{ form_start(form, {attr: {class: 'vstack gap-3', novalidate: 'novalidate'}}) }}
    <div>{{ form_label(form.title) }}{{ form_widget(form.title, {attr: {class: 'form-control'}}) }}{{ form_errors(form.title) }}</div>
    <div>{{ form_label(form.content) }}{{ form_widget(form.content, {attr: {class: 'form-control', rows: 8}}) }}{{ form_errors(form.content) }}</div>
    <div>{{ form_label(form.rating) }}{{ form_widget(form.rating, {attr: {class: 'form-control'}}) }}{{ form_errors(form.rating) }}</div>
    <button class="btn btn-success" type="submit">Save review</button>
  {{ form_end(form) }}

{% endblock %}