{% extends "base.html" %}

{% block title %}Admin Panel - Inspection Reporting Tool{% endblock %}

{% block content %}
<div class="mb-8">
    <h1 class="text-3xl font-bold text-gray-900 mb-2">Admin Panel</h1>
    <p class="text-gray-600">Manage users, inspections, and system settings</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
    <div class="bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-blue-100 text-blue-600 mr-4">
                <i class="fas fa-users text-xl"></i>
            </div>
            <div>
                <h3 class="text-lg font-semibold text-gray-900">User Management</h3>
                <p class="text-sm text-gray-500">Manage system users and permissions</p>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('admin.users') }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium">Manage Users</a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-green-100 text-green-600 mr-4">
                <i class="fas fa-file-alt text-xl"></i>
            </div>
            <div>
                <h3 class="text-lg font-semibold text-gray-900">Inspection Management</h3>
                <p class="text-sm text-gray-500">View and manage inspection reports</p>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('admin.inspections') }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium">Manage Inspections</a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-purple-100 text-purple-600 mr-4">
                <i class="fas fa-cog text-xl"></i>
            </div>
            <div>
                <h3 class="text-lg font-semibold text-gray-900">System Settings</h3>
                <p class="text-sm text-gray-500">Configure application settings</p>
            </div>
        </div>
        <div class="mt-4">
            <a href="{{ url_for('admin.settings') }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium">Configure Settings</a>
        </div>
    </div>
</div>

<div class="bg-white rounded-lg shadow-md p-6">
    <h2 class="text-xl font-semibold text-gray-900 mb-4">Recent Activity</h2>
    <div class="space-y-4">
        <div class="flex items-start">
            <div class="flex-shrink-0">
                <div class="p-2 bg-blue-100 rounded-full">
                    <i class="fas fa-user-plus text-blue-600"></i>
                </div>
            </div>
            <div class="ml-3">
                <p class="text-sm font-medium text-gray-900">New user registered</p>
                <p class="text-sm text-gray-500">John Doe registered an account</p>
            </div>
        </div>
        <div class="flex items-start">
            <div class="flex-shrink-0">
                <div class="p-2 bg-green-100 rounded-full">
                    <i class="fas fa-file-alt text-green-600"></i>
                </div>
            </div>
            <div class="ml-3">
                <p class="text-sm font-medium text-gray-900">Inspection completed</p>
                <p class="text-sm text-gray-500">Installation A - Inspection #123 completed</p>
            </div>
        </div>
        <div class="flex items-start">
            <div class="flex-shrink-0">
                <div class="p-2 bg-purple-100 rounded-full">
                    <i class="fas fa-cog text-purple-600"></i>
                </div>
            </div>
            <div class="ml-3">
                <p class="text-sm font-medium text-gray-900">System settings updated</p>
                <p class="text-sm text-gray-500">Email notifications settings modified</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}