{% 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 %}
  {% for msg in app.flashes('info') %}<div class="alert alert-info">{{ msg }}</div>{% endfor %}

  <div class="card mb-4">
    <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 class="form-check form-switch">
          {% set registrationToggleAttrs = {class: 'form-check-input'} %}
          {% if registrationImmutable %}
            {% set registrationToggleAttrs = registrationToggleAttrs|merge({disabled: true}) %}
          {% endif %}
          {{ form_widget(form.REGISTRATION_ENABLED, {attr: registrationToggleAttrs}) }}
          {{ form_label(form.REGISTRATION_ENABLED, null, {label_attr: {class: 'form-check-label'}}) }}
          <div class="form-text">When disabled, public sign-up is blocked but admins can still create users from `/admin/users`.</div>
          {% if registrationImmutable %}
            <div class="form-text text-warning">Locked by <code>APP_ALLOW_REGISTRATION</code> ({{ registrationOverrideValue ? 'enabled' : 'disabled' }}).</div>
          {% endif %}
        </div>
        <div>
          <button class="btn btn-success" type="submit">Save settings</button>
        </div>
      {{ form_end(form) }}
    </div>
  </div>

  <div class="card mb-4">
    <div class="card-body">
      <h2 class="h6 mb-3">Maintenance</h2>
      <form method="post" action="{{ path('admin_settings_reset_catalog') }}" onsubmit="return confirm('Delete all albums, tracks, and reviews? Users remain untouched.');">
        <input type="hidden" name="_token" value="{{ csrf_token('admin_settings_reset_catalog') }}">
        <button class="btn btn-outline-danger" type="submit">Reset album & review data</button>
        <div class="form-text mt-1">Deletes all albums (and tracks) plus reviews. Users and settings stay intact.</div>
      </form>
    </div>
  </div>

  <div class="card">
    <div class="card-body">
      <h2 class="h6 mb-3">Generate demo data</h2>
      <div class="vstack gap-4">
        {% for key, command in demoCommands %}
          <form class="p-3 border rounded" method="post" action="{{ path('admin_settings_generate_demo', {type: key}) }}">
            <div class="row gy-3 align-items-center">
              <div class="col-12 col-xl-4">
                <div class="fw-semibold">{{ command.label }}</div>
                <div class="text-secondary small">{{ command.description }}</div>
                <div class="text-secondary small">Command: <code>php bin/console {{ command.command }}</code></div>
              </div>
              <div class="col-12 col-xl-8">
                <div class="row g-3 align-items-end">
                  {% for field in command.fields %}
                    {% if field.type != 'checkbox' %}
                      <div class="col-auto">
                        <label class="form-label small mb-1" for="{{ key }}_{{ field.name }}">{{ field.label }}</label>
                        <input class="form-control form-control-sm" id="{{ key }}_{{ field.name }}" type="{{ field.type }}" name="{{ field.name }}" placeholder="{{ field.placeholder|default('') }}" value="{{ field.default|default('') }}">
                      </div>
                    {% endif %}
                  {% endfor %}
                </div>
                <div class="d-flex flex-wrap gap-3 mt-3">
                  {% for field in command.fields %}
                    {% if field.type == 'checkbox' %}
                      <div class="form-check form-switch" style="min-width: 220px;">
                        <input class="form-check-input" type="checkbox" name="{{ field.name }}" id="{{ key }}_{{ field.name }}" {% if field.default is defined and field.default %}checked{% endif %}>
                        <label class="form-check-label" for="{{ key }}_{{ field.name }}">{{ field.label }}</label>
                      </div>
                    {% endif %}
                  {% endfor %}
                </div>
              </div>
            </div>
            <div class="text-end mt-3">
              <input type="hidden" name="_token" value="{{ csrf_token('admin_settings_generate_' ~ key) }}">
              <button class="btn btn-outline-primary btn-sm" type="submit">Run</button>
            </div>
          </form>
        {% endfor %}
      </div>
    </div>
  </div>
{% endblock %}