{% 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 %}