{% extends 'base.html' %}
{% load crispy_forms_filters %}
{% load i18n static %}
{% load allauth account %}
{% block head_title %}
  {% trans 'User Settings' %}
{% endblock %}
{% block content %}
  <form action="" method="post">
    {% csrf_token %}
    <div class="col-12 col-xl-8">
      <div class="border-bottom mb-4">
        
        <div class="row gx-3 mb-6 gy-6 gy-sm-3">
          <div class="col-12 col-sm-8">
            <h4 class="mb-4">Default Invoice Accounts</h4>
            <div class="form-icon-container mb-3">
              {{ form.invoice_cash_account|as_crispy_field }}
            </div>
            <div class="form-icon-container mb-3">
              {{ form.invoice_prepaid_account|as_crispy_field }}
            </div>
            <div class="form-icon-container mb-3">
              {{ form.invoice_unearned_account|as_crispy_field }}
            </div>
          </div>
        </div>
        <div class="row gx-3 mb-6 gy-6 gy-sm-3">
          <div class="col-12 col-sm-8">
            <h4 class="mb-4">Default Bill Accounts</h4>
            <div class="form-icon-container mb-3">
              {{ form.bill_cash_account|as_crispy_field }}
            </div>
            <div class="form-icon-container mb-3">
              {{ form.bill_prepaid_account|as_crispy_field }}
            </div>
            <div class="form-icon-container mb-3">
              {{ form.bill_unearned_account|as_crispy_field }}
            </div>
          </div>
        </div>

        <div class="text-start mb-6">
          <div>            
            <button type="submit" class="btn btn-phoenix-primary">Update</button>
          </div>
        </div>
      </div>
    </div>
  </form>
{% endblock %}