{% extends "admin/index.html" %}
{% load static %}

{% block extrastyle %}
<style>
    .dashboard-module {
        background: white;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        margin-bottom: 20px;
    }

    .dashboard-module h2 {
        background: #4395AB;
        color: white;
        padding: 12px 16px;
        margin: 0;
        font-size: 14px;
        font-weight: 600;
    }

    .dashboard-module .module {
        margin: 0;
        background: white;
    }

    .dashboard-module table {
        width: 100%;
    }

    .dashboard-module th {
        background: #E0F5F8;
        color: #2c7a8f;
        padding: 10px 16px;
    }

    .dashboard-module td {
        padding: 10px 16px;
        border-bottom: 1px solid #DCDFDF;
    }

    .dashboard-module tr:hover td {
        background: #E0F5F8;
    }

    /* Скрываем кнопки "Изменить" на главной странице */
    .changelink {
        display: none !important;
    }

    /* Скрываем блок "Последние действия" */
    #content-related {
        display: none !important;
    }

    /* Убираем пустое пространство справа */
    #content {
        margin-right: 0 !important;
    }

    /* Делаем сетку для разделов */
    .dashboard-modules {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        gap: 20px;
    }

    /* Стили для ссылок */
    .dashboard-module th a {
        text-decoration: none;
        font-weight: 500;
    }
</style>
{% endblock %}

{% block content %}
<div id="content-main">
    {% if app_list %}
        <div class="dashboard-modules">
            {% for app in app_list %}
                <div class="dashboard-module">
                    <h2>{{ app.name }}</h2>
                    <div class="module">
                        <table>
                            {% for model in app.models %}
                            <tr>
                                <th scope="row">
                                    <a href="{{ model.admin_url }}">{{ model.name }}</a>
                                </th>
                                <td class="actions">
                                    <!-- Кнопка "Добавить" УБРАНА на главной странице -->
                                    <!-- Кнопка "Изменить" УБРАНА -->
                                </td
                                >
                             </tr
                            >
                            {% endfor %}
                        </table
                    </div>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <p>Нет доступных разделов.</p>
    {% endif %}
</div>
{% endblock %}

{% block sidebar %}
    <!-- Полностью убираем правую колонку с последними действиями -->
{% endblock %}