eline.loading}">Loading...</div>
        </div>
    </div>
</div>
<script th:inline="javascript">
    window.userSettings = /*[[${userSettings}]]*/ {}

    function shouldTrigger(element) {
        return !element.classList.contains('active');
    }
    function initializePlaceMaps() {
        const mapContainers = document.querySelectorAll('.place-map:not([data-map-initialized])');
        mapContainers.forEach((container, index) => {
            container.setAttribute('data-map-initialized', 'true');

   