{% extends 'base.html' %}
{% load crispy_forms_filters %}
{% load i18n %}
{% load custom_filters %}
{% block title %}
    {% trans "Car Finance Details" %}
{% 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">
                       {% trans "Finance Details for" %}<span class="fas fa-solid fa-car text-primary ms-2"></span>&nbsp;{{ car.id_car_make.get_local_name }} - {{ car.id_car_model.get_local_name }}
                   </h3>
                   {% if form.errors %}
                 <div class="alert alert-danger">
                    <ul>
                      {% for field in form %}
                        {% for error in field.errors %}<li>{{ field.label }}: {{ error }}</li>{% endfor %}
                      {% endfor %}
                     {% for error in form.non_field_errors %}<li>{{ error }}</li>{% endfor %}
                    </ul>
                 </div>
                 {% endif %}
            </div>
            <div class="card-body bg-light-subtle">

                <form method="post" class="needs-validation" novalidate>
                       <div class="row g-1">
                           <div class="col-lg-4 col-xl-12">
                               {% csrf_token %}
                               {{ form|crispy }}
                           </div>
                       </div>

                        <hr class="my-2">
                    <div class="d-grid gap-2 d-md-flex justify-content-md-center mt-3">
                         <button class="btn btn-lg btn-phoenix-primary md-me-2" type="submit"><i class="fa-solid fa-floppy-disk me-1"></i>{{ _("Save") }}</button>
                         <a href="{% url 'car_detail' request.dealer.slug car.slug %}" class="btn btn-lg btn-phoenix-secondary"><i class="fa-solid fa-ban me-1"></i>{% trans "Cancel" %}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!---->
    <!-- JavaScript Section -->
{% endblock %}