Event Binding and Delegation

(function($) {
    'use strict';
    
    $(document).ready(function() {
        
        // Direct event binding
        $('.button').click(function(e) {
            e.preventDefault();
            console.log('Button clicked');
        });
        
        // Multiple events
        $('.input').on('focus blur', function(e) {
            $(this).toggleClass('active');
        });
        
        // Event delegation (for dynamic content)
        $(document).on('click', '.dynamic-button', function(e) {
            e.preventDefault();
            console.log('Dynamic button clicked');
        });
        
        // Custom events
        $('.widget').on('widget:refresh', function() {
            $(this).find('.content').load('/api/widget-content');
        });
        
        // Trigger custom event
        $('.widget').trigger('widget:refresh');
        
        // Common WordPress events
        
        // Mobile menu toggle
        $('.menu-toggle').on('click', function() {
            const $menu = $('.nav-menu');
            const isOpen = $menu.hasClass('is-open');
            
            $menu.toggleClass('is-open');
            $(this).attr('aria-expanded', !isOpen);
            
            // Trigger custom event
            $(document).trigger('menu:toggled', [!isOpen]);
        });
        
        // Smooth scrolling
        $('a[href^="#"]').on('click', function(e) {
            const hash = this.hash;
            
            if (hash) {
                e.preventDefault();
                
                $('html, body').animate({
                    scrollTop: $(hash).offset().top - 100
                }, 800, function() {
                    window.location.hash = hash;
                });
            }
        });
        
        // Form validation
        $('#contact-form').on('submit', function(e) {
            const $form = $(this);
            const $errors = $form.find('.error');
            
            // Clear previous errors
            $errors.removeClass('error');
            
            // Validate required fields
            $form.find('[required]').each(function() {
                if (!$(this).val()) {
                    $(this).addClass('error');
                    e.preventDefault();
                }
            });
            
            // Validate email
            const $email = $form.find('input[type="email"]');
            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            
            if ($email.length && !emailRegex.test($email.val())) {
                $email.addClass('error');
                e.preventDefault();
            }
        });
        
        // Infinite scroll
        let loading = false;
        $(window).on('scroll', function() {
            if (loading) return;
            
            const scrollHeight = $(document).height();
            const scrollPosition = $(window).height() + $(window).scrollTop();
            
            if ((scrollHeight - scrollPosition) < 200) {
                loading = true;
                loadMorePosts();
            }
        });
        
        // Debounced resize
        let resizeTimer;
        $(window).on('resize', function() {
            clearTimeout(resizeTimer);
            resizeTimer = setTimeout(function() {
                // Handle resize
                adjustLayout();
            }, 250);
        });
        
        // Keyboard navigation
        $(document).on('keydown', function(e) {
            // Escape key
            if (e.keyCode === 27) {
                $('.modal').removeClass('is-open');
                $('.dropdown').removeClass('is-open');
            }
            
            // Arrow keys for gallery
            if ($('.gallery').hasClass('is-open')) {
                if (e.keyCode === 37) { // Left arrow
                    navigateGallery('prev');
                } else if (e.keyCode === 39) { // Right arrow
                    navigateGallery('next');
                }
            }
        });
    });
    
})(jQuery);