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

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

{% block title %}{{ is_edit ? 'Modifier l\'article' : 'Nouvel article' }} — 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-box me-2"></i>
        {{ is_edit ? 'Modifier « ' ~ stock.produit ~ ' »' : 'Nouvel article en stock' }}
    </h1>
    <a href="{{ path('tenant_stocks_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-8">
        <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-12">
                            <label for="produit" class="form-label fw-semibold">
                                Produit <span class="text-danger">*</span>
                            </label>
                            <input type="text" id="produit" name="produit" class="form-control"
                                   value="{{ stock.produit ?? '' }}" required autofocus
                                   placeholder="Ex : Farine T55, Huile d'olive…">
                        </div>

                        <div class="col-sm-6">
                            <label for="categorie" class="form-label fw-semibold">Catégorie</label>
                            {% set categorieActive = stock.categorie ?? categorieSuggeree ?? '' %}
                            <select id="categorie" name="categorie" class="form-select">
                                <option value="">-- Aucune --</option>
                                {% for cat in categories ?? [] %}
                                    <option value="{{ cat }}" {{ categorieActive == cat ? 'selected' }}>{{ cat }}</option>
                                {% endfor %}
                            </select>
                            {% if categorieSuggeree is defined and categorieSuggeree is not null and not stock.categorie %}
                                <div class="form-text text-info">
                                    <i class="fas fa-info-circle me-1"></i>Catégorie suggérée depuis la mercuriale : <strong>{{ categorieSuggeree }}</strong>
                                </div>
                            {% endif %}
                        </div>

                        <div class="col-sm-6">
                            <label for="unite" class="form-label fw-semibold">Unité</label>
                            <select id="unite" name="unite" class="form-select">
                                {% for u in ['kg', 'g', 'L', 'cL', 'mL', 'pièce', 'boîte', 'sachet', 'carton'] %}
                                    <option value="{{ u }}" {{ (stock.unite ?? 'kg') == u ? 'selected' }}>{{ u }}</option>
                                {% endfor %}
                            </select>
                        </div>

                        <div class="col-sm-4">
                            <label for="quantite" class="form-label fw-semibold">
                                Quantité <span class="text-danger">*</span>
                            </label>
                            <input type="number" id="quantite" name="quantite" class="form-control"
                                   value="{{ stock.quantite ?? '' }}" required min="0" step="0.01">
                        </div>

                        <div class="col-sm-4">
                            <label for="seuil_alerte" class="form-label fw-semibold">Seuil d'alerte</label>
                            <input type="number" id="seuil_alerte" name="seuil_alerte" class="form-control"
                                   value="{{ stock.seuil_alerte is defined and stock.seuil_alerte is not null ? stock.seuil_alerte : (seuilDefaut ?? 0) }}" min="0" step="0.01"
                                   placeholder="Quantité minimale">
                        </div>

                        <div class="col-sm-4">
                            <label for="taux_tva" class="form-label fw-semibold">TVA (%)</label>
                            <select id="taux_tva" name="taux_tva" class="form-select"
                                    onchange="recalculerPrix('tva')">
                                {% for t in [0, 5.5, 10, 20] %}
                                    <option value="{{ t }}" {{ (stock.taux_tva ?? 5.5) == t ? 'selected' }}>{{ t }} %</option>
                                {% endfor %}
                            </select>
                        </div>

                        <div class="col-sm-6">
                            <label for="prix_unitaire_ht" class="form-label fw-semibold">Prix unitaire HT</label>
                            <div class="input-group">
                                <input type="number" id="prix_unitaire_ht" name="prix_unitaire_ht"
                                       class="form-control" min="0" step="0.001"
                                       oninput="recalculerPrix('ht')">
                                <span class="input-group-text">€ HT</span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <label for="prix_unitaire" class="form-label fw-semibold">Prix unitaire TTC</label>
                            <div class="input-group">
                                <input type="number" id="prix_unitaire" name="prix_unitaire"
                                       class="form-control" min="0" step="0.001"
                                       value="{{ stock.prix_unitaire ?? '' }}"
                                       oninput="recalculerPrix('ttc')">
                                <span class="input-group-text">€ TTC</span>
                            </div>
                        </div>

                    </div>{# /row #}

                    <hr class="my-4">

                    <div class="d-flex gap-2 justify-content-end">
                        <a href="{{ path('tenant_stocks_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' : 'Créer l\'article' }}
                        </button>
                    </div>

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

<script>
function recalculerPrix(source) {
    const tva      = parseFloat(document.getElementById('taux_tva').value) || 0;
    const coeff    = 1 + tva / 100;
    const champHt  = document.getElementById('prix_unitaire_ht');
    const champTtc = document.getElementById('prix_unitaire');

    if (source === 'ht') {
        const valHt = parseFloat(champHt.value) || 0;
        champTtc.value = valHt ? (valHt * coeff).toFixed(3) : '';
    } else {
        // source = 'ttc' ou 'tva'
        const valTtc = parseFloat(champTtc.value) || 0;
        champHt.value = valTtc ? (valTtc / coeff).toFixed(3) : '';
    }
}

document.addEventListener('DOMContentLoaded', () => {
    const ttc = document.getElementById('prix_unitaire');
    if (ttc && ttc.value) recalculerPrix('ttc');
});
</script>

{% endblock body %}