{% extends 'admin/layout.html.twig' %}

{% block title %}Ипотека{% endblock %}

{% block body %}

    <div class="page-header">
        <div class="row align-items-center">
            <div class="col">
                <h2 class="page-title">
                    Ипотека
                </h2>
            </div>
            <div class="col-auto ms-auto">
                <div class="btn-list">

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

    <div class="card mb-3">
        <div class="card-header">
            <div class="card-title">
                Ипотечные программы
            </div>
            <div class="card-actions">
                <a href="{{ path('admin_mortgage_credit_add') }}" class="btn btn-primary">Добавить</a>
            </div>
        </div>
        <div class="card-body ">
            <div class="row row-cards row-deck">
                {% for credit in credits %}
                    <div class="col-md-6 col-lg-3 col-xl-2">
                        <a href="{{ path('admin_mortgage_credit_edit', {id: credit.id}) }}" class="card card-link">
                            <div class="badge bg-blue-lt">{{ credit.bank.name|default }}</div>
                            <div class="card-body">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <div class="font-weight-medium">
                                            {{ credit.name }}
                                        </div>
                                        <small class="text-muted">
                                            Ставка {{ credit.percent }}%; Первый взнос, {{ credit.downPayment }}%; Минимальный срок {{ credit.period }} лет;
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                {% endfor %}

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


    <div class="card mb-3">
        <div class="card-header">
            <div class="card-title">
                Специальные программы
            </div>
            <div class="card-actions">
                <a href="{{ path('admin_mortgage_program_add') }}" class="btn btn-primary">Добавить </a>
            </div>
        </div>
        <div class="card-body ">
            <div class="row row-cards row-deck">
                {% for program in programs %}
                    <div class="col-md-6 col-lg-4 col-xl-3">
                        <a href="{{ path('admin_mortgage_program_edit', {id: program.id}) }}" class="card card-link">
                            <div class="card-body">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <div class="text-truncate">
                                            {{ program.name }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>


    <div class="card mb-3">
        <div class="card-header">
            <div class="card-title">
                Банки
            </div>
            <div class="card-actions">
                <a href="{{ path('admin_mortgage_bank_add') }}" class="btn btn-primary">Добавить </a>
            </div>
        </div>
        <div class="card-body ">
            <div class="row row-cards row-deck">
                {% for bank in banks %}
                    <div class="col-md-6 col-lg-3 col-xl-2">
                        <a href="{{ path('admin_mortgage_bank_edit', {id : bank.id}) }}" class="card card-link">
                            <div class="card-body">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        {% if bank.logo %}
                                            <span class="avatar bg-transparent" style="background-size: contain;background-image: url('{{ bank.logo.url }}')"></span>
                                        {% else %}
                                            <span class="avatar">
                                                {{ bank.name|title|split(' ')|map(v => v[:1])|join }}
                                            </span>
                                        {% endif %}
                                    </div>
                                    <div class="col">
                                        <div class="text-truncate">
                                            {{ bank.name }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}