{% if form.vars.value.createdAt.timestamp is defined %}
    {% set submitValue = submitValue|default('registry.treatment.action.edit_submit'|trans) %}
{% else %}
    {% set submitValue = submitValue|default('registry.treatment.action.new_submit'|trans) %}
{% endif %}

{{ form_start(form) }}

    {{ include('Registry/Treatment/_form.html.twig') }}

    <div class="row">
        <div class="col-md-12">
            <div class="box box-solid">
                <div class="box-body text-center">
                    <a href="{{ path('registry_treatment_list') }}" class="btn btn-default">
                        {{ 'global.action.back_to_list'|trans }}
                    </a>
                    {% if not is_granted('ROLE_ADMIN') and not is_granted('ROLE_REFERENT') %}
                        <input type="submit" class="btn btn-info draft" value="{{ ('global.action.draft'|trans) }}">
                    {% endif %}
                    <input type="submit" class="btn btn-primary" value="{{ submitValue }}">
                </div>
            </div>
        </div>
    </div>

{{ form_end(form) }}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>
    $(document).ready(function(){
        $('.draft').on('click',function(){
            $('#treatment_statut').val('draft');
        })

        function toggleConsentFields() {
            if ($('#treatment_legalBasis').val() === 'consent') {
                $("label[for='treatment_consentRequest']").parents('.form-group').show();
                $("label[for='treatment_consentRequestFormat']").parents('.form-group').show();
                $("#treatment_consentRequestFormat").show();
            } else {
                $("label[for='treatment_consentRequest']").parents('.form-group').hide();
                $("label[for='treatment_consentRequestFormat']").parents('.form-group').hide();
                $("#treatment_consentRequestFormat").hide();
                $("#treatment_consentRequestFormat").val('');
                $("#treatment_consentRequest").prop('checked', false);
            }
        }

        // Initial check on page load
        toggleConsentFields();

        // Event listener for change
        $('#treatment_legalBasis').on('change', function(){
            toggleConsentFields();
        });

        // Fonction pour vérifier l'affichage de l'élément "sensitiveData"
        function checkSelectedItems() {
            // 1. Vérification des éléments du <select> au chargement de la page
            var shouldDisplay = false;  // Flag pour déterminer si on doit afficher le texte

            // Recherche des éléments sélectionnés et en gras dans le <select>
            $('#treatment_dataCategories option:selected').each(function() {
                var fontWeight = $(this).css('font-weight');

                if (fontWeight === '700') {  // 700 correspond à 'bold'
                    shouldDisplay = true;  // On marque qu'on doit afficher l'élément
                }
            });

            // Si un élément en gras et sélectionné est trouvé dans le <select>, on affiche l'élément
            if (shouldDisplay) {
                $('.sensitiveData').show();
            } else {
                $('.sensitiveData').hide();
            }

            // 2. Vérification des éléments du dropdown si l'utilisateur interagit avec la liste
            $('#treatment_dataCategories').closest('.dropdown').find('ul.dropdown-menu a').each(function() {
                var ariaSelected = $(this).attr('aria-selected');
                var fontWeight = $(this).css('font-weight');

                // Si un élément est sélectionné et en gras
                if (ariaSelected === "true" && fontWeight === '700') {
                    shouldDisplay = true;  // On marque qu'on doit afficher l'élément
                }
            });

            // Si un élément en gras et sélectionné est trouvé dans le dropdown, on affiche l'élément
            if (shouldDisplay) {
                $('.sensitiveData').show();
            } else {
                $('.sensitiveData').hide();
            }
        }

        // Vérifie l'état initial dès que la page est chargée (sur <select>)
        checkSelectedItems();

        // Lors du changement dans le dropdown (changement dans <select>)
        $('#treatment_dataCategories').on('changed.bs.select', function() {
            checkSelectedItems();
        });

        // Lorsqu'un élément <a> est sélectionné/déselectionné dans le dropdown
        $('#treatment_dataCategories').on('click', '.dropdown-menu a', function() {
            checkSelectedItems();
        });
    });
</script>