{% 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' pk=model.pk %}">
                            {% endif %}
                            {% csrf_token %}
                            {{ form|crispy }}
                            <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> {% trans 'Pay' %}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}