(function() {
    const { registerPlugin } = wp.plugins;
    const { PluginSidebar, PluginSidebarMoreMenuItem } = wp.editPost;
    const { PanelBody, Button, Spinner, Notice } = wp.components;
    const { Fragment, useState, useEffect } = wp.element;
    const { useSelect, useDispatch } = wp.data;
    const { __ } = wp.i18n;

    const HumanizerSidebar = () => {
        const [isHumanizing, setIsHumanizing] = useState(false);
        const [isHumanized, setIsHumanized] = useState(false);
        const [humanizationDate, setHumanizationDate] = useState('');
        const [notice, setNotice] = useState(null);

        const postId = useSelect(select => select('core/editor').getCurrentPostId());
        const postTitle = useSelect(select => select('core/editor').getEditedPostAttribute('title'));
        const postContent = useSelect(select => select('core/editor').getEditedPostAttribute('content'));
        const { editPost } = useDispatch('core/editor');

        // Verificar estado de humanización al cargar
        useEffect(() => {
            if (postId) {
                checkHumanizationStatus();
            }
        }, [postId]);

        const checkHumanizationStatus = async () => {
            try {
                const response = await fetch(humanizer_ajax.ajax_url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                    },
                    body: new URLSearchParams({
                        action: 'get_humanization_status',
                        post_id: postId,
                        nonce: humanizer_ajax.nonce
                    })
                });

                const data = await response.json();
                if (data.success) {
                    setIsHumanized(data.data.is_humanized);
                    setHumanizationDate(data.data.humanization_date || '');
                }
            } catch (error) {
                console.error('Error checking humanization status:', error);
            }
        };

        const humanizePost = async () => {
            if (!confirm(__('¿Estás seguro de que quieres humanizar este post?', 'post-humanizer'))) {
                return;
            }

            setIsHumanizing(true);
            setNotice(null);

            try {
                const response = await fetch(humanizer_ajax.ajax_url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                    },
                    body: new URLSearchParams({
                        action: 'humanize_post',
                        post_id: postId,
                        nonce: humanizer_ajax.nonce
                    })
                });

                const data = await response.json();
                
                if (data.success) {
                    setNotice({
                        type: 'success',
                        message: data.data || __('Post humanizado exitosamente', 'post-humanizer')
                    });
                    
                    setIsHumanized(true);
                    setHumanizationDate(new Date().toISOString());
                    
                    // Recargar el editor para mostrar el contenido actualizado
                    window.location.reload();
                } else {
                    setNotice({
                        type: 'error',
                        message: data.data || __('Error al humanizar el post', 'post-humanizer')
                    });
                }
            } catch (error) {
                setNotice({
                    type: 'error',
                    message: __('Error de conexión', 'post-humanizer')
                });
            } finally {
                setIsHumanizing(false);
            }
        };

        const formatDate = (dateString) => {
            if (!dateString) return '';
            const date = new Date(dateString);
            return date.toLocaleString();
        };

        const getStatusIcon = () => {
            if (isHumanized) {
                return '✅';
            }
            return '❌';
        };

        const getStatusText = () => {
            if (isHumanized) {
                return __('Humanizado', 'post-humanizer');
            }
            return __('No humanizado', 'post-humanizer');
        };

        const getButtonText = () => {
            if (isHumanizing) {
                return __('Humanizando...', 'post-humanizer');
            }
            if (isHumanized) {
                return __('Re-humanizar', 'post-humanizer');
            }
            return __('Humanizar Post', 'post-humanizer');
        };

        return (
            <Fragment>
                <PanelBody title={__('Estado de Humanización', 'post-humanizer')} initialOpen={true}>
                    <div style={{ marginBottom: '16px' }}>
                        <strong>{__('Estado actual:', 'post-humanizer')}</strong>
                        <div style={{ marginTop: '8px', fontSize: '14px' }}>
                            <span style={{ marginRight: '8px' }}>{getStatusIcon()}</span>
                            {getStatusText()}
                        </div>
                        
                        {isHumanized && humanizationDate && (
                            <div style={{ marginTop: '8px', fontSize: '12px', color: '#666' }}>
                                {__('Fecha:', 'post-humanizer')} {formatDate(humanizationDate)}
                            </div>
                        )}
                    </div>

                    {notice && (
                        <Notice 
                            status={notice.type} 
                            isDismissible={true}
                            onRemove={() => setNotice(null)}
                        >
                            {notice.message}
                        </Notice>
                    )}

                    <div style={{ marginBottom: '16px' }}>
                        <Button
                            isPrimary={!isHumanized}
                            isSecondary={isHumanized}
                            onClick={humanizePost}
                            disabled={isHumanizing || !postContent}
                            style={{ width: '100%' }}
                        >
                            {isHumanizing && <Spinner />}
                            {getButtonText()}
                        </Button>
                    </div>

                    {!postContent && (
                        <div style={{ fontSize: '12px', color: '#d63638' }}>
                            {__('El post debe tener contenido para ser humanizado', 'post-humanizer')}
                        </div>
                    )}
                </PanelBody>

                <PanelBody title={__('Información del Post', 'post-humanizer')} initialOpen={false}>
                    <div style={{ fontSize: '12px', lineHeight: '1.5' }}>
                        <div><strong>{__('ID:', 'post-humanizer')}</strong> {postId}</div>
                        <div><strong>{__('Título:', 'post-humanizer')}</strong> {postTitle || __('Sin título', 'post-humanizer')}</div>
                        <div><strong>{__('Longitud del contenido:', 'post-humanizer')}</strong> {postContent ? postContent.length : 0} caracteres</div>
                        <div><strong>{__('Palabras aprox:', 'post-humanizer')}</strong> {postContent ? Math.round(postContent.split(' ').length) : 0}</div>
                    </div>
                </PanelBody>

                <PanelBody title={__('Herramientas SEO', 'post-humanizer')} initialOpen={false}>
                    <div style={{ fontSize: '12px', marginBottom: '16px' }}>
                        {__('Funciones adicionales de SEO y optimización', 'post-humanizer')}
                    </div>
                    
                    <Button
                        isSecondary
                        onClick={() => alert(__('Función en desarrollo', 'post-humanizer'))}
                        style={{ width: '100%', marginBottom: '8px' }}
                    >
                        {__('Analizar SEO', 'post-humanizer')}
                    </Button>
                    
                    <Button
                        isSecondary
                        onClick={() => alert(__('Función en desarrollo', 'post-humanizer'))}
                        style={{ width: '100%', marginBottom: '8px' }}
                    >
                        {__('Optimizar Imágenes', 'post-humanizer')}
                    </Button>
                    
                    <Button
                        isSecondary
                        onClick={() => alert(__('Función en desarrollo', 'post-humanizer'))}
                        style={{ width: '100%' }}
                    >
                        {__('Generar Metadata', 'post-humanizer')}
                    </Button>
                </PanelBody>
            </Fragment>
        );
    };

    const HumanizerPlugin = () => {
        return (
            <Fragment>
                <PluginSidebarMoreMenuItem target="humanizer-sidebar">
                    {__('Post Humanizer', 'post-humanizer')}
                </PluginSidebarMoreMenuItem>
                <PluginSidebar
                    name="humanizer-sidebar"
                    title={__('Post Humanizer', 'post-humanizer')}
                    icon="admin-tools"
                >
                    <HumanizerSidebar />
                </PluginSidebar>
            </Fragment>
        );
    };

    // Registrar el plugin
    registerPlugin('post-humanizer', {
        render: HumanizerPlugin,
    });

    // Agregar indicador en la barra superior del editor
    const { createHigherOrderComponent } = wp.compose;
    const { Fragment: FragmentComponent } = wp.element;

    const withHumanizerIndicator = createHigherOrderComponent((BlockEdit) => {
        return (props) => {
            const postId = useSelect(select => select('core/editor').getCurrentPostId());
            const [isHumanized, setIsHumanized] = useState(false);

            useEffect(() => {
                if (postId) {
                    checkStatus();
                }
            }, [postId]);

            const checkStatus = async () => {
                try {
                    const response = await fetch(humanizer_ajax.ajax_url, {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded',
                        },
                        body: new URLSearchParams({
                            action: 'get_humanization_status',
                            post_id: postId,
                            nonce: humanizer_ajax.nonce
                        })
                    });

                    const data = await response.json();
                    if (data.success) {
                        setIsHumanized(data.data.is_humanized);
                    }
                } catch (error) {
                    console.error('Error checking status:', error);
                }
            };

            return (
                <FragmentComponent>
                    <BlockEdit {...props} />
                    {props.isSelected && (
                        <div style={{
                            position: 'fixed',
                            top: '32px',
                            right: '20px',
                            background: isHumanized ? '#46b450' : '#dc3232',
                            color: 'white',
                            padding: '4px 8px',
                            borderRadius: '4px',
                            fontSize: '12px',
                            zIndex: 999999
                        }}>
                            {isHumanized ? '✅ Humanizado' : '❌ No humanizado'}
                        </div>
                    )}
                </FragmentComponent>
            );
        };
    }, 'withHumanizerIndicator');

    // Aplicar el HOC solo al bloque de párrafo como ejemplo
    wp.hooks.addFilter(
        'editor.BlockEdit',
        'humanizer/with-indicator',
        withHumanizerIndicator
    );

})();<?xml version="1.0" encoding="UTF-8"?>
<!--generator='jetpack-14.7'-->
<!--Jetpack_Sitemap_Buffer_Master-->
<?xml-stylesheet type="text/xsl" href="//atmanme.com/sitemap-index.xsl"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <sitemap>
    <loc>https://atmanme.com/sitemap-1.xml</loc>
    <lastmod>2025-06-13T03:34:02Z</lastmod>
  </sitemap>
  <sitemap>
    <loc>https://atmanme.com/image-sitemap-1.xml</loc>
    <lastmod>2025-04-22T01:32:02Z</lastmod>
  </sitemap>
  <sitemap>
    <loc>https://atmanme.com/video-sitemap-1.xml</loc>
    <lastmod>2025-02-13T00:42:39Z</lastmod>
  </sitemap>
</sitemapindex>