new_base

{% extends "base.html" %}
{% load static %}
{% load humanize %}
{% load currency_filters %}

{% block extra_css %}
<link href="{% static 'css/dashboard.css' %}" rel="stylesheet">
<link href="{% static 'css/pages/general_home.css' %}" rel="stylesheet">
{% endblock extra_css %}

{% block content %}

{% if user.is_authenticated %}

{# {% url %} cannot be called inside {% include ... with %}, so resolve them here first #}
{% url 'home-all' as url_all %}
{% url 'home-kk'  as url_kk %}
{% url 'home-rk'  as url_rk %}
{% url 'home-mk'  as url_mk %}
{% url 'currency_home' currency='local'  dept='all' as url_local %}
{% url 'currency_home' currency='global' dept='all' as url_global %}

<main class="px-2 py-3">
    <div class="container-fluid">

        <!-- Header Section -->
        <div class="row g-4 mb-4">
            <div class="d-flex flex-row gap-2">
                <a href="{{ url_all }}" class="btn btn-outline-secondary btn-alfa">Все</a>
                <a href="{{ url_kk }}" class="btn btn-outline-secondary btn-alfa">Корпоративный</a>
                <a href="{{ url_rk }}" class="btn btn-outline-secondary btn-alfa">Розничный</a>
                <a href="{{ url_mk }}" class="btn btn-outline-secondary btn-alfa">Малый</a>
                <a href="{% url 'download-excel-summary' %}" class="btn btn-warning btn-download ms-3"
                   data-bs-toggle="tooltip" data-bs-placement="top"
                   title="Скачать сводную таблицу в формате excel.">
                    <i class="fa-solid fa-file-arrow-down"></i> Скачать
                </a>
            </div>
            <h1 class="page-header">Кредитный портфель за {{ df_name }}</h1>
        </div>

        <!-- Total Value Cards -->
        <div class="row g-4 mb-4">
            {% include "general/partials/_stat_card.html" with label="КП &#8667; Женщина" value=female_lp npl=female_npl percent=female_percent gradient="gradient-total" icon="fa-person-dress" info_width="97%" %}

            {% include "general/partials/_stat_card.html" with label="КП &#8667; Мужчина" value=male_lp npl=male_npl percent=male_percent gradient="gradient-total" icon="fa-person" info_width="97%" %}

            {% include "general/partials/_stat_card.html" with col_class="col-xl-4 col-md-6" url=url_all label="Кредитный Портфель (Все)" label_class="stat-label-1" value_prefix="Портфель: " value=lp_total npl=npl_total percent=npl_total_percent gradient="gradient-total" info_class="overdue-info" info_width="97%" icon="fa-landmark" icon_size="fa-2x" %}

            {% include "general/partials/_stat_card.html" with url=url_local label="КП &#8667; Нац. Валюта" value=national_lp npl=national_npl percent=national_percent gradient="gradient-total" icon="fa-coins" info_width="97%" rate=local_interest_rate rate_title="Средняя процентная ставка по кредитам, выданным в узбекских сумах." %}

            {% include "general/partials/_stat_card.html" with url=url_global label="КП &#8667; Иноц. Валюта" value=foreign_lp npl=foreign_npl percent=foreign_percent gradient="gradient-total" icon="fa-dollar-sign" info_width="97%" rate=global_interest_rate rate_title="Средняя процентная ставка по кредитам, выданным в иностранной валюте." %}
        </div>

        <hr>
        <h3 class="page-header">Кредитный Портфель по Департаментам</h3>

        <!-- Department Cards -->
        <div class="row g-4 mb-4">
            {% include "general/partials/_stat_card.html" with col_class="col-xl-4 col-md-6" url=url_kk label="Корпоративное Кредитование" value_prefix="Портфель: " value=lp_kk npl=npl_kk percent=lp_kk_percent gradient="gradient-corporate" body_class="card-body" info_class="overdue-info" icon="fa-briefcase" icon_size="fa-2x" %}

            {% include "general/partials/_stat_card.html" with col_class="col-xl-4 col-md-6" url=url_rk label="Розничное Кредитование" value_prefix="Портфель: " value=lp_rk npl=npl_rk percent=lp_rk_percent gradient="gradient-medium" body_class="card-body" info_class="overdue-info" icon="fa-credit-card" icon_size="fa-2x" %}

            {% include "general/partials/_stat_card.html" with col_class="col-xl-4 col-md-6" url=url_mk label="Малое Кредитование" value_prefix="Портфель: " value=lp_mk npl=npl_mk percent=lp_mk_percent gradient="gradient-small" body_class="card-body" info_class="overdue-info" icon="fa-store" icon_size="fa-2x" %}
        </div>

        <!-- Charts Row -->
        <div class="row g-4 mb-4">
            {% include "general/partials/_chart_card.html" with title="Корпоративные кредиты по филиалам" figure=fig_kk %}
            {% include "general/partials/_chart_card.html" with title="Розничные кредиты по филиалам" figure=fig_rk %}
            {% include "general/partials/_chart_card.html" with title="Малые кредиты по филиалам" figure=fig_mk %}
        </div>

    </div>
</main>

{% else %}
    {% include "partials/_login_required.html" %}
{% endif %}

{% endblock content %}