ты можешь вот так вывести: № (месяц) Дата выплаты	Часть кредита	%	Общая сумма	Остаток кредита	Просрочено	Пени	ИТОГО  Статус Действия?? И в конце списка тоже есть Итого (сумма таких ячеек Часть кредита	%	Общая сумма	Остаток кредита	Просрочено	Пени	ИТОГО). Если нужны какие то коды спрашивайте: шаблон переделать: {% extends 'base.html' %}
{% load humanize %}
{% load custom_tags %}

{% block title %}{{ credit.name }} - Система учета МФС{% endblock %}

{% block breadcrumb %}
<nav aria-label="breadcrumb" class="mt-3">
    <div class="container-fluid">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'dashboard' %}">Главная</a></li>
            <li class="breadcrumb-item"><a href="{% url 'finance:dashboard' %}">Финансы</a></li>
            <li class="breadcrumb-item"><a href="{% url 'finance:credit_list' %}">Кредиты</a></li>
            <li class="breadcrumb-item active">{{ credit.name }}</li>
        </ol>
    </div>
</nav>
{% endblock %}

{% block page_header %}
<div class="container-fluid bg-light py-3 mb-4">
    <div class="row align-items-center">
        <div class="col-md-6">
            <h1 class="mb-0">
                <i class="bi bi-credit-card"></i> {{ credit.name }}
            </h1>
            <p class="text-muted mb-0">
                {{ credit.creditor }} |
                {% if credit.is_closed %}
                    <span class="badge bg-success">Закрыт</span>
                {% else %}
                    <span class="badge bg-warning">Активный</span>
                {% endif %}
            </p>
        </div>
        <div class="col-md-6 text-md-end">
            {% if not credit.is_closed and user|has_role:'admin,accountant' %}
            <a href="{% url 'finance:credit_payment_create' credit.pk %}" class="btn btn-primary">
                <i class="bi bi-plus-circle"></i> Новый платеж
            </a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <!-- Информация о кредите -->
        <div class="col-lg-4 mb-4">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white">
                    <h5 class="mb-0">Информация о кредите</h5>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-6">Сумма кредита:</dt>
                        <dd class="col-sm-6">{{ credit.amount|floatformat:0|intcomma }} сом</dd>

                        <dt class="col-sm-6">Процентная ставка:</dt>
                        <dd class="col-sm-6">{{ credit.interest_rate }}% годовых</dd>

                        <dt class="col-sm-7">Пени (% за каждый день):</dt>
                        <dd class="col-sm-5">{{ credit.penalty_rate }}%</dd>

                        <dt class="col-sm-6">Срок кредита:</dt>
                        <dd class="col-sm-6">{{ credit.term_months }} мес.</dd>

                        <dt class="col-sm-6">Дата получения:</dt>
                        <dd class="col-sm-6">{{ credit.start_date|date:"d.m.Y" }}</dd>

                        <hr>

                        <dt class="col-sm-6">Выплачено:</dt>
                        <dd class="col-sm-6 text-success">{{ credit.total_paid|floatformat:0|intcomma }} сом</dd>

                        <dt class="col-sm-6">Остаток долга:</dt>
                        <dd class="col-sm-6 {% if credit.remaining_amount > 0 %}text-danger{% else %}text-success{% endif %}">
                            {{ credit.remaining_amount|floatformat:0|intcomma }} сом
                        </dd>
                    </dl>
                </div>
            </div>

            <!-- Статистика -->
            <div class="card border-0 shadow-sm mt-3">
                <div class="card-header bg-white">
                    <h5 class="mb-0">Статистика платежей</h5>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-7">Основной долг:</dt>
                        <dd class="col-sm-5">{{ stats.total_principal|default:0|floatformat:0|intcomma }}</dd>

                        <dt class="col-sm-7">Проценты:</dt>
                        <dd class="col-sm-5">{{ stats.total_interest|default:0|floatformat:0|intcomma }}</dd>

                        <dt class="col-sm-7">Пени:</dt>
                        <dd class="col-sm-5 text-danger">{{ stats.total_penalty|default:0|floatformat:0|intcomma }}</dd>
                    </dl>
                </div>
            </div>
        </div>

        <!-- График платежей -->
        <div class="col-lg-8 mb-4">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white">
                    <h5 class="mb-0">График платежей</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Дата платежа</th>
                                    <th class="text-end">Основной долг</th>
                                    <th class="text-end">Проценты</th>
                                    <th class="text-end">Общая сумма</th>
                                    <th class="text-end">Дата выплаты</th>
                                    <th class="text-end">Итого</th>
                                    <th class="text-center">Статус</th>
                                    <th class="text-center">Действия</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for payment in payments %}
                                <tr>
                                    <td>{{ payment.payment_date|date:"d.m.Y" }}</td>
                                    <td class="text-end">{{ payment.principal_amount|floatformat:2|intcomma }}</td>
                                    <td class="text-end">{{ payment.interest_amount|floatformat:2|intcomma }}</td>
                                    <td class="text-end">
                                        <strong>{{ payment.total_amount|floatformat:2|intcomma }}</strong>
                                    </td>
                                    <td class="text-end">
                                        {% if payment.actual_payment_date %}
                                            {{ payment.actual_payment_date|date:"d.m.Y" }}
                                        {% else %}
                                            <span class="text-muted">—</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-end">
                                        <strong class="{% if payment.total_with_penalty > payment.total_amount %}text-danger{% endif %}">
                                            {{ payment.total_with_penalty|default:payment.total_amount|floatformat:2|intcomma }}
                                        </strong>
                                    </td>
                                    <td class="text-center">
                                        {% if payment.is_paid %}
                                            <span class="badge bg-success">
                                                <i class="bi bi-check-circle"></i> Оплачено
                                            </span>
                                        {% else %}
                                            <span class="badge bg-warning">
                                                <i class="bi bi-clock"></i> Ожидает
                                            </span>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if not payment.is_paid and user|has_role:'admin,accountant' %}
                                            <button type="button"
                                                    class="btn btn-sm btn-primary"
                                                    onclick="processPayment({{ payment.pk }})">
                                                <i class="bi bi-cash"></i> Оплатить
                                            </button>
                                        {% endif %}
                                    </td>
                                </tr>
                                {% empty %}
                                <tr>
                                    <td colspan="8" class="text-center py-3 text-muted">
                                        Платежей еще не было
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>

            </div>
        </div>
    </div>
</div>

<!-- Модальное окно для обработки платежа -->
<div class="modal fade" id="paymentModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="paymentForm" method="post">
                {% csrf_token %}
                <div class="modal-header">
                    <h5 class="modal-title">Обработка платежа</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p>Подтвердите обработку платежа</p>
                    <input type="hidden" name="payment_id" id="paymentId">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    <button type="submit" class="btn btn-primary">Подтвердить платеж</button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
function processPayment(paymentId) {
    document.getElementById('paymentId').value = paymentId;
    const modal = new bootstrap.Modal(document.getElementById('paymentModal'));
    modal.show();
}

document.getElementById('paymentForm').addEventListener('submit', function(e) {
    e.preventDefault();
    const paymentId = document.getElementById('paymentId').value;

    // Здесь можно добавить AJAX запрос для обработки платежа
    window.location.href = `/finance/credits/payment/${paymentId}/process/`;
});
</script>
{% endblock %}