{% extends "base.html" %}

{% load account_tags %}
{% load i18n %}

{% block content_class %}account account-settings{% endblock %}

{% block title %}{% trans "Account" %}{% endblock %}

{% block pagecss %}
<style>
label {
  display: block;
  margin-top: 15px;
  color: #333;
  font-size: .875rem;
}

.br {
  margin-top: 15px;
}

input {
  max-width: 100%;
  width: 100%;
  border: 0 none;
  padding: 0 10px;
  padding-right: 10px;
  padding-left: 10px;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
}
</style>
{% endblock %}

{% block content %}
<div class="uk-flex uk-flex-center uk-margin-top">

  <div class="uk-card uk-card-default uk-card-body">
    <legend class="uk-legend">{% trans "Account settings" %}</legend>
      <form method="POST" action="{% url "account_settings" %}">
        {% csrf_token %}
        {{ form }}
        <div class="br">
          <button type="submit" class="uk-button uk-button-primary">{% trans "Save" %}</button>
        </div>
      </form>
  </div>

</div>
{% endblock %}