{% extends "base.html" %}

{% block title %}选择题目方向{% endblock %}

{% block styles %}
<link href="{{ url_for('static', filename='css/pages/generate/wizard/select_category.css') }}" rel="stylesheet">
{% endblock %}

{% block content %}
<div class="select-category-container">
    <div class="page-header">
        <h1><i class="fas fa-compass me-2"></i>选择题目方向</h1>
        <p>选择一个方向开始生成 CTF 题目，只有已启用的方向可以进行题目生成</p>
    </div>

    {% if categories %}
    <div class="category-grid">
        {% for category in categories %}
        <a href="{{ url_for('wizard.dynamic_wizard', category_id=category.id) }}" class="category-card">
            <div class="category-icon">
                <i class="{{ (category.icon or 'flag') | icon_class }}"></i>
            </div>
            <div class="category-name">{{ category.name }}</div>
            <div class="category-desc">{{ category.description or '暂无描述' }}</div>
        </a>
        {% endfor %}
    </div>
    {% else %}
    <div class="empty-state">
        <i class="fas fa-folder-open"></i>
        <h3>暂无可用方向</h3>
        <p>管理员尚未配置或启用任何题目方向，请联系管理员进行配置</p>
        {% if current_user.is_admin %}
        <a href="{{ url_for('admin.categories') }}" class="btn btn-primary mt-3">
            <i class="fas fa-cog me-2"></i>前往配置
        </a>
        {% endif %}
    </div>
    {% endif %}
</div>
{% endblock %}