{% extends "base.html" %}
{% block title %}Instellingen — ClayTracker{% endblock %}
{% block content %}
  <h2>Instellingen</h2>

  <div class="card card-smal">
    <form method="post" enctype="multipart/form-data" novalidate>
      <div class="veld">
        <label for="vereniging_naam">Verenigingsnaam</label>
        <input type="text" id="vereniging_naam" name="vereniging_naam"
               value="{{ instellingen.vereniging_naam if instellingen else '' }}"
               placeholder="ClayTracker">
      </div>

      {% if instellingen and instellingen.logo_bestand %}
        <div class="veld">
          <label>Huidig logo</label>
          <img src="{{ url_for('instellingen.logo', bestandsnaam=instellingen.logo_bestand) }}"
               alt="Huidig logo" class="logo-preview">
          <label><input type="checkbox" name="logo_verwijderen"> Logo verwijderen</label>
        </div>
      {% endif %}

      <div class="veld">
        <label for="logo">Nieuw logo (PNG, JPG of GIF)</label>
        <input type="file" id="logo" name="logo" accept=".png,.jpg,.jpeg,.gif">
      </div>

      <button type="submit">Opslaan</button>
    </form>
  </div>
{% endblock %}