{% extends '@SonataAdmin/CRUD/base_list.html.twig' %}

{% block navbar_title %}
    Configuration Globale Kohinos
{% endblock %}

{% block actions %}
    {# Suppression intentionnelle du bouton Ajouter #}
{% endblock %}

{% block list_table %}
{% set all_parameters = admin.allParameters %}
{% set parameter_sections = admin.parameterSections %}

{# Formulaire englobant pour sauvegarder tous les changements #}
<form class="sonata-ba-form" id="global-parameters-form" method="post" action="{{ admin.generateUrl('list') }}">

{# Champ caché pour le token CSRF #}
<input type="hidden" name="_token" value="{{ csrf_token('sonata_admin') }}">

{# Champ caché pour tracker les valeurs originales #}
<input type="hidden" name="original_values" value="1">

{# Barre d'actions Sonata #}
<div class="sonata-ba-form-actions well well-small form-actions stuck" style="padding-left: 3em;">
    <button type="submit" class="btn btn-success" name="_sonata_admin_action" value="save" id="save-all-btn">
        <i class="fa fa-save"></i> Sauvegarder toutes les modifications
    </button>
    <a href="{{ admin.generateUrl('list') }}" class="btn btn-default" id="cancel-all-btn">
        <i class="fa fa-times"></i> Annuler
    </a>
</div>

<div class="parameters-container">
    {% for section_key, section in parameter_sections %}
        {% set section_id = 'section_' ~ section_key %}
        {% set is_disabled = section.disabled is defined and section.disabled %}
        {% set is_collapsible = section.collapsible is defined and section.collapsible %}
        {% set has_activation = section.enabledBy is defined %}
        {% set is_empty_module = (section.parameters|length == 0 and section.subsections is not defined) %}

        {# Récupérer le paramètre d'activation depuis activationParameter #}
        {% set activation_param = section.activationParameter is defined ? section.activationParameter : null %}

        <div class="parameter-section {% if is_disabled %}disabled{% endif %} {% if is_empty_module %}empty-module{% endif %}" data-section="{{ section_key }}">
            {# Header de section #}
            <div class="section-header"
                 {% if is_collapsible and not is_empty_module %}data-toggle="collapse" data-target="#{{ section_id }}" aria-expanded="{% if not is_disabled %}true{% else %}false{% endif %}" aria-controls="{{ section_id }}"{% endif %}
                 style="background-color: {{ section.color }};">
                <h3 class="section-title">
                    {% if section.icon is defined %}
                        <i class="fa {{ section.icon }}"></i>
                    {% endif %}
                    {{ section.title }}
                </h3>
                <div class="section-controls">
                    {# Switch d'activation si le module en a un #}
                    {% if has_activation and activation_param %}
                        <div class="module-activation" onclick="event.stopPropagation();">
                            <label class="switch">
                                <input type="checkbox"
                                       class="parameter-input module-activation-checkbox"
                                       name="parameters[{{ activation_param.id }}]"
                                       id="module_activation_{{ section_key }}"
                                       value="true"
                                       data-section="{{ section_key }}"
                                       {% if activation_param.value == 'true' %}checked{% endif %}
                                       data-original-value="{{ activation_param.value }}"
                                       data-param-id="{{ activation_param.id }}">
                                <span class="slider"></span>
                            </label>
                        </div>
                    {% endif %}

                    {# Icône de collapse pour les sections pliables NON VIDES #}
                    {% if is_collapsible and not is_empty_module %}
                        <i class="fa fa-chevron-down collapse-icon {% if is_disabled %}collapsed{% endif %}"></i>
                    {% endif %}
                </div>
            </div>

            {# Corps de section - NE PAS AFFICHER POUR LES MODULES VIDES #}
            {% if not is_empty_module %}
            <div class="section-body {% if is_collapsible %}collapse {% if not is_disabled %}show{% endif %}{% endif %}" id="{{ section_id }}">
                <div class="parameter-list">
                    {# Afficher les sous-rubriques si présentes #}
                    {% if section.subsections is defined %}
                        {% for subsection_key, subsection in section.subsections %}
                            <div class="subsection">
                                <h4 class="subsection-title">
                                    <i class="fa fa-angle-right"></i>
                                    {{ subsection.title }}
                                </h4>
                                <div class="subsection-parameters">
                                    {% for object in subsection.parameters %}
                                        <div class="parameter-row" data-param="{{ object.name }}">
                                            <div class="parameter-description">
                                                <strong>{{ object.description }}</strong>
                                                {% if admin.help(object.name) %}
                                                    <small>{{ admin.help(object.name)|raw }}</small>
                                                {% endif %}
                                            </div>
                                            <div class="parameter-control">
                                                {% if object.value == 'true' or object.value == 'false' %}
                                                    <label class="switch">
                                                        <input type="checkbox"
                                                               class="parameter-input"
                                                               name="parameters[{{ object.id }}]"
                                                               id="param_{{ object.id }}"
                                                               value="true"
                                                               {% if object.value == 'true' %}checked{% endif %}
                                                               data-original-value="{{ object.value }}"
                                                               data-param-id="{{ object.id }}">
                                                        <span class="slider"></span>
                                                    </label>
                                                {% elseif object.name ends with 'TEXT' or object.name ends with 'ADRESS' %}
                                                    <textarea class="form-control parameter-input"
                                                              name="parameters[{{ object.id }}]"
                                                              id="param_{{ object.id }}"
                                                              rows="4"
                                                              data-original-value="{{ object.value }}">{{ object.value }}</textarea>
                                                {% else %}
                                                    <input type="text"
                                                           class="form-control parameter-input"
                                                           name="parameters[{{ object.id }}]"
                                                           id="param_{{ object.id }}"
                                                           value="{{ object.value }}"
                                                           data-original-value="{{ object.value }}">
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        {% endfor %}
                    {% elseif section.title == 'Carte' %}
                        {% set mapCenter = '' %}
                        {% set mapZoom = '' %}
                        {% set allowGeolocation = 'false' %}

                        {% for object in section.parameters %}
                            {% if object.name == 'MAP_CENTER' %}
                                {% set mapCenter = object.value %}
                            {% endif %}
                            {% if object.name == 'MAP_ZOOM' %}
                                {% set mapZoom = object.value %}
                            {% endif %}
                            {% if object.name == 'ALLOW_GEOLOCATION' %}
                                {% set allowGeolocation = object.value %}
                            {% endif %}

                            {% include '@kohinos/admin/list_parameter_row.html.twig' with {
                                'object': object,
                                'admin': admin
                            } %}
                        {% endfor %}

                        {# Champs cachés pour la carte #}
                        <input type="hidden" id="koh_map_center" value="{{ mapCenter }}">
                        <input type="hidden" id="koh_map_zoom" value="{{ mapZoom }}">
                        <input type="hidden" id="koh_allow_geolocation" value="{{ allowGeolocation }}">

                        <div class="parameter-row" style="display: block; padding: 0;">
                            <div style="padding: 1rem;">
								<strong class="parameter-description">Aperçu de la carte :</strong>
                                <div id="map-preview" style="height: 400px; width: 100%; margin-top: 1rem; border-radius: 0.375rem;"></div>
                            </div>
                        </div>
                    {% else %}
                        {% for object in section.parameters %}
                            {# Ne pas afficher le paramètre d'activation s'il est déjà dans le header #}
                            {% set is_activation_param = has_activation and activation_param and object.id == activation_param.id %}
                            {% if not is_activation_param %}
                            <div class="parameter-row" data-param="{{ object.name }}">
                                <div class="parameter-description">
                                    <strong>{{ object.description }}</strong>
                                    {% if admin.help(object.name) %}
                                        <small>{{ admin.help(object.name)|raw }}</small>
                                    {% endif %}
                                </div>
                                <div class="parameter-control">
                                    {% if object.value == 'true' or object.value == 'false' %}
                                        <label class="switch">
                                            <input type="checkbox"
                                                   class="parameter-input"
                                                   name="parameters[{{ object.id }}]"
                                                   id="param_{{ object.id }}"
                                                   value="true"
                                                   {% if object.value == 'true' %}checked{% endif %}
                                                   data-original-value="{{ object.value }}"
                                                   data-param-id="{{ object.id }}">
                                            <span class="slider"></span>
                                        </label>
                                    {% elseif object.name == 'ADHESION_TEXT' %}
                                        <textarea class="form-control parameter-input wysiwyg-editor"
                                                  name="parameters[{{ object.id }}]"
                                                  id="param_{{ object.id }}"
                                                  rows="10"
                                                  data-original-value="{{ object.value|e('html_attr') }}">{{ object.value }}</textarea>
                                    {% elseif object.name ends with 'TEXT' or object.name ends with 'ADRESS' %}
                                        <textarea class="form-control parameter-input"
                                                  name="parameters[{{ object.id }}]"
                                                  id="param_{{ object.id }}"
                                                  rows="4"
                                                  data-original-value="{{ object.value }}">{{ object.value }}</textarea>
                                    {% else %}
                                        <input type="text"
                                               class="form-control parameter-input"
                                               name="parameters[{{ object.id }}]"
                                               id="param_{{ object.id }}"
                                               value="{{ object.value }}"
                                               data-original-value="{{ object.value }}">
                                    {% endif %}
                                </div>
                            </div>
                        {% endif %}
                        {% endfor %}
                    {% endif %}
                </div>
            </div>
            {% endif %}
        </div>
    {% endfor %}
</div>


{# Barre d'actions Sonata #}
<div class="sonata-ba-form-actions">
    <button type="submit" class="btn btn-success" name="_sonata_admin_action" value="save" id="save-all-btn">
        <i class="fa fa-save"></i> Sauvegarder toutes les modifications
    </button>
    <a href="{{ admin.generateUrl('list') }}" class="btn btn-default" id="cancel-all-btn">
        <i class="fa fa-times"></i> Annuler
    </a>
</div>

</form> {# Fin du formulaire global #}

{# Initialisation CKEditor pour ADHESION_TEXT #}
<script>
$(document).ready(function() {
    // Initialiser CKEditor pour ADHESION_TEXT si présent
    var adhesionTextarea = document.querySelector('textarea.wysiwyg-editor');
    if (adhesionTextarea && typeof CKEDITOR !== 'undefined') {
        CKEDITOR.replace(adhesionTextarea.id, {
            height: 300,
            language: 'fr',
            toolbar: [
                { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline'] },
                { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight'] },
                { name: 'links', items: ['Link', 'Unlink'] },
                { name: 'insert', items: ['Table'] },
                { name: 'tools', items: ['Maximize'] },
                { name: 'editing', items: ['Source'] }
            ]
        });
    }
});
</script>

{% endblock %}