Law pages: views, urls and home cards

Wiring for the five law pages. The templates link back with {% url 'laws-home' %}.

views.py · urls.py · card

# views.py
from django.shortcuts import render

def law_capital(request):
    return render(request, "laws/law_capital_3697.html")

def law_liquidity(request):
    return render(request, "laws/law_liquidity_2709.html")

def law_large_exposure(request):
    return render(request, "laws/law_large_exposure_3283.html")

def law_macroprudential(request):
    return render(request, "laws/law_macroprudential_3618.html")

def law_asset_quality(request):
    return render(request, "laws/law_asset_quality_3937.html")


# urls.py
from django.urls import path
from . import views

urlpatterns += [
    path("laws/capital/", views.law_capital, name="laws-capital-3697"),
    path("laws/liquidity/", views.law_liquidity, name="laws-liquidity-2709"),
    path("laws/large-exposure/", views.law_large_exposure, name="laws-large-exposure-3283"),
    path("laws/macroprudential/", views.law_macroprudential, name="laws-macro-3618"),
    path("laws/asset-quality/", views.law_asset_quality, name="laws-asset-quality-3937"),
]

{% extends 'base.html' %}

{% block title %}Законы управления банками{% endblock %}

{% block extra_css %}
<style>
/* Scoped under .lw-home so the dashboard's own .card / .btn styles are untouched. */
.lw-home { padding-bottom: 3rem; color: #1f2937; }
.lw-home .lh-hero {
    background: linear-gradient(135deg, #e2d2ce, #f7cc8b);
    color: #5b3a2e;
    border-radius: 0 0 18px 18px;
    padding: 3rem 0 2.5rem;
    margin-bottom: 2rem;
    text-align: center;
}
.lw-home .lh-hero h1 { font-size: 2.3rem; font-weight: 700; margin-bottom: .75rem; }
.lw-home .lh-hero p { font-size: 1.1rem; max-width: 820px; margin: 0 auto; }
.lw-home .lh-how {
    display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-top: 1.25rem;
}
.lw-home .lh-how span {
    background: rgba(255,255,255,.6); border-radius: 999px; padding: .3rem .8rem; font-size: .88rem;
}

.lw-home .lh-card {
    display: flex; flex-direction: column; height: 100%;
    background: #fff; border-radius: 15px; padding: 1.5rem;
    box-shadow: 0 2px 10px rgba(15,23,42,.06);
    color: inherit; text-decoration: none;
    transition: transform .25s, box-shadow .25s;
}
.lw-home .lh-card:hover { transform: translateY(-6px); box-shadow: 0 10px 22px rgba(15,23,42,.12); color: inherit; }
.lw-home .lh-top { display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; }
.lw-home .lh-icon { font-size: 2.4rem; color: #e6be0f; }
.lw-home .lh-doc { font-size: .8rem; font-weight: 600; color: #1e3a8a; background: #eef2ff; border-radius: 999px; padding: .2rem .65rem; white-space: nowrap; }
.lw-home .lh-card h3 { font-size: 1.2rem; font-weight: 700; color: #1e3a8a; margin: 1rem 0 .5rem; }
.lw-home .lh-card p { color: #4b5563; font-size: .95rem; margin-bottom: 1rem; }
.lw-home .lh-nums { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1rem; }
.lw-home .lh-nums span { background: #fff8eb; border: 1px solid #fde68a; border-radius: 8px; padding: .2rem .55rem; font-size: .82rem; font-weight: 600; }
.lw-home .lh-foot { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.lw-home .lh-status { font-size: .78rem; font-weight: 700; border-radius: 999px; padding: .15rem .6rem; }
.lw-home .lh-live { background: #dcfce7; color: #15803d; }
.lw-home .lh-soon { background: #fef3c7; color: #b45309; }
.lw-home .lh-btn { background: #f59e0b; color: #fff; font-weight: 600; border-radius: 8px; padding: .4rem .9rem; font-size: .9rem; transition: background .25s; }
.lw-home .lh-card:hover .lh-btn { background: #d97706; }

.lw-home .lh-note {
    background: #fef3c7; border-left: 5px solid #f59e0b; border-radius: 10px;
    padding: 1rem 1.25rem; margin-top: 2rem; font-size: .95rem;
}
.lw-home .lh-src { font-size: .85rem; color: #6b7280; margin-top: 1.5rem; }

@media (max-width: 768px) {
    .lw-home .lh-hero { padding: 2rem 0 1.75rem; }
    .lw-home .lh-hero h1 { font-size: 1.6rem; }
    .lw-home .lh-hero p { font-size: 1rem; }
}
</style>
{% endblock extra_css %}

{% block content %}
<div class="lw-home">

    <div class="lh-hero">
        <div class="container">
            <h1>Законы управления банками</h1>
            <p>
                Ключевые нормативы Центрального банка — коротко и понятно. На каждой странице:
                суть за 30 секунд, формулы, разбор на цифрах, калькулятор и вопросы для самопроверки.
            </p>
            <div class="lh-how">
                <span><i class="fas fa-bolt"></i> За 30 секунд</span>
                <span><i class="fas fa-calculator"></i> Калькулятор</span>
                <span><i class="fas fa-person-chalkboard"></i> Пример</span>
                <span><i class="fas fa-circle-question"></i> Проверь себя</span>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-4">

            <div class="col">
                <a class="lh-card" href="{% url 'laws-capital-3697' %}">
                    <div class="lh-top"><i class="fas fa-scale-balanced lh-icon"></i><span class="lh-doc">Положение № 3697</span></div>
                    <h3>Достаточность капитала</h3>
                    <p>Базель III: сколько капитала банк держит на каждый сум риска, буферы и леверидж.</p>
                    <div class="lh-nums"><span>K1 ≥ 4,5%</span><span>K2 ≥ 6%</span><span>K3 ≥ 8%</span><span>+2,5% буфер</span><span>леверидж ≥ 3%</span></div>
                    <div class="lh-foot"><span class="lh-status lh-live">Действует с 01.01.2026</span><span class="lh-btn">Открыть</span></div>
                </a>
            </div>

            <div class="col">
                <a class="lh-card" href="{% url 'laws-liquidity-2709' %}">
                    <div class="lh-top"><i class="fas fa-droplet lh-icon"></i><span class="lh-doc">Положение № 2709</span></div>
                    <h3>Ликвидность: LCR и NSFR</h3>
                    <p>Хватит ли денег на стрессовый месяц и на год вперёд — в сумах и в валюте отдельно.</p>
                    <div class="lh-nums"><span>LCR ≥ 100%</span><span>NSFR ≥ 100%</span><span>мгновенная ≥ 25%</span><span>ВЛА ≥ 10% активов</span></div>
                    <div class="lh-foot"><span class="lh-status lh-live">Действует · ред. 07.2026</span><span class="lh-btn">Открыть</span></div>
                </a>
            </div>

            <div class="col">
                <a class="lh-card" href="{% url 'laws-large-exposure-3283' %}">
                    <div class="lh-top"><i class="fas fa-border-top-left lh-icon"></i><span class="lh-doc">Положение № 3283</span></div>
                    <h3>Максимальный размер риска</h3>
                    <p>Лимиты на одного заёмщика, группу связанных заёмщиков и лиц, связанных с банком.</p>
                    <div class="lh-nums"><span>заёмщик ≤ 25%</span><span>бланк ≤ 5%</span><span>крупные ≤ 5× T1</span><span>связанные ≤ 15% / 25%</span></div>
                    <div class="lh-foot"><span class="lh-status lh-live">Действует · ред. 07.2026</span><span class="lh-btn">Открыть</span></div>
                </a>
            </div>

            <div class="col">
                <a class="lh-card" href="{% url 'laws-macro-3618' %}">
                    <div class="lh-top"><i class="fas fa-weight-hanging lh-icon"></i><span class="lh-doc">Положение № 3618</span></div>
                    <h3>Макропруденциальные нормативы</h3>
                    <p>Кредиты физлицам: долговая нагрузка, долг к доходу, кредит к залогу и доля продуктов в портфеле.</p>
                    <div class="lh-nums"><span>ПДН ≤ 50%</span><span>DTI ≤ 8× / 5×</span><span>LTV 75% / 80%</span><span>концентрация ≤ 25%</span></div>
                    <div class="lh-foot"><span class="lh-status lh-live">Действует с 24.07.2025</span><span class="lh-btn">Открыть</span></div>
                </a>
            </div>

            <div class="col">
                <a class="lh-card" href="{% url 'laws-asset-quality-3937' %}">
                    <div class="lh-top"><i class="fas fa-circle-nodes lh-icon"></i><span class="lh-doc">Положение № 3937</span></div>
                    <h3>Классификация активов и резервы</h3>
                    <p>Пять категорий качества, связь с МСФО 9, дисконты на залог и правила реструктуризации.</p>
                    <div class="lh-nums"><span>резерв 1 / 10 / 25 / 50 / 100%</span><span>МСФО 9</span><span>дисконт залога</span></div>
                    <div class="lh-foot"><span class="lh-status lh-soon">Вступает в силу 01.01.2027</span><span class="lh-btn">Открыть</span></div>
                </a>
            </div>

        </div>

        <div class="lh-note">
            <b><i class="fas fa-triangle-exclamation"></i> Смена нормативов</b><br>
            Положение № 2693 о достаточности капитала утратило силу 01.01.2026 — его заменило № 3697.
            Положение № 2696 о классификации активов действует до 31.12.2026, с 01.01.2027 — № 3937.
        </div>

        <p class="lh-src">
            Все цифры сверены с официальными текстами на <a href="https://lex.uz" target="_blank" rel="noopener">lex.uz</a> (октябрь 2026).
            Страницы — упрощённое объяснение; юридическую силу имеет только официальный текст.
        </p>
    </div>
</div>
{% endblock %}