{% extends '@administration/base.html.twig' %}

{% block title %}Lizenzstatus - TerraFlowCMS{% endblock %}

{% block body %}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card shadow">
                <div class="card-header bg-primary text-white">
                    <h3 class="mb-0">
                        <i class="bi bi-shield-check me-2"></i>
                        Lizenzstatus
                    </h3>
                </div>
                <div class="card-body">
                    <!-- Lizenzschlüssel -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <strong>Lizenzschlüssel:</strong>
                            <code class="d-block mt-1">{{ licenseKey|slice(0, 8) }}...{{ licenseKey|slice(-8) }}</code>
                        </div>
                    </div>

                    <!-- Status -->
                    <div class="alert alert-{{ data.valid ? 'success' : 'danger' }} d-flex align-items-center">
                        <i class="bi bi-{{ data.valid ? 'check-circle' : 'exclamation-triangle' }} me-2"></i>
                        <div>
                            <strong>
                                {% if data.valid %}
                                    Lizenz ist gültig
                                {% else %}
                                    Lizenz ist ungültig
                                {% endif %}
                            </strong>
                            {% if data.error is defined and data.error %}
                                <br><small>{{ data.error }}</small>
                            {% endif %}
                        </div>
                    </div>

                    {% if data.valid and data.license %}
                    <!-- Lizenzdetails -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card bg-light">
                                <div class="card-body">
                                    <h6 class="card-title">Lizenzdetails</h6>
                                    <ul class="list-unstyled mb-0">
                                        <li><strong>Typ:</strong> {{ data.license.type }}</li>
                                        <li><strong>Gültig bis:</strong> {{ data.license.validUntil ?? data.license.valid_until }}</li>
                                        <li><strong>Kunde:</strong> {{ data.license.customer ?? 'Nicht verfügbar' }}</li>
                                        {% if data.license.daysRemaining is defined %}
                                        <li><strong>Verbleibend:</strong> {{ data.license.daysRemaining }} Tage</li>
                                        {% endif %}
                                    </ul>
                                </div>
                            </div>
                        </div>
{#                        <div class="col-md-6">#}
{#                            <div class="card bg-light">#}
{#                                <div class="card-body">#}
{#                                    <h6 class="card-title">Features</h6>#}
{#                                    {% if data.license.features %}#}
{#                                        <ul class="list-unstyled mb-0">#}
{#                                            {% for feature in data.license.features %}#}
{#                                            <li><i class="bi bi-check text-success me-2"></i>{{ feature }}</li>#}
{#                                            {% endfor %}#}
{#                                        </ul>#}
{#                                    {% else %}#}
{#                                        <p class="text-muted mb-0">Keine spezifischen Features definiert</p>#}
{#                                    {% endif %}#}
{#                                </div>#}
{#                            </div>#}
{#                        </div>#}
                    </div>

                    <!-- Plan-Informationen -->
                    {% if data.license.plan is defined %}
                    <div class="card mb-4">
                        <div class="card-header">
                            <h6 class="mb-0">Plan-Informationen</h6>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <strong>Name:</strong><br>
                                    {% if data.license.plan is iterable %}
                                        {{ data.license.plan.name ?? 'Nicht verfügbar' }}
                                    {% else %}
                                        {{ data.license.plan }}
                                    {% endif %}
                                </div>
                                <div class="col-md-3">
                                    <strong>Label:</strong><br>
                                    {% if data.license.plan is iterable %}
                                        {{ data.license.plan.label ?? 'Nicht verfügbar' }}
                                    {% else %}
                                        {{ data.license.plan }}
                                    {% endif %}
                                </div>
                                <div class="col-md-3">
                                    <strong>Max. Domains:</strong><br>
                                    {% if data.license.plan is iterable %}
                                        {{ data.license.plan.maxDomains ?? 'Unbegrenzt' }}
                                    {% else %}
                                        Unbegrenzt
                                    {% endif %}
                                </div>
                                <div class="col-md-3">
                                    <strong>Max. Benutzer:</strong><br>
                                    {% if data.license.plan is iterable %}
                                        {{ data.license.plan.maxUsers ?? 'Unbegrenzt' }}
                                    {% else %}
                                        Unbegrenzt
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endif %}
                    {% endif %}

                    <!-- Letzte Prüfung -->
                    {% if data.last_check %}
                    <div class="alert alert-info">
                        <i class="bi bi-clock me-2"></i>
                        <strong>Letzte Prüfung:</strong> {{ data.last_check }}
                    </div>
                    {% endif %}

                    <!-- Aktionen -->
                    <div class="d-flex gap-2 flex-wrap">
                        <button type="button" class="btn btn-primary" onclick="checkLicense()">
                            <i class="bi bi-arrow-clockwise me-2"></i>
                            Erneut prüfen
                        </button>
                        
                        {% if not data.valid %}
                        <button type="button" class="btn btn-success" onclick="activateLicense()">
                            <i class="bi bi-play-circle me-2"></i>
                            Lizenz aktivieren
                        </button>
                        {% endif %}
                        
{#                        <button type="button" class="btn btn-info" onclick="getFeatures()">#}
{#                            <i class="bi bi-list-check me-2"></i>#}
{#                            Features abrufen#}
{#                        </button>#}
                        
{#                        <a href="{{ licenseServerUrl }}" target="_blank" class="btn btn-secondary">#}
{#                            <i class="bi bi-external-link me-2"></i>#}
{#                            License Server#}
{#                        </a>#}
                    </div>

                    <!-- Status-Updates -->
                    <div id="statusUpdates" class="mt-4"></div>
                </div>
            </div>

            <!-- Debug-Informationen (nur für Admins) -->
        </div>
    </div>
</div>

<script>
function checkLicense() {
    const btn = event.target;
    const originalText = btn.innerHTML;
    btn.innerHTML = '<i class="bi bi-hourglass-split me-2"></i>Prüfe...';
    btn.disabled = true;

    fetch('/_/license/check')
        .then(response => response.json())
        .then(data => {
            showStatusUpdate('Lizenzprüfung abgeschlossen', data.valid ? 'success' : 'danger');
            if (data.valid) {
                location.reload();
            } else {
                showStatusUpdate('Fehler: ' + (data.error || 'Unbekannter Fehler'), 'danger');
            }
        })
        .catch(error => {
            showStatusUpdate('Fehler bei der Prüfung: ' + error.message, 'danger');
        })
        .finally(() => {
            btn.innerHTML = originalText;
            btn.disabled = false;
        });
}

function activateLicense() {
    const btn = event.target;
    const originalText = btn.innerHTML;
    btn.innerHTML = '<i class="bi bi-hourglass-split me-2"></i>Aktiviere...';
    btn.disabled = true;

    fetch('/_/license/activate', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                showStatusUpdate('Lizenz erfolgreich aktiviert', 'success');
                setTimeout(() => location.reload(), 2000);
            } else {
                showStatusUpdate('Fehler: ' + (data.error || 'Aktivierung fehlgeschlagen'), 'danger');
            }
        })
        .catch(error => {
            showStatusUpdate('Fehler bei der Aktivierung: ' + error.message, 'danger');
        })
        .finally(() => {
            btn.innerHTML = originalText;
            btn.disabled = false;
        });
}

function getFeatures() {
    const btn = event.target;
    const originalText = btn.innerHTML;
    btn.innerHTML = '<i class="bi bi-hourglass-split me-2"></i>Lade...';
    btn.disabled = true;

    fetch('/_/license/features')
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                showStatusUpdate('Features erfolgreich abgerufen', 'success');
                console.log('Features:', data.features);
            } else {
                showStatusUpdate('Fehler: ' + (data.error || 'Features konnten nicht abgerufen werden'), 'danger');
            }
        })
        .catch(error => {
            showStatusUpdate('Fehler beim Abrufen der Features: ' + error.message, 'danger');
        })
        .finally(() => {
            btn.innerHTML = originalText;
            btn.disabled = false;
        });
}

function showStatusUpdate(message, type) {
    const container = document.getElementById('statusUpdates');
    const alert = document.createElement('div');
    alert.className = `alert alert-${type} alert-dismissible fade show`;
    alert.innerHTML = `
        ${message}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    `;
    container.appendChild(alert);

    // Automatisch nach 5 Sekunden entfernen
    setTimeout(() => {
        if (alert.parentNode) {
            alert.remove();
        }
    }, 5000);
}

// Automatische Prüfung alle 5 Minuten
setInterval(() => {
    fetch('/_/license/status')
        .then(response => response.json())
        .then(data => {
            if (!data.valid) {
                showStatusUpdate('Lizenz ist nicht mehr gültig: ' + (data.error || 'Unbekannter Fehler'), 'warning');
            }
        })
        .catch(error => {
            console.log('Automatische Lizenzprüfung fehlgeschlagen:', error);
        });
}, 300000); // 5 Minuten
</script>
{% endblock %}