{% extends "base.html" %}
{% block title %}Dashboard de Feeds{% endblock %}

{% block content %}
<header>
    <h1>Dashboard de Feeds</h1>
    <p class="subtitle">Un resumen del estado de tu agregador de noticias.</p>
    <a href="{{ url_for('home') }}" class="top-link">← Volver a las Noticias</a>
</header>

<div class="dashboard-grid">
    <div class="stat-card">
        <div class="stat-number">{{ stats.feeds_totales }}</div>
        <div class="stat-label">Feeds Totales</div>
    </div>
    <div class="stat-card">
        <div class="stat-number">{{ stats.noticias_totales }}</div>
        <div class="stat-label">Noticias Recopiladas</div>
    </div>
    <div class="stat-card">
        <div class="stat-number" style="background: linear-gradient(135deg, #f72585 0%, #7209b7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
            {{ stats.feeds_caidos }}
        </div>
        <div class="stat-label">Feeds Caídos / Inactivos</div>
    </div>
</div>

<div class="card">
    <h2 style="text-align: center; margin-bottom: 20px;">Opciones de Backup</h2>
    <p style="text-align: center; color: var(--text-color-light); margin-bottom: 25px;">
        Exporta tus datos para mantener copias de seguridad seguras
    </p>
    
    <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
        <a href="{{ url_for('backup_feeds') }}" class="btn" style="display: inline-flex; align-items: center; gap: 8px;">
            <i class="fas fa-file-csv"></i> Feeds (CSV)
        </a>
        <a href="{{ url_for('backup_noticias') }}" class="btn" style="display: inline-flex; align-items: center; gap: 8px;">
            <i class="fas fa-file-csv"></i> Noticias (CSV)
        </a>
        <a href="{{ url_for('backup_completo') }}" class="btn" style="background: linear-gradient(135deg, #00b894 0%, #00cec9 100%); display: inline-flex; align-items: center; gap: 8px;">
            <i class="fas fa-file-archive"></i> Completo (ZIP)
        </a>
    </div>
</div>

<div class="card" style="text-align: center; margin-top: 30px;">
    <h2 style="margin-bottom: 20px;">Gestionar Feeds</h2>
    <p style="color: var(--text-color-light); margin-bottom: 25px;">
        Administra tu lista de fuentes de noticias
    </p>
    <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
        <a href="{{ url_for('manage_feeds') }}" class="btn" style="display: inline-flex; align-items: center; gap: 8px;">
            <i class="fas fa-list"></i> Lista Completa
        </a>
        <a href="{{ url_for('add_feed') }}" class="btn" style="display: inline-flex; align-items: center; gap: 8px;">
            <i class="fas fa-plus"></i> Nuevo Feed
        </a>
        <a href="{{ url_for('restore_feeds') }}" class="btn btn-secondary" style="display: inline-flex; align-items: center; gap: 8px;">
            <i class="fas fa-file-import"></i> Importar
        </a>
    </div>
</div>
{% endblock %}