{% extends 'base.html' %}

{% block header %}
  <h1>{% block title %}{{ localize("options") }}{% endblock %}</h1>
{% endblock %}

{% block content %}
<form method="post">
  <label for="language-select">{{ localize("language") }}</label>
  <select name="language" id="language-select">
    <option value="ja">日本語</option>
    <option value="en">English</option>
  </select>

  <label for="theme-select">{{ localize("theme") }}</label>
  <select name="theme" id="theme-select">
    <option value="dark">{{ localize("dark_theme") }}</option>
    <option value="light">{{ localize("light_theme") }}</option>
  </select>
  <hr>
  <button type="submit">Okay</button>
</form>
{% endblock %}