{% extends "base.html" %}

{% block title %}{{ title }}{% endblock %}

{% block content %}

<div class="admin-header">
    <div class="container">
        <h1>Panel de Administración</h1>
        <p>Gestione todos los aspectos de su sitio web desde aquí</p>
    </div>
</div>

<div class="admin-content">
    <div class="container">
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
            
            <!-- Blog y Artículos -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-newspaper"></i>
                        </div>
                        <h3>Blog y Artículos</h3>
                    </div>
                    <div class="card-body">
                        <p>Gestione artículos del blog, categorías y comentarios.</p>
                        <div class="admin-links">
                            <a href="{{ url_for('admin.list_articles') }}">
                                <i class="fas fa-list me-2"></i> Ver todos los artículos
                            </a>
                            <a href="{{ url_for('admin.create_article') }}">
                                <i class="fas fa-plus me-2"></i> Nuevo artículo
                            </a>
                            <a href="{{ url_for('admin.categories') }}">
                                <i class="fas fa-tags me-2"></i> Categorías
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Usuarios y Roles -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <h3>Usuarios y Roles</h3>
                    </div>
                    <div class="card-body">
                        <p>Administre usuarios, roles y permisos del sistema.</p>
                        <div class="admin-links">
                            <a href="{{ url_for('admin.list_users') }}">
                                <i class="fas fa-user me-2"></i> Gestionar usuarios
                            </a>
                            <a href="{{ url_for('admin.list_roles') }}">
                                <i class="fas fa-key me-2"></i> Roles y permisos
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Estadísticas -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-chart-bar"></i>
                        </div>
                        <h3>Estadísticas</h3>
                    </div>
                    <div class="card-body">
                        <p>Visualice métricas y estadísticas de uso de la plataforma.</p>
                        <div class="admin-links">
                            <a href="{{ url_for('admin.dashboard') }}">
                                <i class="fas fa-tachometer-alt me-2"></i> Dashboard
                            </a>
                            <a href="{{ url_for('admin.reports') }}">
                                <i class="fas fa-file-alt me-2"></i> Informes
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Gestión de Facturas -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-file-invoice"></i>
                        </div>
                        <h3>Gestión de Facturas</h3>
                    </div>
                    <div class="card-body">
                        <p>Administre las facturas subidas por los usuarios y sus análisis.</p>
                        <div class="admin-links">
                            <a href="{{ url_for('admin.list_invoices') }}">
                                <i class="fas fa-list-alt me-2"></i> Ver todas las facturas
                            </a>
                            <a href="{{ url_for('admin.leads') }}">
                                <i class="fas fa-user-check me-2"></i> Leads generados
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Sistema de Ahorro -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-bolt"></i>
                        </div>
                        <h3>Sistema de Ahorro</h3>
                    </div>
                    <div class="card-body">
                        <p>Configure las tarifas, precios y ajustes del sistema comparador de ahorro.</p>
                        <div class="admin-links">
                            <a href="{{ url_for('admin.configure_tariffs') }}">
                                <i class="fas fa-sliders-h me-2"></i> Configurar tarifas
                            </a>
                            <a href="{{ url_for('admin.price_rules') }}">
                                <i class="fas fa-euro-sign me-2"></i> Reglas de precios
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Estudio de Ahorro Comercial -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-chart-line"></i>
                        </div>
                        <h3>Estudio de Ahorro Comercial</h3>
                    </div>
                    <div class="card-body">
                        <p>Acceda al comparador de tarifas con vista de todos los planes disponibles para presentar al cliente.</p>
                        <div class="text-center mt-4">
                            <a href="/facturas-comercial/estudio-gratuito" class="btn btn-primary btn-lg">
                                <i class="fas fa-percentage me-2"></i> Iniciar Estudio Comercial
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Seguridad / Rate Limiting -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-shield-alt"></i>
                        </div>
                        <h3>Seguridad</h3>
                    </div>
                    <div class="card-body">
                        <p>Configure ajustes de seguridad, límites de peticiones y bloqueos.</p>
                        <div class="admin-links">
                            <a href="{{ url_for('admin.security_settings') }}">
                                <i class="fas fa-lock me-2"></i> Ajustes de seguridad
                            </a>
                            <a href="{{ url_for('admin.rate_limits') }}">
                                <i class="fas fa-tachometer-alt me-2"></i> Límites de peticiones
                            </a>
                            <a href="{{ url_for('admin.blocked_ips') }}">
                                <i class="fas fa-ban me-2"></i> IPs bloqueadas
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Configuración -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-cogs"></i>
                        </div>
                        <h3>Configuración</h3>
                    </div>
                    <div class="card-body">
                        <p>Configure los ajustes globales del sistema.</p>
                        <div class="admin-links">
                            <a href="{{ url_for('admin.general_settings') }}">
                                <i class="fas fa-wrench me-2"></i> Ajustes generales
                            </a>
                            <a href="{{ url_for('admin.mail_settings') }}">
                                <i class="fas fa-envelope me-2"></i> Configuración de correo
                            </a>
                            <a href="{{ url_for('admin.system_logs') }}">
                                <i class="fas fa-clipboard-list me-2"></i> Registros del sistema
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Backup y Restauración -->
            <div class="col">
                <div class="admin-module-card">
                    <div class="card-header">
                        <div class="card-icon">
                            <i class="fas fa-database"></i>
                        </div>
                        <h3>Copias de Seguridad</h3>
                    </div>
                    <div class="card-body">
                        <p>Gestione copias de seguridad y restauración del sistema.</p>
                        <div class="admin-links">
                            <a href="{{ url_for('admin.create_backup') }}">
                                <i class="fas fa-download me-2"></i> Crear copia de seguridad
                            </a>
                            <a href="{{ url_for('admin.restore') }}">
                                <i class="fas fa-upload me-2"></i> Restaurar sistema
                            </a>
                            <a href="{{ url_for('admin.scheduled_backups') }}">
                                <i class="fas fa-calendar me-2"></i> Copias programadas
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>

{% endblock %}