</main><footer id="footer">
        <div class="footer-top">
            <div class="container">
                <div class="row">

                    <div class="col-lg-3 col-md-6 footer-links">
                        <h4>Useful Links</h4>
                        <ul>
                            <li><i class="bx bx-chevron-right"></i> <a href="index.php?hal=home">Home</a></li>
                            <li><i class="bx bx-chevron-right"></i> <a href="index.php?hal=about">About us</a></li>
                        </ul>
                    </div>

                    <div class="col-lg-3 col-md-6 footer-links">
                        <h4>Our Services</h4>
                        <ul>
                            <li><i class="bx bx-chevron-right"></i> <a href="index.php?hal=film">Tiket Bioskop</a></li>
                            <li><i class="bx bx-chevron-right"></i> <a href="index.php?hal=film">Film Bioskop</a></li>
                        </ul>
                    </div>

                    <div class="col-lg-3 col-md-6 footer-contact">
                        <h4>Contact Us</h4>
                        <p>
                            ADMIN Cinema SI <br>
                            Bekasi, Jawa Barat<br> Indonesia <br><br>
                            <strong>Phone:</strong> +62 8561 2233 456<br>
                            <strong>Email:</strong> CinemaSI@gmail.com<br>
                        </p>

                    </div>

                    <div class="col-lg-3 col-md-6 footer-info">
                        <h3>About Cinema SI</h3>
                        <p>Aplikasi Ticketing Bioskop Film terbaru dan terbaik pilihan kamu !</p>
                        <div class="social-links mt-3">
                            <a href="https://www.tiktok.com/@rafaaa_tv" target="_blank" class="twitter"><i class="bx bxl-tiktok"></i></a>
                            <a href="https://www.instagram.com/rafifrff/" target="_blank" class="instagram"><i class="bx bxl-instagram"></i></a>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="modal fade" id="logoutConfirmModal" tabindex="-1" aria-labelledby="logoutConfirmModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-sm modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="logoutConfirmModalLabel">Konfirmasi Logout</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body text-center" style="color: #333333 !important; font-size: 1rem !important;">
                        Apakah Anda yakin ingin keluar dari akun? 
                    </div>
                    <div class="modal-footer justify-content-center">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                        <a id="confirmLogoutButton" href="index.php?hal=logout" class="btn btn-danger">Keluar</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="copyright">
                &copy; Copyright <strong><span>Cinema SI</span></strong>. All Rights Reserved. <br>
                <span>Current Time: <?= date('F d, Y H:i:s T'); ?></span> </div>
            <div class="credits">
                Designed by <a href="https://www.instagram.com/rafifrff/" target="_blank">Rafif dan Desy</a> 
            </div>
        </div>
    </footer><a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

    </div> <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
    <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
    <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
    <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
    <script src="assets/vendor/php-email-form/validate.js"></script>

    <script src="assets/js/main.js"></script>

    <script>
        window.addEventListener('load', function() {
            const loadingScreen = document.getElementById('loading-screen');
            const mainContentWrapper = document.getElementById('main-content-wrapper');
            
            // Add fade-out effect to loading screen
            loadingScreen.style.opacity = '0';
            
            // Wait for transition to finish, then hide
            loadingScreen.addEventListener('transitionend', function() {
                loadingScreen.style.display = 'none'; // Sembunyikan loading screen
                document.body.classList.remove('loading'); // Hapus kelas loading dari body
                
                // Tampilkan konten utama dengan transisi
                mainContentWrapper.style.opacity = '1';
                mainContentWrapper.style.visibility = 'visible';
            });
        });
    </script>
</body>

</html>