// Función de debounce para optimizar el rendimiento
function debounce(func, wait) {
    let timeout;
    return function executedFunction(...args) {
        const later = () => {
            clearTimeout(timeout);
            func(...args);
        };
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
    };
}

jQuery(document).ready(function($) {
    // Initialize color pickers
    $('.color-picker').wpColorPicker({
        change: function(event, ui) {
            updateStyles();
        }
    });

    // Initialize html2canvas
    var script = document.createElement('script');
    script.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
    document.head.appendChild(script);

    script.onload = function() {
        console.log('html2canvas loaded');
        $('.download-jpg').prop('disabled', false);
    };

    // Optimized zoom handling
    const handleZoom = debounce(function(target, value) {
        const zoomValue = value/100;
        const template = $(target).closest('.preview-box').find('.sunset-template');
        template.css('transform', `scale(${zoomValue})`);
    }, 16);

    // Zoom control event listener
    $('.zoom-range').on('input', function() {
        const value = $(this).val();
        $(this).siblings('.zoom-value').text(value + '%');
        handleZoom(this, value);
    });

    // Toggle excerpt position field visibility
    $('#cwpai_show_excerpt').on('change', function() {
        $('#excerpt_position').toggle(this.checked);
        updateStyles();
    });

    // Update styles function
    function updateStyles() {
        const lineColor = $('#cwpai_line_color').val();
        const lineWidth = $('#cwpai_line_width').val() + 'px';
        const marginTop = $('#cwpai_line_margin_top').val() + 'px';
        const marginBottom = $('#cwpai_line_margin_bottom').val() + 'px';
        const marginLeft = $('#cwpai_line_margin_left').val() + 'px';
        const marginRight = $('#cwpai_line_margin_right').val() + 'px';
        const categoryTop = $('#cwpai_category_position_top').val() + 'px';
        const websiteTop = $('#cwpai_website_position_top').val() + 'px';
        const titleTop = $('#cwpai_title_position_top').val() + 'px';
        const excerptTop = $('#cwpai_excerpt_position_top').val() + 'px';
        const categoryLeft = $('#cwpai_category_position_left').val() + 'px';
        const websiteLeft = $('#cwpai_website_position_left').val() + 'px';
        const titleLeft = $('#cwpai_title_position_left').val() + 'px';
        const titleSize = $('#cwpai_title_font_size').val() + 'px';
        const categorySize = $('#cwpai_category_font_size').val() + 'px';
        const websiteSize = $('#cwpai_website_font_size').val() + 'px';

        // Update visibility states
        const showCategory = $('#cwpai_show_category').prop('checked');
        const showWebsite = $('#cwpai_show_website').prop('checked');
        const showTitle = $('#cwpai_show_title').prop('checked');
        const showExcerpt = $('#cwpai_show_excerpt').prop('checked');

        $('.vertical-line').css({
            'background-color': lineColor,
            'width': lineWidth,
            'top': marginTop,
            'height': `calc(100% - (${marginTop} + ${marginBottom}))`,
            'left': marginLeft,
            'margin-right': marginRight
        });

        $('.category-tag').css({
            'display': showCategory ? 'block' : 'none',
            'top': categoryTop,
            'left': categoryLeft,
            'font-size': categorySize
        });

        $('.website-link').css({
            'display': showWebsite ? 'block' : 'none',
            'top': websiteTop,
            'left': websiteLeft,
            'font-size': websiteSize
        });

        $('.title').css({
            'display': showTitle ? 'block' : 'none',
            'top': titleTop,
            'left': titleLeft,
            'font-size': titleSize
        });

        $('.excerpt-preview').css({
            'display': showExcerpt ? 'block' : 'none',
            'top': excerptTop,
            'left': titleLeft
        });
    }

    // Copy buttons functionality with improved feedback
    $('.copy-excerpt, .copy-hashtags').on('click', function() {
        const button = $(this);
        const content = button.data('content');
        const originalText = button.text();

        // Create temporary textarea
        const textarea = document.createElement('textarea');
        textarea.value = content;
        textarea.style.position = 'absolute';
        textarea.style.left = '-9999px';
        document.body.appendChild(textarea);

        try {
            // Select and copy text
            textarea.select();
            document.execCommand('copy');
            
            // Visual feedback
            button.text('¡Copiado!');
            button.css('background-color', '#4CAF50');
            
            // Reset button after delay
            setTimeout(() => {
                button.text(originalText);
                button.css('background-color', '');
            }, 2000);
        } catch(err) {
            console.error('Error al copiar:', err);
            button.text('Error al copiar');
            button.css('background-color', '#f44336');
            
            setTimeout(() => {
                button.text(originalText);
                button.css('background-color', '');
            }, 2000);
        } finally {
            document.body.removeChild(textarea);
        }
    });

    // Canvas optimization function
    function optimizeCanvas(canvas, format) {
        const ctx = canvas.getContext('2d');
        
        // Enable image smoothing
        ctx.imageSmoothingEnabled = true;
        ctx.imageSmoothingQuality = 'high';
        
        // Set dimensions based on format
        switch(format) {
            case 'rectangular':
                canvas.width = 1200;
                canvas.height = 630;
                break;
            case 'vertical':
                canvas.width = 500;
                canvas.height = 890;
                break;
            case 'horizontal':
                canvas.width = 864;
                canvas.height = 864;
                break;
        }
        
        return canvas;
    }

    // Image download functionality with improved error handling
    $('.download-jpg').on('click', function() {
        const button = $(this);
        const format = button.data('format');
        const template = button.closest('.preview-box').find('.sunset-template')[0];

        // Disable button and show loading state
        button.text('Generando...').prop('disabled', true);
        
        const options = {
            scale: 2, // Higher quality
            useCORS: true,
            allowTaint: true,
            backgroundColor: '#000000',
            logging: false, // Disable logging in production
            onclone: function(clonedDoc) {
                const clonedElement = clonedDoc.querySelector('.sunset-template');
                if (clonedElement) {
                    // Reset zoom for export
                    clonedElement.style.transform = 'scale(1)';
                    
                    // Set dimensions based on format
                    switch(format) {
                        case 'rectangular':
                            clonedElement.style.width = '1200px';
                            clonedElement.style.height = '630px';
                            break;
                        case 'vertical':
                            clonedElement.style.width = '500px';
                            clonedElement.style.height = '890px';
                            break;
                        case 'horizontal':
                            clonedElement.style.width = '864px';
                            clonedElement.style.height = '864px';
                            break;
                    }
                }
            }
        };

        // Wait for all images to load
        Promise.all(Array.from(template.getElementsByTagName('img')).map(img => {
            return new Promise((resolve, reject) => {
                if (img.complete) {
                    resolve();
                } else {
                    img.onload = resolve;
                    img.onerror = reject;
                }
            });
        }))
        .then(() => {
            return html2canvas(template, options);
        })
        .then(canvas => {
            // Optimize canvas
            canvas = optimizeCanvas(canvas, format);
            
            // Convert to blob
            return new Promise((resolve, reject) => {
                canvas.toBlob(resolve, 'image/jpeg', 0.95);
            });
        })
        .then(blob => {
            // Generate filename
            const postTitle = template.dataset.title;
            const timestamp = new Date().getTime();
            const fileName = `${postTitle}-${format}-${timestamp}.jpg`;
            
            // Save file
            saveAs(blob, fileName);
            
            // Reset button
            button.text('Descargar ' + (
                format === 'vertical' ? 'Vertical' : 
                format === 'horizontal' ? 'Horizontal' : 
                'Rectangular'
            )).prop('disabled', false);
        })
        .catch(error => {
            console.error('Error:', error);
            button.text('Error - Intentar de nuevo').prop('disabled', false)
                .css('background-color', '#f44336');
            
            setTimeout(() => {
                button.css('background-color', '');
                button.text('Descargar ' + (
                    format === 'vertical' ? 'Vertical' : 
                    format === 'horizontal' ? 'Horizontal' : 
                    'Rectangular'
                ));
            }, 3000);
        });
    });

    // Line and position controls
    $('#cwpai_line_width, #cwpai_line_margin_top, #cwpai_line_margin_bottom, #cwpai_line_margin_left, #cwpai_line_margin_right, #cwpai_category_position_top, #cwpai_website_position_top, #cwpai_title_position_top, #cwpai_excerpt_position_top, #cwpai_category_position_left, #cwpai_website_position_left, #cwpai_title_position_left, #cwpai_title_font_size, #cwpai_category_font_size, #cwpai_website_font_size')
        .on('change input', debounce(updateStyles, 100));

    // Visibility controls
    $('#cwpai_show_category, #cwpai_show_website, #cwpai_show_title, #cwpai_show_excerpt')
        .on('change', updateStyles);

    // Global error handler
    window.onerror = function(msg, url, lineNo, columnNo, error) {
        console.error('Error: ', {
            message: msg,
            url: url,
            lineNumber: lineNo,
            columnNumber: columnNo,
            error: error
        });
        return false;
    };

    // Initial styles update
    updateStyles();
});<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
{"id":29222,"date":"2023-09-18T11:29:48","date_gmt":"2023-09-18T09:29:48","guid":{"rendered":"https:\/\/diariocosta.com\/?p=29222"},"modified":"2023-09-30T11:31:26","modified_gmt":"2023-09-30T09:31:26","slug":"el-ayuntamiento-eleva-a-26-los-espacios-municipales-cardioprotegidos-para-atender-a-personas-con-paradas-cardiacas","status":"publish","type":"post","link":"https:\/\/diariocosta.com\/el-ayuntamiento-eleva-a-26-los-espacios-municipales-cardioprotegidos-para-atender-a-personas-con-paradas-cardiacas\/","title":{"rendered":"El Ayuntamiento eleva a 26 los espacios municipales cardioprotegidos para atender a personas con paradas card\u00edacas"},"content":{"rendered":"<p>Estepona contar\u00e1 con 26 espacios cardioprotegidos tras la adjudicaci\u00f3n del contrato de suministro, instalaci\u00f3n y mantenimiento, en r\u00e9gimen de arrendamiento, de 22 desfibriladores externos automatizados (DEA) para centros e instalaciones municipales.<br \/>\nEstos dispositivos se sumar\u00e1n a los 4 con los que ya cuenta el Consistorio en propiedad, cuyo mantenimiento tambi\u00e9n correr\u00e1 a cargo de la adjudicataria, y permitir\u00e1n la ampliaci\u00f3n de la red de espacios con protecci\u00f3n a nuevas dependencias municipales como es el caso del Mirador del Carmen, el Gabinete Geri\u00e1trico municipal o la delegaci\u00f3n municipal de Turismo, adem\u00e1s del nuevo edificio consistorial. Tambi\u00e9n se incorporar\u00e1 uno a las instalaciones del Patronato Provincial de Recaudaci\u00f3n y uno m\u00e1s en el campo de f\u00fatbol de Cancelada.<br \/>\nEl servicio ha sido adjudicado a la empresa Anek-s3, S.L. por un importe total de 42.665,81 euros (IVA incluido), para los pr\u00f3ximos 4 a\u00f1os.<br \/>\nLa teniente alcalde de Personal y Recursos Humanos, Ana Vilaseca, ha se\u00f1alado que, en este nuevo contrato, se ha incluido una cl\u00e1usula por la que el Ayuntamiento se reserva la potestad de solicitar hasta 5 nuevos dispositivos, sin la necesidad de elaborar un nuevo acuerdo y respetando, por parte de la concesionaria, el precio unitario recogido en el contrato actual. Estos dispositivos adicionales tendr\u00edan el objeto de cubrir nuevas necesidades que puedan surgir en los pr\u00f3ximos 4 a\u00f1os, ha a\u00f1adido la edil.<br \/>\nLa instalaci\u00f3n de estos 26 desfibriladores en edificios e instalaciones p\u00fablicas asegura a los usuarios que estos espacios cumplen con todos los requisitos de seguridad. En caso de que sea necesario utilizar el aparato, \u00e9ste no reemplazar\u00e1 a los sanitarios; sino que permitir\u00e1 atender a la persona infartada o que presente alg\u00fan problema de coraz\u00f3n mientras un m\u00e9dico y los servicios de emergencia llegan hasta el lugar, ofreciendo una ayuda que puede ser crucial mientras se espera la llegada de los servicios de emergencia sanitaria.<\/p>\n<p>Adem\u00e1s de los nuevos espacios cardioprotegidos, las dependencias que ya contaban con esta calificaci\u00f3n son el estadio municipal San Fernando, el pabell\u00f3n deportivo \u2018La Lobilla\u2019, el estadio municipal Francisco Mu\u00f1oz P\u00e9rez, los polideportivos Santo Tom\u00e1s de Aquino y el Carmen, el Estadio de Atletismo, la tenencia de alcald\u00eda de Cancelada, Radio Televisi\u00f3n Estepona, la delegaci\u00f3n de Bienestar Social, el Parque Ferial, Deportivo y de Ocio, el Centro Cultural Padre Manuel, y la Jefatura de Polic\u00eda Local.<br \/>\nAdem\u00e1s, el municipio cuenta con un total de 7 desfibriladores m\u00f3viles, 3 en veh\u00edculos de la Polic\u00eda Local y 4 en los Protecci\u00f3n Civil.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estepona contar\u00e1 con 26 espacios cardioprotegidos tras la adjudicaci\u00f3n del contrato de suministro, instalaci\u00f3n y mantenimiento, en r\u00e9gimen de arrendamiento, de 22 desfibriladores externos automatizados (DEA) para centros e instalaciones municipales. Estos dispositivos se sumar\u00e1n a los 4 con los que ya cuenta el Consistorio en propiedad, cuyo mantenimiento tambi\u00e9n correr\u00e1 a cargo de la [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":29224,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34520],"tags":[],"class_list":{"0":"post-29222","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-estepona-actualidad"},"_links":{"self":[{"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/posts\/29222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/comments?post=29222"}],"version-history":[{"count":0,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/posts\/29222\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/media\/29224"}],"wp:attachment":[{"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/media?parent=29222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/categories?post=29222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/tags?post=29222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}