{% extends "base.html" %}

{% block title %}Главная - DataAudit Platform{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Платформа для внутреннего аудита и аналитики</h1>
</div>

<div class="page-content">
    <!-- Cards Grid -->
    <div class="home-cards-grid">
        <!-- Card 1: GRC Процессы -->
        <a href="/workflows" class="home-card">
            <div class="card-icon">
                <i data-lucide="git-branch"></i>
            </div>
            <h3 class="card-title">GRC Процессы</h3>
            <p class="card-description">Управление аудиторскими процессами, согласованиями и контроль выполнения проверок. Рабочие потоки и мониторинг задач.</p>
        </a>

        <!-- Card 2: BI и Аналитика -->
        <a href="/analytics" class="home-card">
            <div class="card-icon">
                <i data-lucide="bar-chart-2"></i>
            </div>
            <h3 class="card-title">BI и Аналитика</h3>
            <p class="card-description">Интерактивные дашборды для анализа данных. Визуализация показателей, построение графиков и мониторинг ключевых метрик.</p>
        </a>

        <!-- Card 3: Мои отчёты -->
        <a href="/my-reports" class="home-card">
            <div class="card-icon">
                <i data-lucide="bookmark"></i>
            </div>
            <h3 class="card-title">Мои отчёты</h3>
            <p class="card-description">Персональные закладки на часто используемые отчёты. Быстрый доступ к DataMax, SharePoint, Superset и другим системам.</p>
        </a>

        <!-- Card 4: Полезные ссылки -->
        <a href="/useful-links" class="home-card">
            <div class="card-icon">
                <i data-lucide="external-link"></i>
            </div>
            <h3 class="card-title">Полезные ссылки</h3>
            <p class="card-description">Ресурсы для работы аудитора: регуляторы, законодательство, внутренние порталы и инструменты банка.</p>
        </a>

        <!-- Card 5: Настройки -->
        <a href="/settings" class="home-card">
            <div class="card-icon">
                <i data-lucide="settings"></i>
            </div>
            <h3 class="card-title">Настройки</h3>
            <p class="card-description">Конфигурация платформы, управление подключениями и персональные настройки.</p>
        </a>
    </div>
</div>
{% endblock %}