{% extends "base.html" %}
{% load crispy_forms_filters %}
{% load static %}
{% load i18n %}
{% block title %}
    {{ _("Make Payment") }}
{% endblock title %}
{% block extra_css %}
    <style>
        .paid {
            pointer-events: none;
            opacity: 0.4;
        }
    </style>
{% endblock extra_css %}
{% block content %}
    <div class="row {% if model.is_paid %}paid{% endif %}">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    {% if model.is_paid %}
                        <div class="card-header">{{ _("Payment Already Made") }}</div>
                    {% else %}
                        <div class="card-header">
                            <i class="fa-solid fa-hand-holding-dollar"></i> {{ _("Make Payment") }}
                        </div>
                    {% endif %}
                    <div class="card-body">
                        {% if model %}
                            <form method="post"
                                  action="{% url 'payment_create' request.dealer.slug model.pk %}">
                            {% endif %}
                            {% csrf_token %}
                            {{ form|crispy }}
                            <button type="submit" class="btn btn-phoenix-primary">
                                <i class="fa-solid fa-floppy-disk"></i> {% trans 'Pay' %}
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}