{# templates/app/ventes/form.html.twig #}
{% extends 'app/base.html.twig' %}

{% set is_edit = vente and vente.id is defined %}

{% block title %}{{ is_edit ? 'Modifier la vente' : 'Nouvelle vente' }} — GestRestoSco{% endblock %}

{% block body %}

<div class="d-flex align-items-center justify-content-between mb-4">
    <h1 class="h4 fw-bold mb-0 page-title">
        <i class="fas fa-cash-register me-2"></i>
        {{ is_edit ? 'Modifier la vente' : 'Nouvelle vente' }}
    </h1>
    <a href="{{ path('tenant_ventes_index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-1"></i>Retour
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-7">
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">

                <form method="post" action="{{ action }}" novalidate>
                    <input type="hidden" name="_token" value="{{ csrf_token(token) }}">

                    <div class="row g-3">

                        <div class="col-sm-6">
                            <label for="date_vente" class="form-label fw-semibold">
                                Date <span class="text-danger">*</span>
                            </label>
                            <input type="date" id="date_vente" name="date_vente" class="form-control"
                                   value="{{ vente ? vente.date_vente|date('Y-m-d') : 'now'|date('Y-m-d') }}" required>
                        </div>

                        <div class="col-sm-6">
                            <label for="service" class="form-label fw-semibold">Service</label>
                            <select id="service" name="service" class="form-select">
                                <option value="dejeuner"        {{ (vente.service ?? 'dejeuner') == 'dejeuner'        ? 'selected' }}>Déjeuner</option>
                                <option value="diner"           {{ (vente.service ?? '') == 'diner'                   ? 'selected' }}>Dîner</option>
                                <option value="petit_dejeuner"  {{ (vente.service ?? '') == 'petit_dejeuner'          ? 'selected' }}>Petit-déjeuner</option>
                                <option value="gouter"          {{ (vente.service ?? '') == 'gouter'                  ? 'selected' }}>Goûter</option>
                            </select>
                        </div>

                        <div class="col-sm-6">
                            <label for="nb_repas" class="form-label fw-semibold">
                                Nombre de couverts <span class="text-danger">*</span>
                            </label>
                            <input type="number" id="nb_repas" name="nb_repas" class="form-control"
                                   value="{{ vente.nb_repas ?? '' }}" required min="0" step="1">
                        </div>

                        <div class="col-sm-6">
                            <label for="prix_unitaire" class="form-label fw-semibold">
                                Prix par couvert (€) <span class="text-danger">*</span>
                            </label>
                            <div class="input-group">
                                <input type="number" id="prix_unitaire" name="prix_unitaire" class="form-control"
                                       value="{{ vente.prix_unitaire ?? '' }}" required min="0" step="0.01">
                                <span class="input-group-text">€</span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <label for="taux_tva" class="form-label fw-semibold">TVA (%)</label>
                            <select id="taux_tva" name="taux_tva" class="form-select">
                                {% for t in [0, 5.5, 10, 20] %}
                                    <option value="{{ t }}" {{ (vente.taux_tva|default(10))|number_format(1) == t|number_format(1) ? 'selected' }}>{{ t == 5.5 ? '5,5' : t }} %{{ t == 10 ? ' — Restauration' : '' }}</option>
                                {% endfor %}
                            </select>
                        </div>

                        <div class="col-sm-6">
                            <label class="form-label fw-semibold text-muted">Prix HT par couvert</label>
                            <div class="form-control bg-light text-muted" id="display_prix_ht">—</div>
                        </div>

                        <div class="col-12">
                            <label for="detail_ajustement" class="form-label fw-semibold">Libellé / Description</label>
                            <input type="text" id="detail_ajustement" name="detail_ajustement" class="form-control"
                                   value="{{ vente.detail_ajustement ?? '' }}"
                                   placeholder="Ex : Repas mairie, groupe scolaire, événement…" maxlength="255">
                            <div class="form-text">Facultatif — précise la nature de la vente dans la liste.</div>
                        </div>

                        {% if vente %}
                        <div class="col-12">
                            <div class="alert alert-info py-2 mb-0">
                                <strong>Total :</strong>
                                {{ (vente.nb_repas * vente.prix_unitaire)|number_format(2, ',', ' ') }} €
                            </div>
                        </div>
                        {% endif %}

                    </div>{# /row #}

                    <hr class="my-4">

                    <div class="d-flex gap-2 justify-content-end">
                        <a href="{{ path('tenant_ventes_index') }}" class="btn btn-outline-secondary">Annuler</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-1"></i>{{ is_edit ? 'Enregistrer les modifications' : 'Enregistrer la vente' }}
                        </button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

<script>
(function () {
    var prixEl    = document.getElementById('prix_unitaire');
    var tvaEl     = document.getElementById('taux_tva');
    var displayHt = document.getElementById('display_prix_ht');

    function calcHT() {
        var ttc = parseFloat(String(prixEl.value).replace(',', '.')) || 0;
        var tva = parseFloat(tvaEl.value) || 0;
        if (ttc > 0) {
            var ht = ttc / (1 + tva / 100);
            displayHt.textContent = ht.toFixed(3).replace('.', ',') + ' €';
        } else {
            displayHt.textContent = '—';
        }
    }

    prixEl.addEventListener('input', calcHT);
    tvaEl.addEventListener('change', calcHT);
    calcHT();
}());
</script>

{% endblock body %}