{% extends '@kohinos/installation/layout.html.twig' %}

{% block step_title %}Configuration du Kohinos{% endblock %}

{% block step_content %}
    <div class="mb-4">
        <p>Bienvenue dans l'assistant d'installation du Kohinos. Cette première étape vous permet de configurer les options de base.</p>
        <p>Vous pouvez activer la Monnaie Locale Complémentaire et Citoyenne (MLCC), la Sécurité Sociale Alimentaire (SSA), ou les deux.</p>
    </div>

    {{ form_start(form, {'attr': {'class': 'installation-form'}}) }}
        <div class="form-group">
            {{ form_label(form.mlc_url) }}
            {{ form_widget(form.mlc_url) }}
            {{ form_errors(form.mlc_url) }}
            {% if form.mlc_url.vars.help is defined %}
                <small class="help-text">{{ form.mlc_url.vars.help|raw }}</small>
            {% endif %}
        </div>

        <div class="installation-section">
            <h4 class="installation-section-title">Modules à activer</h4>
            <div class="form-group">
                <div class="form-check">
                    {{ form_widget(form.enable_mlc) }}
                    {{ form_label(form.enable_mlc) }}
                </div>
                {{ form_errors(form.enable_mlc) }}
                {% if form.enable_mlc.vars.help is defined %}
                    <small class="help-text">{{ form.enable_mlc.vars.help|raw }}</small>
                {% endif %}
            </div>

            <div class="form-group">
                <div class="form-check">
                    {{ form_widget(form.enable_ssa) }}
                    {{ form_label(form.enable_ssa) }}
                </div>
                {{ form_errors(form.enable_ssa) }}
                {% if form.enable_ssa.vars.help is defined %}
                    <small class="help-text">{{ form.enable_ssa.vars.help|raw }}</small>
                {% endif %}
            </div>
        </div>

        <div class="installation-nav">
            <div></div> {# Placeholder for back button #}
            <button type="submit" class="btn btn-primary">Continuer</button>
        </div>
    {{ form_end(form) }}
{% endblock %}

{% block step_scripts %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Préremplir l'URL avec le nom de domaine actuel
        const urlInput = document.getElementById('install_step1_mlc_url');
        if (urlInput && !urlInput.value) {
            urlInput.value = window.location.origin;
        }
    });
</script>
{% endblock %}