{% extends "base.html" %}
{% block title %}Главная — Тестирование персонала{% endblock %}

{% block content %}
<h1 class="text-2xl font-semibold text-ink-900 mb-5">Тестирование персонала</h1>

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">

  {# Статистика #}
  <a href="{{ url_for('main.stats_page') }}"
     class="rounded-2xl bg-white border border-ink-300/50 shadow-sm p-5 flex flex-col gap-3
            hover:shadow-md hover:border-brand-300 transition-all group">
    <div class="flex items-center gap-3">
      <span class="material-symbols-outlined text-brand-500 text-2xl">bar_chart</span>
      <h2 class="font-semibold text-ink-900">Статистика</h2>
    </div>
    <p class="text-sm text-ink-500 flex-1">Прохождения по отделам, общая динамика и последняя активность.</p>
    <span class="inline-flex items-center gap-1 text-xs font-medium text-brand-600 group-hover:underline">
      Открыть <span class="material-symbols-outlined text-sm">arrow_forward</span>
    </span>
  </a>

  {# Тесты #}
  <a href="{{ url_for('tests.tests_list_page') }}"
     class="rounded-2xl bg-white border border-ink-300/50 shadow-sm p-5 flex flex-col gap-3
            hover:shadow-md hover:border-brand-300 transition-all group">
    <div class="flex items-center gap-3">
      <span class="material-symbols-outlined text-brand-500 text-2xl">list_alt</span>
      <h2 class="font-semibold text-ink-900">Тесты</h2>
    </div>
    <p class="text-sm text-ink-500 flex-1">Каталог тестов, создание, редактирование и прохождение.</p>
    <span class="inline-flex items-center gap-1 text-xs font-medium text-brand-600 group-hover:underline">
      Открыть <span class="material-symbols-outlined text-sm">arrow_forward</span>
    </span>
  </a>

  {# Назначения #}
  <a href="{{ url_for('main.assignments_page') }}"
     class="rounded-2xl bg-white border border-ink-300/50 shadow-sm p-5 flex flex-col gap-3
            hover:shadow-md hover:border-brand-300 transition-all group">
    <div class="flex items-center gap-3">
      <span class="material-symbols-outlined text-brand-500 text-2xl">assignment_ind</span>
      <h2 class="font-semibold text-ink-900">Назначения</h2>
    </div>
    <p class="text-sm text-ink-500 flex-1">Выдача тестов сотрудникам и отделам.</p>
    <span class="inline-flex items-center gap-1 text-xs font-medium text-brand-600 group-hover:underline">
      Открыть <span class="material-symbols-outlined text-sm">arrow_forward</span>
    </span>
  </a>

  {# Настройки ИИ #}
  <a href="{{ url_for('settings.prompts_page') }}"
     class="rounded-2xl bg-white border border-ink-300/50 shadow-sm p-5 flex flex-col gap-3
            hover:shadow-md hover:border-brand-300 transition-all group">
    <div class="flex items-center gap-3">
      <span class="material-symbols-outlined text-brand-500 text-2xl">psychology</span>
      <h2 class="font-semibold text-ink-900">Настройки ИИ</h2>
    </div>
    <p class="text-sm text-ink-500 flex-1">Редактор промптов — генерация вопросов, дистракторы, улучшение теста.</p>
    <span class="inline-flex items-center gap-1 text-xs font-medium text-brand-600 group-hover:underline">
      Открыть <span class="material-symbols-outlined text-sm">arrow_forward</span>
    </span>
  </a>

</div>
{% endblock %}