/* Layout builder (header scripts) */
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<script src="/assets/js/critical-performance.js"></script>
<script>
// Theme settings loaded
</script>
<script>
console.log("No theme settings found with any of the tried slugs.");
</script>
<script>
console.log("No active template found for defaultlaravel theme.");
</script>
<script>
console.log("themeSettings is empty. No settings found for the active template.");
</script>
<script>
console.log("themeSettings loaded successfully.");
</script>
<script>
// Simple script loader
        function loadScript(src, callback) {
            // Check if script already exists
            if (document.querySelector('script[src="' + src + '"]')) {
                if (callback) callback();
                return;
            }

            const script = document.createElement('script');
            script.src = src;
            script.async = true;
            script.onload = function() {
                console.log('Script loaded:', src);
                if (callback) callback();
            };
            script.onerror = function() {
                console.error('Failed to load script:', src);
            };
            document.head.appendChild(script);
        }

        // Get theme URL
        function getThemeUrl() {
            const existingScript = document.querySelector('script[src*="/assets/libs/"]');
            if (existingScript) {
                const src = existingScript.src;
                return src.substring(0, src.indexOf('/assets/libs/'));
            }
            return '/theme/defaultlaravel';
        }

        // Load scripts immediately when DOM is ready
        document.addEventListener('DOMContentLoaded', function() {
            const themeUrl = getThemeUrl();
            const cacheBuster = '?v=' + Date.now();
            console.log('Theme URL detected:', themeUrl);

            // Load Flickity if slideshow elements exist
            const flickityElements = document.querySelectorAll('[data-flickity]');
            if (flickityElements.length > 0) {
                console.log('Flickity elements found, loading Flickity...');
                loadScript(themeUrl + '/assets/libs/flickity/flickity.pkgd.min.js' + cacheBuster);
            }

            // Load countdown if countdown elements exist
            const countdownElements = document.querySelectorAll('.js_kl__countdown');
            if (countdownElements.length > 0) {
                console.log('Countdown elements found, loading countdown...');
                loadScript(themeUrl + '/assets/libs/jquery-countdown/jquery.countdown.min.js' + cacheBuster);
            }

            // Load jarallax if jarallax elements exist
            const jarallaxElements = document.querySelectorAll('[data-jarallax]');
            if (jarallaxElements.length > 0) {
                console.log('Jarallax elements found, loading jarallax...');
                loadScript(themeUrl + '/assets/libs/jarallax/jarallax.min.js' + cacheBuster);
            }

            // Load Swiper if swiper elements exist
            const swiperElements = document.querySelectorAll('.swiper, .mySwiper, .saleSwiper');
            if (swiperElements.length > 0) {
                console.log('Swiper elements found, loading Swiper...');
                loadScript(themeUrl + '/assets/libs/swiper/swiper-bundle.min.js' + cacheBuster);
            }
        });
</script>