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

{% block title %}Rabattcode bearbeiten{% 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"><a href="/admin/license-server/discounts">Rabatte</a></li>
    <li class="breadcrumb-item active" aria-current="page">Rabatt bearbeiten</li>
  </ol>
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Rabattcode bearbeiten</h3>
                    <div class="card-tools">
                        <a href="/admin/license-server/discounts" class="btn btn-secondary btn-sm">
                            <i class="fas fa-arrow-left"></i> Zurück zur Übersicht
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <form id="editDiscountForm">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="code">Code</label>
                                    <input type="text" class="form-control" id="code" value="{{ discount.code }}" readonly>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">Name *</label>
                                    <input type="text" class="form-control" id="name" name="name" value="{{ discount.name }}" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="type">Typ *</label>
                                    <select class="form-control" id="type" name="type" required onchange="toggleValueField()">
                                        <option value="percentage" {% if discount.type == 'percentage' %}selected{% endif %}>Prozent</option>
                                        <option value="fixed" {% if discount.type == 'fixed' %}selected{% endif %}>Fester Betrag</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="value">Wert *</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control" id="value" name="value" step="0.01" min="0" 
                                               value="{% if discount.type == 'percentage' %}{{ discount.discountPercentage }}{% else %}{{ discount.discountAmount }}{% endif %}" required>
                                        <span class="input-group-text" id="valueSuffix">{% if discount.type == 'percentage' %}%{% else %}€{% endif %}</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="validFrom">Gültig von *</label>
                                    <input type="date" class="form-control" id="validFrom" name="validFrom" value="{{ discount.validFrom|date('Y-m-d') }}" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="validUntil">Gültig bis *</label>
                                    <input type="date" class="form-control" id="validUntil" name="validUntil" value="{{ discount.validUntil|date('Y-m-d') }}" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="maxUses">Max. Verwendungen</label>
                                    <input type="number" class="form-control" id="maxUses" name="maxUses" min="1" value="{{ discount.maxUses }}" placeholder="Unbegrenzt">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="active">Status</label>
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input" id="active" name="active" {% if discount.active %}checked{% endif %}>
                                        <label class="custom-control-label" for="active">Aktiv</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="description">Beschreibung</label>
                                    <textarea class="form-control" id="description" name="description" rows="3">{{ discount.description }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save"></i> Änderungen speichern
                                </button>
                                <a href="/admin/license-server/discounts" class="btn btn-secondary">
                                    <i class="fas fa-times"></i> Abbrechen
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function toggleValueField() {
    const type = document.getElementById('type').value;
    const suffix = document.getElementById('valueSuffix');
    const valueInput = document.getElementById('value');
    
    if (type === 'percentage') {
        suffix.textContent = '%';
        valueInput.max = '100';
    } else {
        suffix.textContent = '€';
        valueInput.removeAttribute('max');
    }
}

document.getElementById('editDiscountForm').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData();
    formData.append('name', document.getElementById('name').value);
    formData.append('type', document.getElementById('type').value);
    formData.append('value', document.getElementById('value').value);
    formData.append('description', document.getElementById('description').value);
    formData.append('maxUses', document.getElementById('maxUses').value);
    formData.append('validFrom', document.getElementById('validFrom').value);
    formData.append('validUntil', document.getElementById('validUntil').value);
    formData.append('active', document.getElementById('active').checked ? '1' : '0');

    fetch('/admin/license-server/discounts/{{ discount.id }}/update', {
        method: 'POST',
        body: formData,
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert('Rabattcode erfolgreich aktualisiert!');
            window.location.href = '/admin/license-server/discounts';
        } else {
            alert('Fehler: ' + (data.error || 'Unbekannter Fehler'));
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut.');
    });
});
</script>
{% endblock %}