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

{% block title %}{{ isNew ? 'Nouveau code promo' : 'Modifier : ' ~ promoCode.code }}{% endblock %}
{% block breadcrumb %}Super Admin > Facturation > Codes promo > {{ isNew ? 'Nouveau' : 'Modifier' }}{% endblock %}

{% block body %}
<div class="content-header">
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1 class="content-title">
                <i class="fas fa-{{ isNew ? 'plus-circle' : 'edit' }} me-2" style="color: #667eea;"></i>
                {{ isNew ? 'Nouveau code promo' : 'Modifier : ' ~ promoCode.code }}
            </h1>
            <p class="content-subtitle">{{ isNew ? 'Créer un nouveau code promotionnel' : 'Modifier les paramètres du code promo' }}</p>
        </div>
        <a href="{{ path('admin_promo_codes') }}" class="btn btn-outline-secondary" style="border-radius: 8px;">
            <i class="fas fa-arrow-left me-2"></i>Retour à la liste
        </a>
    </div>
</div>

{{ form_start(form, {'attr': {'class': 'needs-validation', 'novalidate': 'novalidate'}}) }}

<div class="row g-4">
    <!-- Informations générales -->
    <div class="col-lg-8">
        <div class="modern-card mb-4">
            <h5 class="fw-bold mb-4">
                <i class="fas fa-info-circle me-2" style="color: #667eea;"></i>
                Informations générales
            </h5>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Code <span class="text-danger">*</span></label>
                    {{ form_widget(form.code) }}
                    <small class="text-muted">Sera automatiquement converti en majuscules</small>
                    {{ form_errors(form.code) }}
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Nom <span class="text-danger">*</span></label>
                    {{ form_widget(form.name) }}
                    <small class="text-muted">Nom descriptif (visible uniquement en admin)</small>
                    {{ form_errors(form.name) }}
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">Description</label>
                    {{ form_widget(form.description) }}
                    {{ form_errors(form.description) }}
                </div>
            </div>
        </div>

        <!-- Configuration remise -->
        <div class="modern-card mb-4">
            <h5 class="fw-bold mb-4">
                <i class="fas fa-percentage me-2" style="color: #10b981;"></i>
                Configuration de la remise
            </h5>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Type de remise <span class="text-danger">*</span></label>
                    {{ form_widget(form.discountType) }}
                    {{ form_errors(form.discountType) }}
                    <div class="mt-2" id="discountTypeHelp">
                        <small class="text-muted" id="help-percentage"><i class="fas fa-info-circle me-1"></i>Ex: 50 = -50% sur le prix mensuel</small>
                        <small class="text-muted d-none" id="help-fixed_amount"><i class="fas fa-info-circle me-1"></i>Ex: 5 = -5€ sur le prix mensuel</small>
                        <small class="text-muted d-none" id="help-free_months"><i class="fas fa-info-circle me-1"></i>Ex: 3 = 3 mois d'essai gratuit</small>
                        <small class="text-muted d-none" id="help-extended_trial"><i class="fas fa-info-circle me-1"></i>Ex: 60 = 60 jours d'essai au lieu de 30</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Valeur <span class="text-danger">*</span></label>
                    {{ form_widget(form.discountValue) }}
                    {{ form_errors(form.discountValue) }}
                </div>
            </div>
        </div>

        <!-- Validité -->
        <div class="modern-card mb-4">
            <h5 class="fw-bold mb-4">
                <i class="fas fa-calendar-alt me-2" style="color: #f59e0b;"></i>
                Validité
            </h5>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Date de début <span class="text-danger">*</span></label>
                    {{ form_widget(form.dateBegin) }}
                    {{ form_errors(form.dateBegin) }}
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Date de fin</label>
                    {{ form_widget(form.dateEnd) }}
                    <small class="text-muted">Laisser vide pour une durée illimitée</small>
                    {{ form_errors(form.dateEnd) }}
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Nombre max d'utilisations</label>
                    {{ form_widget(form.maxUses) }}
                    <small class="text-muted">Laisser vide pour un usage illimité</small>
                    {{ form_errors(form.maxUses) }}
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Jours d'essai (override)</label>
                    {{ form_widget(form.trialDays) }}
                    <small class="text-muted">Remplace les 30 jours par défaut si renseigné</small>
                    {{ form_errors(form.trialDays) }}
                </div>
            </div>
        </div>
    </div>

    <!-- Panneau latéral -->
    <div class="col-lg-4">
        <!-- Plans applicables -->
        <div class="modern-card mb-4">
            <h5 class="fw-bold mb-4">
                <i class="fas fa-list-check me-2" style="color: #667eea;"></i>
                Plans applicables
            </h5>
            <div class="mb-3">
                {{ form_widget(form.applicablePlans) }}
                {{ form_errors(form.applicablePlans) }}
            </div>
            <small class="text-muted">
                <i class="fas fa-info-circle me-1"></i>
                Si aucun plan n'est sélectionné, le code sera valable pour tous les plans.
            </small>
        </div>

        <!-- Statut -->
        <div class="modern-card mb-4">
            <h5 class="fw-bold mb-4">
                <i class="fas fa-toggle-on me-2" style="color: #10b981;"></i>
                Statut
            </h5>
            <div class="form-check form-switch">
                {{ form_widget(form.isActive, {'attr': {'class': 'form-check-input', 'role': 'switch'}}) }}
                <label class="form-check-label fw-semibold">Code actif</label>
            </div>
            {% if not isNew %}
                <div class="mt-3 p-3" style="background: #f8f9fa; border-radius: 8px;">
                    <small class="text-muted d-block mb-1">
                        <i class="fas fa-clock me-1"></i>
                        Créé le {{ promoCode.createdAt|date('d/m/Y à H:i') }}
                    </small>
                    {% if promoCode.updatedAt %}
                    <small class="text-muted d-block">
                        <i class="fas fa-edit me-1"></i>
                        Modifié le {{ promoCode.updatedAt|date('d/m/Y à H:i') }}
                    </small>
                    {% endif %}
                    <small class="text-muted d-block mt-1">
                        <i class="fas fa-chart-bar me-1"></i>
                        {{ promoCode.currentUses }} utilisation{{ promoCode.currentUses > 1 ? 's' : '' }}
                    </small>
                </div>
            {% endif %}
        </div>

        <!-- Actions -->
        <div class="modern-card">
            <div class="d-grid gap-2">
                <button type="submit" class="btn btn-gradient btn-lg">
                    <i class="fas fa-save me-2"></i>
                    {{ isNew ? 'Créer le code promo' : 'Enregistrer les modifications' }}
                </button>
                <a href="{{ path('admin_promo_codes') }}" class="btn btn-outline-secondary">
                    <i class="fas fa-times me-2"></i>Annuler
                </a>
            </div>
        </div>
    </div>
</div>

{{ form_end(form) }}
{% endblock %}

{% block javascripts %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const discountTypeSelect = document.getElementById('promo_code_discountType');
        const helps = document.querySelectorAll('#discountTypeHelp small');

        function updateHelp() {
            helps.forEach(h => h.classList.add('d-none'));
            const selected = discountTypeSelect.value;
            const helpEl = document.getElementById('help-' + selected);
            if (helpEl) helpEl.classList.remove('d-none');
        }

        discountTypeSelect.addEventListener('change', updateHelp);
        updateHelp();
    });
</script>
{% endblock %}