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

{% block content %}
<div class="dashboard-grid">
    <div class="stat-card">
        <div class="stat-number">{{ stats.feeds_totales }}</div>
        <div class="stat-label">Feeds RSS 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 y Restauración</h2>
    <p style="text-align: center; color: var(--text-color-light); margin-bottom: 25px;">
        Exporta tus datos para mantener copias de seguridad o restaura desde un archivo.
    </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>
        <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 Feeds
        </a>
    </div>
</div>
{% endblock %}