<?php
/**
 * Category description step 1 get started template.
 *
 * @package SAAI
 */

if ( ! defined( 'ABSPATH' ) ) {
    die( 'You are not allowed to call this page directly.' );
}
?>

<div class="saai-category-description-form-step saai-category-description-form-step-1 active" data-step="1">
    <h3><?php esc_html_e( 'Let’s get started!', 'storeagent-ai-for-woocommerce' ); ?></h3>
    <div class="saai-category-description-form-step-content">
        <p class="saai-category-description-form-step-description">
            <?php esc_html_e( 'This AI-powered assistant will help you generate a compelling description for your product category.', 'storeagent-ai-for-woocommerce' ); ?>
        </p>
        <p class="saai-category-description-form-step-description">
            <?php esc_html_e( 'Please confirm the category name below:', 'storeagent-ai-for-woocommerce' ); ?>
        </p>

        <div class="saai-category-description-form-field">
            <label for="saai-category-description-form-field-category-name"><?php esc_html_e( 'Does your category have a name yet?', 'storeagent-ai-for-woocommerce' ); ?></label>
            <div class="saai-category-description-form-field-radio-group">
                <label for="saai-category-description-form-field-category-name-yes">
                    <input type="radio" id="saai-category-description-form-field-category-name-yes" name="need_category_name" value="no" <?php checked( $need_category_name, 'no' ); ?> />
                    <span><?php esc_html_e( 'Yes, I have a category name', 'storeagent-ai-for-woocommerce' ); ?></span>
                </label>
                <label for="saai-category-description-form-field-category-name-no">
                    <input type="radio" id="saai-category-description-form-field-category-name-no" name="need_category_name" value="yes" <?php checked( $need_category_name, 'yes' ); ?> />
                    <span><?php esc_html_e( 'No, I need help generating a category name', 'storeagent-ai-for-woocommerce' ); ?></span>
                </label>
            </div>
        </div>

        <div class="saai-category-description-form-field">
            <label for="category_name" class="saai-category-description-form-field-label">
                <?php esc_html_e( 'Category Name', 'storeagent-ai-for-woocommerce' ); ?>
            </label>
            <input type="text" id="category_name" name="category_name" class="saai-category-description-form-field-input" value="<?php echo esc_attr( $category_name ); ?>" placeholder="<?php esc_attr_e( 'Enter category name', 'storeagent-ai-for-woocommerce' ); ?>">
        </div>

        <div class="saai-category-description-step-actions-field">
            <button type="button" class="button-primary next-step-button">
                <?php esc_html_e( 'Next', 'storeagent-ai-for-woocommerce' ); ?>
            </button>
        </div>
    </div>
</div>
