<?php
if (!defined('ABSPATH')) {
    exit;
}
?>
    <div id="iapc_ai_guided_modal" class="iapc-ai-guided-modal" aria-hidden="true">
        <div class="iapc-ai-guided-modal__backdrop" data-iapc-close-guided></div>
        <div
            class="iapc-ai-guided-modal__dialog"
            role="dialog"
            aria-modal="true"
            aria-labelledby="iapc_ai_guided_modal_title"
        >
            <div class="iapc-ai-guided-modal__header">
                <h3 id="iapc_ai_guided_modal_title">🤖 <?php esc_html_e('Guided AI', 'idesoftbcn-ai-product-customizer'); ?></h3>
                <div class="iapc-ai-guided-modal__header-actions">
                    <button type="button" id="iapc_clear_guided" class="iapc-ai-guided-modal__clear-filters">
                        <?php esc_html_e('Clear filter', 'idesoftbcn-ai-product-customizer'); ?>
                    </button>
                    <button
                        type="button"
                        class="iapc-ai-guided-modal__close"
                        data-iapc-close-guided
                        aria-label="<?php esc_attr_e('Close', 'idesoftbcn-ai-product-customizer'); ?>"
                    >&times;</button>
                </div>
            </div>

            <div class="iapc-ai-guided-modal__body">
                <div class="iapc-field">
                    <label><?php esc_html_e('Format', 'idesoftbcn-ai-product-customizer'); ?></label>
                    <div class="iapc-ai-guided-buttons" data-group="format">
                        <button type="button" class="iapc-ai-choice" data-value="sticker"><?php esc_html_e('Sticker', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="logo"><?php esc_html_e('Logo', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="illustration"><?php esc_html_e('Illustration', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="pattern"><?php esc_html_e('Pattern', 'idesoftbcn-ai-product-customizer'); ?></button>
                    </div>
                </div>

                <div class="iapc-field">
                    <label><?php esc_html_e('Style', 'idesoftbcn-ai-product-customizer'); ?></label>
                    <div class="iapc-ai-guided-buttons" data-group="style">
                        <button type="button" class="iapc-ai-choice" data-value="deportivo">🚗 <?php esc_html_e('Sporty', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="elegante">✨ <?php esc_html_e('Elegant', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="minimalista">🎨 <?php esc_html_e('Minimalist', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="anime">⚡ <?php esc_html_e('Anime', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="futurista">🤖 <?php esc_html_e('Futuristic', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="vintage">📼 <?php esc_html_e('Vintage', 'idesoftbcn-ai-product-customizer'); ?></button>
                    </div>
                </div>

                <div class="iapc-field">
                    <label><?php esc_html_e('Mood', 'idesoftbcn-ai-product-customizer'); ?></label>
                    <div class="iapc-ai-guided-buttons" data-group="mood">
                        <button type="button" class="iapc-ai-choice" data-value="moderno"><?php esc_html_e('Modern', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="oscuro"><?php esc_html_e('Dark', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="colorido"><?php esc_html_e('Colorful', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="premium"><?php esc_html_e('Premium', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="infantil"><?php esc_html_e('Kids', 'idesoftbcn-ai-product-customizer'); ?></button>
                        <button type="button" class="iapc-ai-choice" data-value="retro"><?php esc_html_e('Retro', 'idesoftbcn-ai-product-customizer'); ?></button>
                    </div>
                </div>

                <div class="iapc-field">
                    <label><?php esc_html_e('Main colors', 'idesoftbcn-ai-product-customizer'); ?></label>
                    <input type="text" id="iapc_ai_colors" <?php echo esc_attr($ai_disabled); ?> placeholder="<?php esc_attr_e('Example: black and red', 'idesoftbcn-ai-product-customizer'); ?>">
                </div>

                <div class="iapc-field">
                    <label><?php esc_html_e('Elements you want to include', 'idesoftbcn-ai-product-customizer'); ?></label>
                    <input type="text" id="iapc_ai_elements" <?php echo esc_attr($ai_disabled); ?> placeholder="<?php esc_attr_e('Example: flames, dragons, flowers', 'idesoftbcn-ai-product-customizer'); ?>">
                </div>

                <button type="button" id="iapc_design_for_me" class="iapc-btn iapc-btn-full" <?php echo esc_attr($ai_disabled); ?>>
                    🤖 <?php esc_html_e('Create guided design', 'idesoftbcn-ai-product-customizer'); ?>
                </button>
            </div>
        </div>
    </div>
