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

{% block field %}
    {% if admin.hasAccess('edit', object) and admin.hasRoute('updateNotes') %}
        <div class="gdpr-notes-container" data-url="{{ admin.generateObjectUrl('updateNotes', object) }}">
            <textarea
                class="form-control form-control-sm gdpr-admin-notes"
                rows="2"
                placeholder="Ajouter une note..."
                style="min-width:180px;font-size:12px;"
            >{{ object.adminNotes|default('') }}</textarea>
            <div class="mt-1 text-right">
                <button type="button" class="btn btn-xs btn-primary gdpr-save-notes" style="font-size:11px;padding:2px 8px;" disabled>
                    <i class="fa fa-save"></i> Enregistrer
                </button>
                <span class="gdpr-notes-status text-success" style="font-size:11px;display:none;">
                    <i class="fa fa-check"></i> Sauvegardé
                </span>
            </div>
        </div>
        <script>
        (function() {
            var container = document.currentScript.parentElement.querySelector('.gdpr-notes-container');
            if (!container) return;
            var textarea = container.querySelector('.gdpr-admin-notes');
            var saveBtn = container.querySelector('.gdpr-save-notes');
            var statusEl = container.querySelector('.gdpr-notes-status');
            var url = container.dataset.url;
            var originalValue = textarea.value;

            textarea.addEventListener('input', function() {
                saveBtn.disabled = (textarea.value === originalValue);
                statusEl.style.display = 'none';
            });

            saveBtn.addEventListener('click', function() {
                saveBtn.disabled = true;
                saveBtn.innerHTML = '<i class="fa fa-spinner fa-spin"></i>';

                var formData = new FormData();
                formData.append('adminNotes', textarea.value);

                fetch(url, {
                    method: 'POST',
                    body: formData,
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest'
                    }
                })
                .then(function(response) { return response.json(); })
                .then(function(data) {
                    saveBtn.innerHTML = '<i class="fa fa-save"></i> Enregistrer';
                    if (data.success) {
                        originalValue = textarea.value;
                        statusEl.style.display = 'inline';
                        setTimeout(function() { statusEl.style.display = 'none'; }, 3000);
                    } else {
                        alert('Erreur : ' + (data.message || 'Erreur inconnue'));
                        saveBtn.disabled = false;
                    }
                })
                .catch(function(err) {
                    saveBtn.innerHTML = '<i class="fa fa-save"></i> Enregistrer';
                    saveBtn.disabled = false;
                    alert('Erreur réseau : ' + err.message);
                });
            });
        })();
        </script>
    {% else %}
        {{ object.adminNotes|default('-')|nl2br }}
    {% endif %}
{% endblock %}