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

{% block title %}{{ 'admin.license_management'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid">
    <!-- Header Section -->
    <div class="row">
        <div class="col-12">
            <div class="admin-card p-4">
                <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center">
                    <div class="admin-header mb-3 mb-md-0">
                        <h2 class="gradient-text fw-bold mb-2">
                            <i class="bi bi-shield-check me-3"></i>
                            {{ 'admin.license_management'|trans }}
                        </h2>
                        <p class="text-muted mb-0">{{ 'admin.license_management_description'|trans }}</p>
                    </div>
                    <div class="d-flex gap-2">
                        <button type="button" class="btn btn-outline-primary btn-lg" onclick="checkLicense()">
                            <i class="bi bi-arrow-clockwise me-2"></i>
                            {{ 'admin.license.refresh'|trans }}
                        </button>
                        {% if not data.valid %}
                        <button type="button" class="btn btn-success btn-lg" onclick="activateLicense()">
                            <i class="bi bi-play-circle me-2"></i>
                            {{ 'admin.license.activate'|trans }}
                        </button>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- License Status & Configuration -->
    <div class="row g-3">
        <div class="col-12 col-lg-8">
            <div class="admin-card p-4">
                <h4 class="gradient-text fw-bold mb-4">
                    <i class="bi bi-info-circle me-2"></i>
                    {{ 'admin.license.status'|trans }}
                </h4>
                            <!-- License Status Alert -->
                            <div class="alert alert-{{ data.valid ? 'success' : 'danger' }} alert-persistent">
                                <div class="d-flex align-items-center">
                                    <i class="bi bi-{{ data.valid ? 'check-circle' : 'exclamation-triangle' }} me-3" style="font-size: 1.5rem;"></i>
                                    <div>
                                        <h6 class="alert-heading mb-1">
                                            {% if data.valid %}
                                                {{ 'admin.license.valid'|trans }}
                                            {% else %}
                                                {{ 'admin.license.invalid'|trans }}
                                            {% endif %}
                                        </h6>
                                        {% if data.error is defined and data.error %}
                                            <p class="mb-0">{{ data.error }}</p>
                                        {% endif %}
                                    </div>
                                </div>
                            </div>

                            <!-- License Information -->
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="config-item">
                                        <div class="config-label">
                                            <i class="bi bi-key me-2"></i>
                                            {{ 'admin.license.key'|trans }}
                                        </div>
                                        <div class="config-value">
                                            <code>{{ licenseKey|slice(0, 8) }}...{{ licenseKey|slice(-8) }}</code>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {% if data.valid and data.license %}
                            <!-- License Details -->
                            <div class="row g-3 mt-3">
                                <div class="col-md-4">
                                    <div class="config-item">
                                        <div class="config-label">
                                            <i class="bi bi-tag me-2"></i>
                                            {{ 'admin.license.type'|trans }}
                                        </div>
                                        <div class="config-value">
                                            <span class="badge bg-primary">{{ data.license.type }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="config-item">
                                        <div class="config-label">
                                            <i class="bi bi-diagram-3 me-2"></i>
                                            {{ 'admin.license.lifecycle_status'|trans }}
                                        </div>
                                        <div class="config-value">
                                            {% if data.license.status is defined %}
                                                <span class="badge bg-secondary">{{ data.license.status }}</span>
                                            {% else %}
                                                —
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="config-item">
                                        <div class="config-label">
                                            <i class="bi bi-calendar-check me-2"></i>
                                            {{ 'admin.license.valid_until'|trans }}
                                        </div>
                                        <div class="config-value">{{ data.license.validUntil ?? data.license.valid_until }}</div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="config-item">
                                        <div class="config-label">
                                            <i class="bi bi-person me-2"></i>
                                            {{ 'admin.license.customer'|trans }}
                                        </div>
                                        <div class="config-value">{{ data.license.customer ?? 'N/A' }}</div>
                                    </div>
                                </div>
                            </div>
                            {% if data.license.primaryDomain is defined and data.license.primaryDomain %}
                            <div class="row g-3 mt-1">
                                <div class="col-md-8">
                                    <div class="config-item">
                                        <div class="config-label"><i class="bi bi-globe2 me-2"></i>Domain</div>
                                        <div class="config-value"><code>{{ data.license.primaryDomain }}</code>
                                            {% if data.license.allowedDomains is defined and data.license.allowedDomains|length > 0 %}
                                                <span class="text-muted small">+ {{ data.license.allowedDomains|length }} weitere</span>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {% endif %}

                            <!-- Plan Information -->
                            {% if data.license.plan is defined %}
                            <div class="mt-4">
                                <h6 class="mb-3">
                                    <i class="bi bi-box me-2"></i>
                                    {{ 'admin.license.plan_info'|trans }}
                                </h6>
                                <div class="row g-3">
                                    <div class="col-md-3">
                                        <div class="config-item">
                                            <div class="config-label">{{ 'admin.license.plan_name'|trans }}</div>
                                            <div class="config-value">
                                                {% if data.license.plan is iterable %}
                                                    {{ data.license.plan.name ?? 'N/A' }}
                                                {% else %}
                                                    {{ data.license.plan }}
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="config-item">
                                            <div class="config-label">{{ 'admin.license.max_domains'|trans }}</div>
                                            <div class="config-value">
                                                {% if data.license.plan is iterable %}
                                                    {{ data.license.plan.maxDomains ?? '∞' }}
                                                {% else %}
                                                    ∞
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="config-item">
                                            <div class="config-label">{{ 'admin.license.max_users'|trans }}</div>
                                            <div class="config-value">
                                                {% if data.license.plan is iterable %}
                                                    {{ data.license.plan.maxUsers ?? '∞' }}
                                                {% else %}
                                                    ∞
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="config-item">
                                            <div class="config-label">{{ 'admin.license.days_remaining'|trans }}</div>
                                            <div class="config-value">
                                                {% if data.license.daysRemaining is defined %}
                                                    <span class="badge bg-{{ data.license.daysRemaining > 30 ? 'success' : (data.license.daysRemaining > 7 ? 'warning' : 'danger') }}">
                                                        {{ data.license.daysRemaining }} {{ 'admin.license.days'|trans }}
                                                    </span>
                                                {% else %}
                                                    <span class="badge bg-secondary">N/A</span>
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {% endif %}
                            {% endif %}
            </div>
        </div>

        <!-- License Actions & Info -->
        <div class="col-12 col-lg-4">
            <!-- Quick Actions -->
            <div class="admin-card p-4 mb-3">
                <h4 class="gradient-text fw-bold mb-4">
                    <i class="bi bi-lightning me-2"></i>
                    {{ 'admin.license.quick_actions'|trans }}
                </h4>
                <div class="d-grid gap-2">
                    <button type="button" class="btn btn-outline-primary" onclick="checkLicense()">
                        <i class="bi bi-arrow-clockwise me-2"></i>
                        {{ 'admin.license.refresh'|trans }}
                    </button>
                    
                    {% if not data.valid %}
                    <button type="button" class="btn btn-success" onclick="activateLicense()">
                        <i class="bi bi-play-circle me-2"></i>
                        {{ 'admin.license.activate'|trans }}
                    </button>
                    {% endif %}
                    
                    <button type="button" class="btn btn-outline-info" onclick="getFeatures()">
                        <i class="bi bi-list-check me-2"></i>
                        {{ 'admin.license.features'|trans }}
                    </button>
                    
                    {% if app.user and (has_permission('ALLOW_LICENSE_MANAGE', app.user) or is_system_admin(app.user)) %}
                    <button type="button" class="btn btn-outline-warning" onclick="toggleLicenseBlock()">
                        <i class="bi bi-shield-exclamation me-2"></i>
                        {{ 'admin.license.toggle_block'|trans }}
                    </button>
                    {% endif %}
                </div>
            </div>

            <!-- System Information -->
            <div class="admin-card p-4">
                <h4 class="gradient-text fw-bold mb-4">
                    <i class="bi bi-info-circle me-2"></i>
                    {{ 'admin.license.system_info'|trans }}
                </h4>
                <div class="config-item">
                    <div class="config-label">
                        <i class="bi bi-clock me-2"></i>
                        {{ 'admin.license.last_check'|trans }}
                    </div>
                    <div class="config-value">
                        {{ data.last_check ?? 'N/A' }}
                    </div>
                </div>
                
                <div class="config-item">
                    <div class="config-label">
                        <i class="bi bi-heart-pulse me-2"></i>
                        {{ 'admin.license.heartbeat_status'|trans }}
                    </div>
                    <div class="config-value">
                        <span class="badge bg-{{ data.heartbeat_status == 'success' ? 'success' : 'secondary' }}">
                            {{ data.heartbeat_status ?? 'unknown' }}
                        </span>
                    </div>
                </div>
                
                {% if envOverrideInfo.is_overridden %}
                <div class="config-item">
                    <div class="config-label">
                        <i class="bi bi-code-slash me-2"></i>
                        {{ 'admin.license.environment_override'|trans }}
                    </div>
                    <div class="config-value">
                        <span class="badge bg-warning">
                            <i class="bi bi-exclamation-triangle me-1"></i>
                            {{ 'admin.license.developer_mode'|trans }}
                        </span>
                        <small class="text-muted d-block mt-1">
                            {{ 'admin.license.environment_override_info'|trans }}
                        </small>
                    </div>
                </div>
                {% endif %}
            </div>
        </div>
    </div>

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

</div>

<style>
    .config-item {
        padding: 1rem;
        background: var(--light-bg);
        border-radius: 8px;
        border: 1px solid var(--border-color);
        transition: all 0.2s ease;
        margin-bottom: 1rem;
    }
    
    .config-item:hover {
        background: var(--card-bg);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    
    .config-label {
        font-weight: 600;
        color: var(--text-primary);
        margin-bottom: 0.5rem;
        display: flex;
        align-items: center;
    }
    
    .config-value {
        color: var(--text-secondary);
    }
    
    /* Force persistent alerts to stay visible */
    .alert-persistent {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }

    .alert-persistent.alert-dismissible .btn-close {
        display: none;
    }

    /* Prevent Bootstrap from hiding persistent alerts */
    .alert-persistent.fade {
        opacity: 1 !important;
    }

    .alert-persistent.show {
        opacity: 1 !important;
    }
</style>

<script>
function checkLicense() {
    const btn = event.target;
    const originalText = btn.innerHTML;
    btn.innerHTML = '<i class="bi bi-hourglass-split me-2"></i>{{ "admin.license.checking"|trans }}';
    btn.disabled = true;

    fetch('/_/license/check')
        .then(response => response.json())
        .then(data => {
            showStatusUpdate('{{ "admin.license.check_completed"|trans }}', data.valid ? 'success' : 'danger');
            if (data.valid) {
                setTimeout(() => location.reload(), 2000);
            } else {
                showStatusUpdate('{{ "admin.license.error"|trans }}: ' + (data.error || '{{ "admin.license.unknown_error"|trans }}'), 'danger');
            }
        })
        .catch(error => {
            showStatusUpdate('{{ "admin.license.check_failed"|trans }}: ' + 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>{{ "admin.license.activating"|trans }}';
    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('{{ "admin.license.activation_success"|trans }}', 'success');
                setTimeout(() => location.reload(), 2000);
            } else {
                showStatusUpdate('{{ "admin.license.error"|trans }}: ' + (data.error || '{{ "admin.license.activation_failed"|trans }}'), 'danger');
            }
        })
        .catch(error => {
            showStatusUpdate('{{ "admin.license.activation_error"|trans }}: ' + 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>{{ "admin.license.loading"|trans }}';
    btn.disabled = true;

    fetch('/_/license/features')
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                showStatusUpdate('{{ "admin.license.features_loaded"|trans }}', 'success');
                console.log('Features:', data.features);
            } else {
                showStatusUpdate('{{ "admin.license.error"|trans }}: ' + (data.error || '{{ "admin.license.features_failed"|trans }}'), 'danger');
            }
        })
        .catch(error => {
            showStatusUpdate('{{ "admin.license.features_error"|trans }}: ' + error.message, 'danger');
        })
        .finally(() => {
            btn.innerHTML = originalText;
            btn.disabled = false;
        });
}

function toggleLicenseBlock() {
    if (!confirm('{{ "admin.license.block_confirm"|trans }}')) {
        return;
    }
    
    const btn = event.target;
    const originalText = btn.innerHTML;
    btn.innerHTML = '<i class="bi bi-hourglass-split me-2"></i>{{ "admin.license.processing"|trans }}';
    btn.disabled = true;

    fetch('/_/license/block', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
            'X-Requested-With': 'XMLHttpRequest'
        },
        body: 'action=block'
    })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                showStatusUpdate(data.message, 'warning');
            } else {
                showStatusUpdate('{{ "admin.license.error"|trans }}: ' + (data.error || '{{ "admin.license.block_failed"|trans }}'), 'danger');
            }
        })
        .catch(error => {
            showStatusUpdate('{{ "admin.license.block_error"|trans }}: ' + 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('{{ "admin.license.auto_check_failed"|trans }}: ' + (data.error || '{{ "admin.license.unknown_error"|trans }}'), 'warning');
            }
        })
        .catch(error => {
            console.log('{{ "admin.license.auto_check_error"|trans }}:', error);
        });
}, 300000); // 5 Minuten
</script>
{% endblock %}