{% extends 'django_ledger/layouts/content_layout_1.html' %}
{% load i18n %}
{% load static %}
{% load django_ledger %}

{% block header_buttons %}
    <a href="{{ account.get_absolute_url }}"
       class="button is-dark  is-outlined">
        <span class="icon">{% icon 'bi:arrow-left' 16 %}</span>
        <span>{% trans 'Back to Detail' %}</span>
    </a>
{% endblock %}

{% block view_content %}
    <div class="columns is-centered">
        <div class="column is-8-tablet is-6-desktop">
            <div class="box">
                <form method="post">
                    {% csrf_token %}
                    {% for field in form.visible_fields %}
                        <div class="field">
                            <label class="label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                            <div class="control">
                                                            {% if field.field.widget.input_type == 'select' %}
                                                                <div class="select is-fullwidth">{{ field }}</div>
                                                            {% elif field.field.widget.input_type == 'checkbox' %}
                                                                <label class="checkbox">{{ field }}</label>
                                                            {% else %}
                                                                {{ field }}
                                                            {% endif %}
                                                        </div>
                            {% if field.help_text %}<p class="help">{{ field.help_text }}</p>{% endif %}
                            {% for error in field.errors %}<p class="help is-danger">{{ error }}</p>{% endfor %}
                        </div>
                    {% endfor %}
                    {% for field in form.hidden_fields %}{{ field }}{% endfor %}
                    {{ form.non_field_errors }}
                    <hr>
                    <button type="submit" class="button is-primary is-fullwidth">
                        <span class="icon">{% icon 'bi:save' 16 %}</span>
                        <span>{% trans 'Update Account' %}</span>
                    </button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}