{% set licenseData = app.request.attributes.get('_license_data') %}
{% if not licenseData %}
    {% set licenseData = {
        'valid': false,
        'error': 'Lizenzdaten nicht verfügbar',
        'last_check': null
    } %}
{% endif %}

<div class="admin-card">
    <div class="admin-card-header">
        <div class="d-flex justify-content-between align-items-center">
            <h5 class="mb-0">
                <i class="bi bi-shield-check me-2"></i>
                {{ 'admin.license.status'|trans }}
            </h5>
            <a href="{{ path('admin_license') }}" class="btn btn-sm btn-outline-primary">
                <i class="bi bi-gear me-1"></i>
                {{ 'admin.manage'|trans }}
            </a>
        </div>
    </div>
    <div class="admin-card-body">
        <!-- License Status -->
        <div class="d-flex align-items-center mb-3">
            <div class="license-status-indicator me-3">
                <i class="bi bi-{{ licenseData.valid ? 'check-circle-fill text-success' : 'exclamation-triangle-fill text-danger' }}" style="font-size: 1.5rem;"></i>
            </div>
            <div class="flex-grow-1">
                <h6 class="mb-1">
                    {% if licenseData.valid %}
                        {{ 'admin.license.valid'|trans }}
                    {% else %}
                        {{ 'admin.license.invalid'|trans }}
                    {% endif %}
                </h6>
                {% if licenseData.error %}
                    <small class="text-muted">{{ licenseData.error }}</small>
                {% endif %}
            </div>
        </div>

        <!-- License Details -->
        {% if licenseData.valid and licenseData.license %}
        <div class="license-details">
            <div class="row g-2 mb-3">
                <div class="col-6">
                    <small class="text-muted d-block">{{ 'admin.license.type'|trans }}</small>
                    <span class="badge bg-primary">{{ licenseData.license.type }}</span>
                </div>
                <div class="col-6">
                    <small class="text-muted d-block">{{ 'admin.license.valid_until'|trans }}</small>
                    <small>{{ licenseData.license.validUntil ?? licenseData.license.valid_until ?? 'N/A' }}</small>
                </div>
            </div>
            
            {% if licenseData.license.daysRemaining is defined %}
            <div class="mb-3">
                <small class="text-muted d-block">{{ 'admin.license.days_remaining'|trans }}</small>
                <div class="progress" style="height: 6px;">
                    {% set daysRemaining = licenseData.license.daysRemaining %}
                    {% set progressPercent = daysRemaining > 0 ? (daysRemaining / 365 * 100) : 0 %}
                    <div class="progress-bar bg-{{ daysRemaining > 30 ? 'success' : (daysRemaining > 7 ? 'warning' : 'danger') }}" 
                         style="width: {{ progressPercent }}%"></div>
                </div>
                <small class="text-muted">{{ daysRemaining }} {{ 'admin.license.days'|trans }}</small>
            </div>
            {% endif %}
        </div>
        {% endif %}

        <!-- Last Check -->
        {% if licenseData.last_check %}
        <div class="license-last-check">
            <small class="text-muted">
                <i class="bi bi-clock me-1"></i>
                {{ 'admin.license.last_check'|trans }}: {{ licenseData.last_check }}
            </small>
        </div>
        {% endif %}

        <!-- Quick Actions -->
        <div class="license-actions mt-3">
            <div class="d-grid gap-1">
                <button type="button" class="btn btn-sm btn-outline-primary" onclick="checkLicenseFromWidget()">
                    <i class="bi bi-arrow-clockwise me-1"></i>
                    {{ 'admin.license.refresh'|trans }}
                </button>
                {% if not licenseData.valid %}
                <button type="button" class="btn btn-sm btn-success" onclick="activateLicenseFromWidget()">
                    <i class="bi bi-play-circle me-1"></i>
                    {{ 'admin.license.activate'|trans }}
                </button>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<style>
    .license-status-indicator {
        min-width: 2rem;
        text-align: center;
    }
    
    .license-details {
        border-top: 1px solid var(--border-color);
        padding-top: 1rem;
    }
    
    .license-last-check {
        border-top: 1px solid var(--border-color);
        padding-top: 0.75rem;
    }
    
    .license-actions {
        border-top: 1px solid var(--border-color);
        padding-top: 1rem;
    }
</style>

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

    fetch('/_/license/check')
        .then(response => response.json())
        .then(data => {
            if (data.valid) {
                // Reload page to update widget
                setTimeout(() => location.reload(), 1000);
            } else {
                showWidgetNotification('{{ "admin.license.error"|trans }}: ' + (data.error || '{{ "admin.license.unknown_error"|trans }}'), 'danger');
            }
        })
        .catch(error => {
            showWidgetNotification('{{ "admin.license.check_failed"|trans }}: ' + error.message, 'danger');
        })
        .finally(() => {
            btn.innerHTML = originalText;
            btn.disabled = false;
        });
}

function activateLicenseFromWidget() {
    const btn = event.target;
    const originalText = btn.innerHTML;
    btn.innerHTML = '<i class="bi bi-hourglass-split me-1"></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) {
                showWidgetNotification('{{ "admin.license.activation_success"|trans }}', 'success');
                setTimeout(() => location.reload(), 2000);
            } else {
                showWidgetNotification('{{ "admin.license.error"|trans }}: ' + (data.error || '{{ "admin.license.activation_failed"|trans }}'), 'danger');
            }
        })
        .catch(error => {
            showWidgetNotification('{{ "admin.license.activation_error"|trans }}: ' + error.message, 'danger');
        })
        .finally(() => {
            btn.innerHTML = originalText;
            btn.disabled = false;
        });
}

function showWidgetNotification(message, type) {
    // Create a temporary notification
    const notification = document.createElement('div');
    notification.className = `alert alert-${type} alert-dismissible fade show position-fixed`;
    notification.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 300px;';
    notification.innerHTML = `
        ${message}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    `;
    
    document.body.appendChild(notification);
    
    // Auto-remove after 5 seconds
    setTimeout(() => {
        if (notification.parentNode) {
            notification.remove();
        }
    }, 5000);
}
</script>