{% extends "base.html" %}

{% block title %}Gestionar Fuentes URL{% endblock %}

{% block content %}
<div class="card feed-detail-card">
    <div class="feed-header">
        <h2>Lista de Fuentes URL ({{ fuentes|length }})</h2>
        <div class="nav-actions">
            <a href="{{ url_for('add_url_source') }}" class="btn btn-small"><i class="fas fa-plus"></i> Añadir URL</a>
        </div>
    </div>
    <div class="feed-body" style="padding: 0;">
        <table style="width:100%; border-collapse: collapse;">
            <thead>
                <tr style="background-color: rgba(0,0,0,0.05);">
                    <th style="padding: 12px 15px; text-align: left;">Nombre</th>
                    <th style="padding: 12px 15px; text-align: left;">Categoría</th>
                    <th style="padding: 12px 15px; text-align: left;">País</th>
                    <th style="padding: 12px 15px; text-align: right;">Acciones</th>
                </tr>
            </thead>
            <tbody>
                {% for fuente in fuentes %}
                <tr>
                    <td style="padding: 12px 15px; border-top: 1px solid var(--border-color);">
                        <a href="{{ fuente.url }}" target="_blank" title="{{ fuente.url }}">{{ fuente.nombre }}</a>
                    </td>
                    <td style="padding: 12px 15px; border-top: 1px solid var(--border-color);">{{ fuente.categoria or 'N/A' }}</td>
                    <td style="padding: 12px 15px; border-top: 1px solid var(--border-color);">{{ fuente.pais or 'Global' }}</td>
                    <td style="padding: 12px 15px; text-align: right; border-top: 1px solid var(--border-color);">
                        <a href="{{ url_for('edit_url_source', url_id=fuente.id) }}" class="btn btn-small btn-info"><i class="fas fa-edit"></i></a>
                        <a href="{{ url_for('delete_url_source', url_id=fuente.id) }}" class="btn btn-small btn-danger" onclick="return confirm('¿Estás seguro?')"><i class="fas fa-trash"></i></a>
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="4" style="padding: 20px; text-align: center;">No hay fuentes URL para mostrar.</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}