{% extends 'admin/base_admin.html.twig' %}
{% block title %}Paramètres{% endblock %}
{% block breadcrumb %}Paramètres{% endblock %}
{% block content %}
{% set group_meta = {
    contact: {title: 'Coordonnées', desc: 'Nom, email, téléphone et adresse affichés sur le site.'},
    social: {title: 'Réseaux sociaux', desc: 'Liens vers vos profils (laisser vide pour masquer).'},
    seo: {title: 'SEO global', desc: 'Réglages par défaut pour le référencement et le partage.'},
    general: {title: 'Chiffres clés', desc: 'Statistiques affichées sur le site.'},
    chatbot: {title: 'Chatbot', desc: 'Activation et message d’accueil de l’assistant IA.'},
    analytics: {title: 'Analytics', desc: 'Identifiants de suivi Google (GA4 / GTM).'},
    tarifs: {title: 'Tarifs', desc: 'Prix planchers « à partir de », en euros et sans symbole (ex. 790). Source unique affichée sur tout le site.'}
} %}
{% set order = ['contact', 'social', 'seo', 'general', 'chatbot', 'analytics', 'tarifs'] %}
<form method="post">
    <div class="head-row">
        <div><h1 class="page-title" style="font-size:26px">Paramètres</h1><p class="page-sub">Réglages globaux du site</p></div>
        <button class="btn btn--primary" type="submit">Enregistrer</button>
    </div>
    {% for group in order|filter(g => grouped[g] is defined) %}
        {% set meta = group_meta[group] ?? {title: group, desc: ''} %}
        <div class="card card--pad" style="max-width:760px;margin-bottom:16px">
            <h2 style="font-family:var(--title);font-size:16px;margin:0 0 4px;text-transform:capitalize">{{ meta.title }}</h2>
            {% if meta.desc %}<p class="page-sub" style="margin:0 0 14px">{{ meta.desc }}</p>{% endif %}
            {% for p in grouped[group] %}
                {% set k = p.key %}
                {% if k ends with '_enabled' %}
                    <label class="field" style="display:flex;align-items:center;gap:10px">
                        <input type="hidden" name="param_{{ p.id }}" value="0">
                        <input type="checkbox" name="param_{{ p.id }}" value="1" style="width:auto" {{ p.value == '1' ? 'checked' }}>
                        <span style="margin:0">{{ p.label ?? k }}</span>
                    </label>
                {% elseif k ends with '_description' or k ends with 'welcome' or k == 'address' %}
                    <label class="field"><span>{{ p.label ?? k }}</span><textarea name="param_{{ p.id }}" rows="3">{{ p.value }}</textarea></label>
                {% else %}
                    <label class="field"><span>{{ p.label ?? k }}</span><input type="text" name="param_{{ p.id }}" value="{{ p.value }}"></label>
                {% endif %}
            {% endfor %}
        </div>
    {% endfor %}
    {% for group in grouped|keys|filter(g => g not in order) %}
        <div class="card card--pad" style="max-width:760px;margin-bottom:16px">
            <h2 style="font-family:var(--title);font-size:16px;margin:0 0 14px;text-transform:capitalize">{{ group }}</h2>
            {% for p in grouped[group] %}
                <label class="field"><span>{{ p.label ?? p.key }}</span><input type="text" name="param_{{ p.id }}" value="{{ p.value }}"></label>
            {% endfor %}
        </div>
    {% endfor %}
    <div style="max-width:760px"><button class="btn btn--primary" type="submit">Enregistrer</button></div>
</form>
{% endblock %}