{% 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 invoice.invoice_status == 'paid' %}paid{% endif %}">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    {% if invoice.invoice_status == 'paid' %}
                    <div class="card-header">{{ _("Payment Already Made") }}</div>
                    {% else %}
                    <div class="card-header">{{ _("Make Payment") }}</div>
                    {% endif %}
                    <div class="card-body">
                        {% if invoice %}
                                <form method="post" action="{% url 'payment_create' pk=invoice.pk %}">
                        {% else %}
                                <form method="post" action="{% url 'payment_create' %}">
                            {% endif %}
                            {% csrf_token %}
                            {{ form|crispy }}
                            <button type="submit" class="btn btn-primary">{% trans 'Save' %}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}