/**
 * JavaScript for CV Templates View Template popup
 */
(function($) {
    'use strict';
    
    $(document).ready(function() {
        // Click handler for view template links
        $(document).on('click', '.view-template-popup', function(e) {
            e.preventDefault();
            
            var templateId = $(this).data('template-id');
            var image = $(this).data('image-url');
            // Show loading state
            $('#template-popup-content').html('<img src="' + image + '" alt="Template Preview">');
            $('#template-popup-overlay').fadeIn(200);
        });
        
        // Close popup when clicking the close button
        $('#template-popup-close').on('click', function() {
            $('#template-popup-overlay').fadeOut(200);
        });
        
        // Close popup when clicking outside the popup
        $('#template-popup-overlay').on('click', function(e) {
            if (e.target === this) {
                $(this).fadeOut(200);
            }
        });
        
        // Close popup when pressing ESC key
        $(document).on('keyup', function(e) {
            if (e.key === 'Escape' && $('#template-popup-overlay').is(':visible')) {
                $('#template-popup-overlay').fadeOut(200);
            }
        });
    });
})(jQuery);