{% extends "base.html" %}

{% block title %}首页 - PT Manager{% endblock %}

{% block page_title %}仪表板{% endblock %}

{% block content %}
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
    <div class="bg-white rounded-lg shadow-md p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-blue-100 text-blue-600 mr-4">
                <i class="fas fa-globe fa-lg"></i>
            </div>
            <div>
                <p class="text-gray-500 text-sm">站点管理</p>
                <h3 class="text-xl font-bold">NexusPHP</h3>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('site.site_index') }}"
                class="text-blue-600 hover:text-blue-800 text-sm font-medium inline-flex items-center">
                进入管理 <i class="fas fa-arrow-right ml-1"></i>
            </a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-green-100 text-green-600 mr-4">
                <i class="fas fa-download fa-lg"></i>
            </div>
            <div>
                <p class="text-gray-500 text-sm">下载客户端</p>
                <h3 class="text-xl font-bold">qBittorrent</h3>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('qbittorrent.qbittorrent_index') }}"
                class="text-blue-600 hover:text-blue-800 text-sm font-medium inline-flex items-center">
                进入管理 <i class="fas fa-arrow-right ml-1"></i>
            </a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-purple-100 text-purple-600 mr-4">
                <i class="fas fa-cloud-download-alt fa-lg"></i>
            </div>
            <div>
                <p class="text-gray-500 text-sm">下载客户端</p>
                <h3 class="text-xl font-bold">Transmission</h3>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('transmission.transmission_index') }}"
                class="text-blue-600 hover:text-blue-800 text-sm font-medium inline-flex items-center">
                进入管理 <i class="fas fa-arrow-right ml-1"></i>
            </a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-yellow-100 text-yellow-600 mr-4">
                <i class="fas fa-users fa-lg"></i>
            </div>
            <div>
                <p class="text-gray-500 text-sm">用户管理</p>
                <h3 class="text-xl font-bold">用户中心</h3>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('user.user_index') }}"
                class="text-blue-600 hover:text-blue-800 text-sm font-medium inline-flex items-center">
                进入管理 <i class="fas fa-arrow-right ml-1"></i>
            </a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-red-100 text-red-600 mr-4">
                <i class="fas fa-cog fa-lg"></i>
            </div>
            <div>
                <p class="text-gray-500 text-sm">系统配置</p>
                <h3 class="text-xl font-bold">设置</h3>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('settings.settings_index') }}"
                class="text-blue-600 hover:text-blue-800 text-sm font-medium inline-flex items-center">
                进入管理 <i class="fas fa-arrow-right ml-1"></i>
            </a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-indigo-100 text-indigo-600 mr-4">
                <i class="fas fa-key fa-lg"></i>
            </div>
            <div>
                <p class="text-gray-500 text-sm">账户安全</p>
                <h3 class="text-xl font-bold">修改密码</h3>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('auth.change_password') }}"
                class="text-blue-600 hover:text-blue-800 text-sm font-medium inline-flex items-center">
                进入管理 <i class="fas fa-arrow-right ml-1"></i>
            </a>
        </div>
    </div>
</div>
{% endblock %}