{% extends '@EasyAdmin/crud/edit.html.twig' %}

{% block page_actions %}
{% endblock %}

{% block main %}
    {{ parent() }}

    <div class="page-actions mt-4 d-flex gap-2">

        {% macro kebab_case(name) %}
            {{- name
                |replace({
                    'A':'-a','B':'-b','C':'-c','D':'-d','E':'-e','F':'-f','G':'-g',
                    'H':'-h','I':'-i','J':'-j','K':'-k','L':'-l','M':'-m','N':'-n',
                    'O':'-o','P':'-p','Q':'-q','R':'-r','S':'-s','T':'-t','U':'-u',
                    'V':'-v','W':'-w','X':'-x','Y':'-y','Z':'-z'
                })
                |trim('-')
            -}}
        {% endmacro %}

        {% import _self as utils %}

        {% if entity.instance %}
            {% set slug = utils.kebab_case(ea.entity.name) %}
            <a href="{{ '/admin/' ~ slug ~ '/' ~ entity.primaryKeyValue }}"
               class="btn btn-secondary text-danger">
                <i class="fa fa-times-circle"></i> Annuler
            </a>
        {% endif %}

        <button id="customSaveButton"
                class="btn btn-primary"
                type="submit"
                value="saveAndReturn"
                data-action-name="saveAndReturn"
                name="ea[form][btn]">
            <span class="btn-label">
                <span class="icon"><i class="fa fa-check-circle"></i></span>
                <span class="action-label">Enregistrer</span>
            </span>
        </button>
    </div>

    {% if entity.instance %}
        {% set slug = utils.kebab_case(ea.entity.name) %}
        <input type="hidden"
               name="redirectUrl"
               value="{{ '/admin/' ~ slug ~ '/' ~ entity.primaryKeyValue }}">
    {% endif %}

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const form = document.querySelector('form[id^="edit-"][id$="-form"]'); 
            const button = document.getElementById('customSaveButton');
            if (form && button) {
                button.setAttribute('form', form.id); // Lier le bouton au formulaire
            } else {
                console.warn("Formulaire ou bouton non trouvé");
            }
        });
    </script>
{% endblock %}