              </div>
                        </div>
                    `;
                    document.getElementById('viewCableModal').style.display = 'flex';
                    document.body.style.overflow = 'hidden';
                }
            })
            .catch(error => {
                console.error('Error loading cable:', error);
                alert('Error loading cable details');
            });
    }

    function closeViewCableModal() {
        document.getElementById('viewCableModal').s