<?php
// Protection from direct access
if (!defined('ABSPATH')) {
    exit;
}

function ai_content_wizard_add_help_icon() {
    $current_screen = get_current_screen();
    if (strpos($current_screen->id, 'ai_content_wizard') !== false) {
        ?>
        <!-- Всплывающая подсказка -->
        <div id="ai-help-text" style="display: none;"><?php echo esc_html__('Need help?', 'ai-content-wizard'); ?></div>


        <!-- Иконка помощи -->
        <div id="ai-help-icon" class="ai-help-icon">
            <div class="ai-help-icon-content">
                <i class="fas fa-regular fa-question"></i> <!-- Иконка Font Awesome -->
            </div>
            
            <div id="ai-help-options" class="ai-help-options" style="display: none;">
                <a href="https://t.me/buyreadysite" target="_blank"><i class="fab fa-telegram-plane"></i> Telegram</a>
                <a href="viber://chat?number=380686851897" target="_blank"><i class="fab fa-viber"></i> Viber</a>
                <a href="mailto:aiwizard@buyreadysite.com"><i class="fas fa-envelope"></i> Email</a>
                <a href="https://wa.me/380686851897" target="_blank"><i class="fab fa-whatsapp"></i> WhatsApp</a>
            </div>
        </div>
<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        var helpIcon = document.getElementById('ai-help-icon');
        var helpOptions = document.getElementById('ai-help-options');
        var helpText = document.getElementById('ai-help-text');
        var helpOptionsVisible = false; // Флаг для состояния отображения опций

        helpIcon.addEventListener('click', function() {
            helpOptionsVisible = !helpOptionsVisible; // Переключаем флаг
            helpOptions.style.display = helpOptionsVisible ? 'block' : 'none';
            helpText.style.display = 'none'; // Скрываем подсказку при любом клике
        });

        // Периодическое появление подсказки, если опции закрыты
        setInterval(function() {
            if (!helpOptionsVisible) {
                helpText.style.display = helpText.style.display === 'none' ? 'block' : 'none';
            }
        }, 10000); // Появление каждые 10 секунд
    });
</script>

        <style>
            .ai-help-icon {
                position: fixed;
                right: 20px;
                bottom: 20px;
                z-index: 9999;
            }
            .ai-help-icon-content {
                background-color: #00aff0;
                padding: 10px;
                border-radius: 50%;
                cursor: pointer;
            }
            .ai-help-options {
                position: absolute;
                background-color: #fff;
                padding: 10px;
                border: 1px solid #ddd;
                border-radius: 5px;
                bottom: 65px;
                right: 0;
				width: 120px;
                
            }
			.ai-help-options a {
				display: block;
				margin-bottom: 5px;
				text-decoration: none;
				font-size: 18px;
				padding: 3px;
			}
			
			
			
            .ai-help-icon-content {
                background-color: #d35400; /* Яркий цвет фона для привлечения внимания */
                padding: 15px;
                border-radius: 50%;
                cursor: pointer;
                display: flex;
                justify-content: center;
                align-items: center;
                animation: pulse-animation 2s infinite;
                position: relative;
            }
			
			.ai-help-icon-content .fa-question {
				font-size: 30px;
				color: white;
				cursor: pointer;
				padding-left: 3px;
				padding-right: 3px;
			}

            /* Пульсация для иконки помощи */
            @keyframes pulse-animation {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            /* Стили для иконок мессенджеров */
            .ai-help-options a i {
                font-size: 24px; /* Увеличиваем размер иконок */
                color: #00aff0; /* Цвет иконок */
            }

            /* Стили для всплывающей подсказки */
            #ai-help-text {
                display: none; /* Скрыто по умолчанию */
                position: fixed;
                right: 20px; /* Смещение от правого края */
                bottom: 100px; /* Смещение от нижнего края */
                background: #f44336; /* Яркий фон для привлечения внимания */
                color: white; /* Цвет текста */
                padding: 8px 12px;
                border-radius: 4px;
                box-shadow: 0 2px 4px rgba(0,0,0,.2);
                z-index: 9999;
                font-size: 16px; /* Размер шрифта текста подсказки */
            }
			
			.ai-help-options a i {
				font-size: 28px; /* Увеличиваем размер иконок */
				color: #00aff0; /* Цвет иконок */
			}

			/* Добавляем цвета для каждого из мессенджеров */
			.ai-help-options a[href*="t.me"] i { color: #0088cc; } /* Цвет иконки Telegram */
			.ai-help-options a[href*="viber"] i { color: #665CAC; } /* Цвет иконки Viber */
			.ai-help-options a[href*="mailto"] i { color: #d54e21; } /* Цвет иконки Email */
			.ai-help-options a[href*="wa.me"] i { color: #25D366; } /* Цвет иконки WhatsApp */
			
			
			
        </style>
        <?php
    }
}

// Подключаем функцию к хуку admin_footer, чтобы добавить элементы в конец страницы
add_action('admin_footer', 'ai_content_wizard_add_help_icon');

