Course Registration - CPI Technologies


<style>
    body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }
    
    /* Hide header and footer for this page */
    header.main-header,
    footer.main-footer,
    .main-footer {
        display: none !important;
    }
    
    /* Make iframe full screen */
    .iframe-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        background: white;
    }
    
    .registration-iframe {
        width: 100%;
        height: 100%;
        border: none;
        margin: 0;
        padding: 0;
        display: block;
    }
    
    .iframe-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 10000;
    }
    
    .spinner-border {
        width: 3rem;
        height: 3rem;
    }
    
    .iframe-loading p {
        margin-top: 1rem;
        color: #007bff;
        font-weight: 500;
    }
    
    /* Ensure no scrolling on body */
    html, body {
        overflow: hidden;
    }
</style>



<div class="iframe-container">
    <div class="iframe-loading" id="iframe-loading">
        <div class="spinner-border text-primary" role="status">
            <span class="sr-only">Loading registration form...</span>
        </div>
        <p class="mt-2">Loading Course Registration Form...</p>
    </div>
    <iframe 
        src="https://exams.cpitechinc.com/register?course=39#course-form" 
        class="registration-iframe" 
        id="registration-iframe"
        title="Course Registration Form"
        onload="document.getElementById('iframe-loading').style.display='none';"
        sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-modals"
        allow="fullscreen">
    </iframe>
</div>



<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Ensure header and footer are hidden
        const header = document.querySelector('header.main-header');
        const footer = document.querySelector('footer.main-footer, .main-footer');
        
        if (header) header.style.display = 'none';
        if (footer) footer.style.display = 'none';
        
        // Hide loading spinner after iframe loads
        const iframe = document.getElementById('registration-iframe');
        const loading = document.getElementById('iframe-loading');
        
        iframe.onload = function() {
            if (loading) {
                loading.style.display = 'none';
            }
        };
        
        // Fallback: hide loading after 10 seconds
        setTimeout(function() {
            if (loading && loading.style.display !== 'none') {
                loading.style.display = 'none';
            }
        }, 10000);
        
        // Prevent body scrolling
        document.body.style.overflow = 'hidden';
        document.documentElement.style.overflow = 'hidden';
        
        // Add back button functionality (optional)
        function checkIframeURL() {
            try {
                const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
                const currentURL = iframe.contentWindow.location.href;
                
                // Check if we're no longer on the registration form
                if (!currentURL.includes('/register') && !currentURL.includes('course=39')) {
                    // You could redirect back to courses page or show a message
                    console.log('Registration completed or navigated away');
                }
            } catch (e) {
                // Cross-origin restrictions, can't access iframe content
                console.log('Cannot access iframe content due to security restrictions');
            }
        }
        
        // Check iframe URL periodically (optional)
        // setInterval(checkIframeURL, 2000);
    });
</script>