{% extends 'base.html.twig' %}
{% block title %}Site Settings{% endblock %}
{% block body %}
  <h1 class="h4 mb-3">Site Settings</h1>
  {% for msg in app.flashes('success') %}<div class="alert alert-success">{{ msg }}</div>{% endfor %}

  <div class="card">
    <div class="card-body">
      {{ form_start(form, {attr: {class: 'vstack gap-3', novalidate: 'novalidate'}}) }}
        <div>
          {{ form_label(form.SPOTIFY_CLIENT_ID) }}
          {{ form_widget(form.SPOTIFY_CLIENT_ID, {attr: {class: 'form-control'}}) }}
        </div>
        <div>
          {{ form_label(form.SPOTIFY_CLIENT_SECRET) }}
          {{ form_widget(form.SPOTIFY_CLIENT_SECRET, {attr: {class: 'form-control'}}) }}
        </div>
        <div>
          <button class="btn btn-success" type="submit">Save settings</button>
        </div>
      {{ form_end(form) }}
    </div>
  </div>
{% endblock %}