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

{% block title %}License Server API Dokumentation{% endblock %}

{% block body %}
<nav aria-label="breadcrumb" class="mb-4">
  <ol class="breadcrumb bg-light p-2 rounded">
    <li class="breadcrumb-item"><a href="/admin/license-server">Lizenzserver</a></li>
    <li class="breadcrumb-item active" aria-current="page">API-Dokumentation</li>
  </ol>
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="admin-card p-4">
                <h2 class="gradient-text fw-bold mb-4">
                    <i class="bi bi-code-slash me-3"></i>
                    License Server API Dokumentation
                </h2>

                <div class="alert alert-info">
                    <h5><i class="bi bi-info-circle me-2"></i>API Basis-URL</h5>
                    <code>{{ app.request.schemeAndHttpHost }}/admin/license-server/api</code>
                </div>

                <!-- License Validation -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="bi bi-check-circle me-2"></i>
                            Lizenz validieren
                        </h5>
                    </div>
                    <div class="card-body">
                        <h6>POST /api/license/validate</h6>
                        <p>Validiert einen Lizenzschlüssel für eine bestimmte Domain.</p>
                        
                        <h6>Request Body (JSON):</h6>
                        <pre><code>{
    "licenseKey": "XXXX-XXXX-XXXX-XXXX",
    "domain": "example.com",
    "version": "1.0.0" // optional
}</code></pre>
                        
                        <h6>Response:</h6>
                        <pre><code>{
    "valid": true,
    "license": {
        "id": 1,
        "type": "Professional",
        "validUntil": "2024-12-31",
        "domain": "example.com",
        "customer": "John Doe"
    }
}</code></pre>
                    </div>
                </div>

                <!-- License Check -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="bi bi-search me-2"></i>
                            Lizenz prüfen (GET)
                        </h5>
                    </div>
                    <div class="card-body">
                        <h6>GET /api/license/check?licenseKey=XXXX&domain=example.com</h6>
                        <p>Prüft eine Lizenz über GET-Parameter.</p>
                        
                        <h6>Response:</h6>
                        <pre><code>{
    "valid": true,
    "license": {
        "id": 1,
        "type": "Professional",
        "validUntil": "2024-12-31",
        "domain": "example.com",
        "customer": "John Doe"
    }
}</code></pre>
                    </div>
                </div>

                <!-- License Activation -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="bi bi-play-circle me-2"></i>
                            Lizenz aktivieren
                        </h5>
                    </div>
                    <div class="card-body">
                        <h6>POST /api/license/activate</h6>
                        <p>Aktiviert eine Lizenz für eine Domain.</p>
                        
                        <h6>Request Body (JSON):</h6>
                        <pre><code>{
    "licenseKey": "XXXX-XXXX-XXXX-XXXX",
    "domain": "example.com"
}</code></pre>
                        
                        <h6>Response:</h6>
                        <pre><code>{
    "success": true,
    "license": {
        "id": 1,
        "key": "XXXX-XXXX-XXXX-XXXX",
        "type": "Professional",
        "domain": "example.com",
        "validFrom": "2024-01-01",
        "validUntil": "2024-12-31",
        "customer": "John Doe",
        "features": ["feature1", "feature2"]
    }
}</code></pre>
                    </div>
                </div>

                <!-- License Heartbeat -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="bi bi-heart me-2"></i>
                            Lizenz Heartbeat
                        </h5>
                    </div>
                    <div class="card-body">
                        <h6>POST /api/license/heartbeat</h6>
                        <p>Sendet einen Heartbeat für eine aktive Lizenz.</p>
                        
                        <h6>Request Body (JSON):</h6>
                        <pre><code>{
    "licenseKey": "XXXX-XXXX-XXXX-XXXX",
    "domain": "example.com"
}</code></pre>
                        
                        <h6>Response:</h6>
                        <pre><code>{
    "success": true,
    "license": {
        "id": 1,
        "type": "Professional",
        "validUntil": "2024-12-31",
        "daysRemaining": 45,
        "features": ["feature1", "feature2"]
    }
}</code></pre>
                    </div>
                </div>

                <!-- License Features -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="bi bi-list-check me-2"></i>
                            Lizenz Features abrufen
                        </h5>
                    </div>
                    <div class="card-body">
                        <h6>GET /api/license/features?licenseKey=XXXX</h6>
                        <p>Ruft die Features einer Lizenz ab.</p>
                        
                        <h6>Response:</h6>
                        <pre><code>{
    "success": true,
    "features": ["feature1", "feature2", "feature3"],
    "plan": {
        "name": "professional",
        "label": "Professional",
        "maxDomains": 5,
        "maxUsers": 100
    }
}</code></pre>
                    </div>
                </div>

                <!-- Error Responses -->
                <div class="card mb-4">
                    <div class="card-header bg-warning">
                        <h5 class="mb-0">
                            <i class="bi bi-exclamation-triangle me-2"></i>
                            Fehler-Responses
                        </h5>
                    </div>
                    <div class="card-body">
                        <h6>Lizenzschlüssel nicht gefunden:</h6>
                        <pre><code>{
    "valid": false,
    "error": "Lizenzschlüssel nicht gefunden"
}</code></pre>
                        
                        <h6>Lizenz ist nicht aktiv:</h6>
                        <pre><code>{
    "valid": false,
    "error": "Lizenz ist nicht aktiv"
}</code></pre>
                        
                        <h6>Domain nicht autorisiert:</h6>
                        <pre><code>{
    "valid": false,
    "error": "Domain nicht autorisiert"
}</code></pre>
                        
                        <h6>Lizenz ist abgelaufen:</h6>
                        <pre><code>{
    "valid": false,
    "error": "Lizenz ist abgelaufen"
}</code></pre>
                    </div>
                </div>

                <!-- Test Section -->
                <div class="card">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0">
                            <i class="bi bi-play me-2"></i>
                            API Test
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Lizenzschlüssel:</label>
                                    <input type="text" class="form-control" id="testLicenseKey" placeholder="XXXX-XXXX-XXXX-XXXX">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Domain:</label>
                                    <input type="text" class="form-control" id="testDomain" placeholder="example.com">
                                </div>
                            </div>
                        </div>
                        <div class="d-flex gap-2 mb-3">
                            <button type="button" class="btn btn-primary" onclick="testAPI('validate')">
                                <i class="bi bi-check-circle me-2"></i>Validieren
                            </button>
                            <button type="button" class="btn btn-success" onclick="testAPI('activate')">
                                <i class="bi bi-play-circle me-2"></i>Aktivieren
                            </button>
                            <button type="button" class="btn btn-info" onclick="testAPI('heartbeat')">
                                <i class="bi bi-heart me-2"></i>Heartbeat
                            </button>
                            <button type="button" class="btn btn-warning" onclick="testAPI('features')">
                                <i class="bi bi-list-check me-2"></i>Features
                            </button>
                        </div>
                        <div id="apiResult" class="d-none">
                            <h6>Response:</h6>
                            <pre id="apiResponse" class="bg-light p-3 rounded"></pre>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.gradient-text {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
</style>

<script>
function testAPI(endpoint) {
    const licenseKey = document.getElementById('testLicenseKey').value;
    const domain = document.getElementById('testDomain').value;
    
    if (!licenseKey || !domain) {
        alert('Bitte füllen Sie alle Felder aus.');
        return;
    }
    
    const resultDiv = document.getElementById('apiResult');
    const responseDiv = document.getElementById('apiResponse');
    
    let url, method, body;
    
    switch (endpoint) {
        case 'validate':
            url = '/admin/license-server/api/license/validate';
            method = 'POST';
            body = JSON.stringify({ licenseKey, domain });
            break;
        case 'activate':
            url = '/admin/license-server/api/license/activate';
            method = 'POST';
            body = JSON.stringify({ licenseKey, domain });
            break;
        case 'heartbeat':
            url = '/admin/license-server/api/license/heartbeat';
            method = 'POST';
            body = JSON.stringify({ licenseKey, domain });
            break;
        case 'features':
            url = `/admin/license-server/api/license/features?licenseKey=${encodeURIComponent(licenseKey)}`;
            method = 'GET';
            body = null;
            break;
    }
    
    const options = {
        method: method,
        headers: {
            'Content-Type': 'application/json',
            'X-Requested-With': 'XMLHttpRequest'
        }
    };
    
    if (body) {
        options.body = body;
    }
    
    fetch(url, options)
        .then(response => response.json())
        .then(data => {
            responseDiv.textContent = JSON.stringify(data, null, 2);
            resultDiv.classList.remove('d-none');
        })
        .catch(error => {
            responseDiv.textContent = `Error: ${error.message}`;
            resultDiv.classList.remove('d-none');
        });
}
</script>
{% endblock %}