{% extends 'admin/base.html.twig' %}

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

{% block page_title %}Integraciones externas{% endblock %}

{% block body %}
<div class="admin-kpi-grid">

    <div class="admin-kpi-card {% if telegram.ok %}admin-kpi-card--ok{% else %}admin-kpi-card--error{% endif %}">
        <div class="admin-kpi-icon">🤖</div>
        <div class="admin-kpi-body">
            <div class="admin-kpi-label">Bot de Telegram</div>
            {% if telegram.ok %}
                <div class="admin-kpi-value">{{ telegram.nombre }}</div>
                <div class="admin-kpi-sub">@{{ telegram.username }} · <span class="admin-badge admin-badge--success">Conectado</span></div>
            {% else %}
                <div class="admin-kpi-value">Sin conexión</div>
                <div class="admin-kpi-sub"><span class="admin-badge admin-badge--danger">Error</span> {{ telegram.error ?? '' }}</div>
            {% endif %}
        </div>
    </div>

    <div class="admin-kpi-card">
        <div class="admin-kpi-icon">💬</div>
        <div class="admin-kpi-body">
            <div class="admin-kpi-label">Grupos con Telegram</div>
            <div class="admin-kpi-value">{{ gruposConectados }}</div>
            <div class="admin-kpi-sub">grupos con bot configurado</div>
        </div>
    </div>

    <div class="admin-kpi-card {% if juegosConCache > 0 %}admin-kpi-card--ok{% else %}admin-kpi-card--warn{% endif %}">
        <div class="admin-kpi-icon">🎲</div>
        <div class="admin-kpi-body">
            <div class="admin-kpi-label">Caché BGG</div>
            <div class="admin-kpi-value">{{ juegosConCache }} / {{ totalJuegos }}</div>
            <div class="admin-kpi-sub">juegos con datos en caché</div>
        </div>
    </div>

</div>

<div class="admin-card" style="margin-top:1.5rem">
    <div class="admin-card-header">
        <h2 class="admin-card-title">Estado de integraciones</h2>
    </div>
    <table class="admin-table">
        <thead>
            <tr>
                <th>Integración</th>
                <th>Estado</th>
                <th>Detalle</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><strong>Telegram Bot API</strong></td>
                <td>
                    {% if telegram.ok %}
                        <span class="admin-badge admin-badge--success">Operativo</span>
                    {% else %}
                        <span class="admin-badge admin-badge--danger">Error</span>
                    {% endif %}
                </td>
                <td class="admin-muted">
                    {% if telegram.ok %}
                        Bot «{{ telegram.nombre }}» (@{{ telegram.username }}) · {{ gruposConectados }} grupo(s) conectado(s)
                    {% else %}
                        {{ telegram.error ?? 'Sin token configurado' }}
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td><strong>BoardGameGeek API</strong></td>
                <td><span class="admin-badge admin-badge--success">Operativo</span></td>
                <td class="admin-muted">
                    Caché local: {{ juegosConCache }} de {{ totalJuegos }} juego(s) · TTL 24h
                </td>
            </tr>
            <tr>
                <td><strong>SMTP / Mailer</strong></td>
                <td><span class="admin-badge admin-badge--warning">Parcial</span></td>
                <td class="admin-muted">Solo usado para reset de contraseña</td>
            </tr>
        </tbody>
    </table>
</div>

<div class="admin-card" style="margin-top:1rem">
    <div class="admin-card-header">
        <h2 class="admin-card-title">
            Log de errores de integraciones
            <span class="admin-count-badge">{{ logLines|length }}</span>
        </h2>
    </div>
    {% if logLines is empty %}
        <p class="admin-empty">Sin errores registrados.</p>
    {% else %}
        <div class="admin-log-viewer">
            {% for line in logLines %}
                <div class="admin-log-line {% if '.ERROR' in line %}admin-log-line--error{% elseif '.WARNING' in line %}admin-log-line--warning{% else %}admin-log-line--info{% endif %}">
                    {{ line }}
                </div>
            {% endfor %}
        </div>
    {% endif %}
</div>

<div class="admin-card" style="margin-top:1rem">
    <div class="admin-card-header">
        <h2 class="admin-card-title">Accesos rápidos</h2>
    </div>
    <div class="admin-actions-list">
        <a href="{{ path('app_admin_mantenimiento_index') }}" class="btn btn-primary">
            🔧 Herramientas de mantenimiento
        </a>
        <a href="{{ path('app_admin_notificacion_index') }}" class="btn btn-ghost">
            📣 Enviar notificación Telegram
        </a>
    </div>
</div>
{% endblock %}