{% extends "base.html" %}

{% block content %}
  <section class="section">
    <div class="container">
      <h1 class="title is-4">Accessibility</h1>
      <div class="box">
        <h2 class="title is-6">Motion</h2>
        <form method="post">
          {% csrf_token %}
          <div class="field">
            <label class="checkbox">
              <input type="checkbox" name="disable_animations"{% if accessibility_settings.disable_animations %} checked{% endif %}>
              Disable animations
            </label>
            <p class="help is-size-7 has-text-grey mt-1">
              Reduces motion by disabling most transitions and animations across the interface.
            </p>
          </div>
          <button class="button is-link is-small" type="submit">Save</button>
        </form>
      </div>
    </div>
  </section>
{% endblock %}
