     </div>
                    `;
                }
            })
            .catch(error => {
                content.innerHTML = `
                    <div class="rc-alert rc-alert-error">
                        <i class="bi bi-exclamation-triangle"></i>
                        Error loading case devices: ${error.message}
                    </div>
                `;
            });
    }

    function closeCaseDevicesModal() {
        document.getElementById('caseDevicesModal').style.display = 'none'