{% extends 'base.html' %}
{% load crispy_forms_filters %}
{% load i18n static %}
{% load allauth account %}
{% block title %}
    {% trans 'User Settings' %}
{% endblock %}
{% block content %}
    

     <div class="row justify-content-center mt-5 mb-3">

       <div class="col-lg-8 col-md-10">
         <div class="card shadow-sm border-0 rounded-3">
            <div class="card-header bg-gray-200  py-3 border-0 rounded-top-3">
                    <h3 class="mb-0 fs-4 text-center">
                       Dealer Settings
                       <span class="fas fa-solid fa-gear ms-2 text-primary"></span>  
                   </h3>
            </div>
            <div class="card-body bg-light-subtle ">
                <form action="" method="post">
                      {% csrf_token %}
                      <div class="col-12">
                          <div class=" mb-4">
                              <div class="row gx-3 mb-4 gy-6 gy-sm-3">
                                  <div class="col-12">
                                      <h4 class="mb-4">{% trans '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-4 gy-6 gy-sm-3">
                                  <div class="col-12">
                                      <h4 class="mb-4">{% trans '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-center mb-6">
                                    <div>
                                        <button type="submit" class="btn btn-phoenix-primary"><i class="fa-solid fa-pen-to-square me-1"></i>{% trans 'Update' %}</button>
                                  </div>
                              </div>
                          </div>
                      </div>
               </form>

            </div>
        </div>
    </div>
{% endblock %}