<?php
/**
 * Setup Wizard Template.
 *
 * Guides new users through registration, API key setup, and basic configuration.
 * Similar to Rank Math's onboarding wizard.
 *
 * @package Schema_AI
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- template file, variables are local scope.

// Handle form submission.
if ( isset( $_POST['schema_ai_setup_nonce'] ) && wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['schema_ai_setup_nonce'] ) ), 'schema_ai_setup' ) ) {

    $settings = get_option( 'schema_ai_settings', array() );

    if ( isset( $_POST['api_key'] ) ) {
        $settings['api_key'] = sanitize_text_field( wp_unslash( $_POST['api_key'] ) );
    }
    if ( isset( $_POST['enable_auto_apply'] ) ) {
        $settings['enable_auto_apply'] = true;
    } else {
        $settings['enable_auto_apply'] = false;
    }
    // Written out in the form the Settings page uses, so the two screens can
    // never disagree (Schema_AI_Auto_Apply::is_enabled).
    $settings['auto_generate_publish']  = $settings['enable_auto_apply'];
    $settings['auto_generate_explicit'] = true;
    if ( isset( $_POST['post_types'] ) && is_array( $_POST['post_types'] ) ) {
        $settings['auto_generate_post_types'] = array_map( 'sanitize_text_field', wp_unslash( $_POST['post_types'] ) );
    }

    // Site type.
    if ( isset( $_POST['site_type'] ) ) {
        $submitted_site_type = sanitize_key( wp_unslash( $_POST['site_type'] ) );
        if ( class_exists( 'Schema_AI_Site_Type' ) && Schema_AI_Site_Type::is_valid( $submitted_site_type ) ) {
            $settings['site_type'] = $submitted_site_type;
        } elseif ( '' === $submitted_site_type ) {
            $settings['site_type'] = '';
        }
    }

    // Business subtype.
    if ( isset( $_POST['business_subtype'] ) ) {
        $submitted_subtype = sanitize_key( wp_unslash( $_POST['business_subtype'] ) );
        if ( class_exists( 'Schema_AI_Business_Subtype' ) && Schema_AI_Business_Subtype::is_valid( $submitted_subtype ) ) {
            $settings['business_subtype'] = $submitted_subtype;
        } else {
            $settings['business_subtype'] = '';
        }
    }

    // Public location — only rendered (and so only ever submitted) for local
    // business types; absence here just means the field wasn't shown this
    // submission (e.g. site type isn't local), not a user choosing "no".
    if ( isset( $_POST['has_physical_location'] ) ) {
        $settings['entity_has_physical_location'] = ( '0' !== wp_unslash( $_POST['has_physical_location'] ) );
    }

    update_option( 'schema_ai_settings', $settings );

    if ( isset( $_POST['complete_setup'] ) ) {
        update_option( 'schema_ai_setup_complete', true );
        // $step=3 from the form action URL — renders the "You're All Set!" card below.
        // wp_safe_redirect() cannot work here: WordPress already sent the admin header,
        // so headers are sent, the redirect silently fails, and exit leaves a blank page.
    }
}

$settings        = get_option( 'schema_ai_settings', array() );
$api_key         = isset( $settings['api_key'] ) ? $settings['api_key'] : '';
$site_type       = isset( $settings['site_type'] ) ? $settings['site_type'] : '';
$business_subtype = isset( $settings['business_subtype'] ) ? $settings['business_subtype'] : '';
$has_physical_location = ! array_key_exists( 'entity_has_physical_location', $settings )
    || (bool) $settings['entity_has_physical_location'];
$is_local_site_type = $site_type && class_exists( 'Schema_AI_Site_Type' )
    && in_array( $site_type, Schema_AI_Site_Type::get_local_business_slugs(), true );
// No explicit ?step= means "just landed here" — default to step 2 if this
// site is already connected (a saved api_key) instead of always showing the
// Connect screen again. Without this, the popup-based connect flow's
// post-connect reload (and simply revisiting this page later while already
// connected) both land back on step 1 with no sign the connection worked,
// even though it did. An explicit ?step= (Back/Continue navigation) is
// always respected exactly as given.
$step            = isset( $_GET['step'] ) ? absint( $_GET['step'] ) : ( ! empty( $api_key ) ? 2 : 1 );
$saas_url        = 'https://aischemagen.com';
$register_url    = $saas_url . '/register';
$local_slugs_json = class_exists( 'Schema_AI_Site_Type' )
    ? wp_json_encode( Schema_AI_Site_Type::get_local_business_slugs() )
    : '[]';
?>
<!-- Styles enqueued via wp_enqueue_style( 'ai-schema-gen-setup-wizard' ) in class-admin.php -->

<div class="sai-wizard">

    <div class="sai-wizard-header">
        <div class="sai-wizard-logo">
            <img src="<?php echo esc_url( plugin_dir_url( __FILE__ ) . '../assets/images/logo-mark.svg' ); ?>" alt="<?php esc_attr_e( 'AI Schema Gen', 'ai-schema-gen' ); ?>" />
        </div>
        <h1><?php esc_html_e( 'Welcome to AI Schema Gen', 'ai-schema-gen' ); ?></h1>
        <p><?php esc_html_e( 'Let\'s get you set up in under 2 minutes.', 'ai-schema-gen' ); ?></p>
    </div>

    <!-- Steps indicator -->
    <div class="sai-steps">
        <div class="sai-step-dot <?php echo $step >= 1 ? ( $step > 1 ? 'completed' : 'active' ) : ''; ?>">
            <span class="sai-step-num"><?php echo $step > 1 ? '<span class="dashicons dashicons-yes"></span>' : '1'; ?></span>
            <span class="sai-step-label"><?php esc_html_e( 'Connect', 'ai-schema-gen' ); ?></span>
        </div>
        <div class="sai-step-line"></div>
        <div class="sai-step-dot <?php echo $step >= 2 ? ( $step > 2 ? 'completed' : 'active' ) : ''; ?>">
            <span class="sai-step-num"><?php echo $step > 2 ? '<span class="dashicons dashicons-yes"></span>' : '2'; ?></span>
            <span class="sai-step-label"><?php esc_html_e( 'Configure', 'ai-schema-gen' ); ?></span>
        </div>
        <div class="sai-step-line"></div>
        <div class="sai-step-dot <?php echo $step >= 3 ? 'active' : ''; ?>">
            <span class="sai-step-num">3</span>
            <span class="sai-step-label"><?php esc_html_e( 'Ready', 'ai-schema-gen' ); ?></span>
        </div>
    </div>

    <?php if ( 1 === $step ) : ?>
    <!-- STEP 1: Connect -->
    <div class="sai-card">
        <h2><?php esc_html_e( 'Connect Your Account', 'ai-schema-gen' ); ?></h2>
        <p class="sai-subtitle"><?php esc_html_e( 'Link this site to your AI Schema Gen account to start generating schema markup with AI. Available on every plan, including Free.', 'ai-schema-gen' ); ?></p>

        <div class="sai-connect-box">
            <button type="button" id="sai-connect-btn" class="sai-btn-register sai-btn-connect-large">
                <?php esc_html_e( 'Connect Your AI Schema Gen Account', 'ai-schema-gen' ); ?>
            </button>
            <div id="sai-connect-result"></div>
            <p class="sai-connect-alt">
                <a href="#" id="sai-show-api-key-form"><?php esc_html_e( 'I prefer to connect using an API key', 'ai-schema-gen' ); ?></a>
            </p>
        </div>

        <div id="sai-api-key-section" style="display:none;">
            <div class="sai-divider"><span><?php esc_html_e( 'Connect with an API key', 'ai-schema-gen' ); ?></span></div>

            <form method="post" action="<?php echo esc_url( admin_url( 'admin.php?page=ai-schema-gen-setup&step=2' ) ); ?>">
                <?php wp_nonce_field( 'schema_ai_setup', 'schema_ai_setup_nonce' ); ?>

                <div class="sai-field">
                    <label for="api_key"><?php esc_html_e( 'API Key', 'ai-schema-gen' ); ?></label>
                    <input type="text" id="api_key" name="api_key" value="<?php echo esc_attr( $api_key ); ?>" placeholder="sai_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" />
                    <p class="description">
                        <?php
                        printf(
                            /* translators: %s: link to create a free account */
                            esc_html__( "Find your API key in your AI Schema Gen dashboard under Settings > API Keys. Don't have an account yet? %s", 'ai-schema-gen' ),
                            '<a href="' . esc_url( $register_url ) . '" target="_blank">' . esc_html__( 'Create a free account', 'ai-schema-gen' ) . '</a>'
                        );
                        ?>
                    </p>
                </div>

                <div id="sai-verify-result"></div>

                <div class="sai-actions">
                    <a href="<?php echo esc_url( admin_url( 'admin.php?page=ai-schema-gen' ) ); ?>" class="sai-btn-skip">
                        <?php esc_html_e( 'Skip for now', 'ai-schema-gen' ); ?>
                    </a>
                    <div>
                        <button type="button" id="sai-verify-btn" class="sai-btn-secondary" style="margin-right: 8px;">
                            <?php esc_html_e( 'Verify Key', 'ai-schema-gen' ); ?>
                        </button>
                        <button type="submit" class="sai-btn-primary">
                            <?php esc_html_e( 'Continue', 'ai-schema-gen' ); ?> &rarr;
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <?php elseif ( 2 === $step ) : ?>
    <!-- STEP 2: Configure -->
    <div class="sai-card">
        <h2><?php esc_html_e( 'Configure AI Schema Gen', 'ai-schema-gen' ); ?></h2>
        <p class="sai-subtitle"><?php esc_html_e( 'Choose how AI Schema Gen should work on your site.', 'ai-schema-gen' ); ?></p>

        <form method="post" action="<?php echo esc_url( admin_url( 'admin.php?page=ai-schema-gen-setup&step=3' ) ); ?>">
            <?php wp_nonce_field( 'schema_ai_setup', 'schema_ai_setup_nonce' ); ?>
            <input type="hidden" name="complete_setup" value="1" />

            <!-- Site Type -->
            <div class="sai-field">
                <label for="sai_site_type"><?php esc_html_e( 'Site Type', 'ai-schema-gen' ); ?></label>
                <select id="sai_site_type" name="site_type" style="width:100%;max-width:360px;">
                    <option value=""><?php esc_html_e( '— Select your site type —', 'ai-schema-gen' ); ?></option>
                    <?php
                    if ( class_exists( 'Schema_AI_Site_Type' ) ) {
                        foreach ( Schema_AI_Site_Type::get_options_grouped() as $group_label => $options ) {
                            printf( '<optgroup label="%s">', esc_attr( $group_label ) );
                            foreach ( $options as $option ) {
                                printf(
                                    '<option value="%s"%s>%s</option>',
                                    esc_attr( $option['value'] ),
                                    selected( $site_type, $option['value'], false ),
                                    esc_html( $option['label'] )
                                );
                            }
                            echo '</optgroup>';
                        }
                    }
                    ?>
                </select>
                <p class="description"><?php esc_html_e( 'Tells the plugin what kind of website you run — controls homepage schema type and which schemas are generated for each page.', 'ai-schema-gen' ); ?></p>
            </div>

            <!-- Business Subtype (conditional) -->
            <div class="sai-field" id="sai-wizard-subtype-row"<?php
                $show_subtype = ! empty( $site_type ) && class_exists( 'Schema_AI_Business_Subtype' ) && Schema_AI_Business_Subtype::has_subtypes( $site_type );
                if ( ! $show_subtype ) echo ' style="display:none;"';
            ?>>
                <label for="sai_business_subtype"><?php esc_html_e( 'Business Subtype', 'ai-schema-gen' ); ?></label>
                <select id="sai_business_subtype" name="business_subtype" style="width:100%;max-width:360px;">
                    <option value=""><?php esc_html_e( '— Select your business type —', 'ai-schema-gen' ); ?></option>
                    <?php
                    if ( class_exists( 'Schema_AI_Business_Subtype' ) ) {
                        foreach ( Schema_AI_Business_Subtype::get_options_by_category() as $cat_slug => $options ) {
                            foreach ( $options as $option ) {
                                printf(
                                    '<option value="%s" data-category="%s"%s>%s</option>',
                                    esc_attr( $option['value'] ),
                                    esc_attr( $cat_slug ),
                                    selected( $business_subtype, $option['value'], false ),
                                    esc_html( $option['label'] )
                                );
                            }
                        }
                    }
                    ?>
                </select>
                <p class="description"><?php esc_html_e( 'Specifies the exact schema.org type for your business (e.g. Plumber, Dentist, Restaurant). Leave blank to use the generic type.', 'ai-schema-gen' ); ?></p>
            </div>

            <!-- Public location (local business types only) -->
            <div class="sai-field" id="sai-wizard-location-row"<?php echo ! $is_local_site_type ? ' style="display:none;"' : ''; ?>>
                <label><?php esc_html_e( 'Does this business have a public location?', 'ai-schema-gen' ); ?></label>
                <div>
                    <label style="margin-right:16px;font-weight:normal;">
                        <input type="radio" name="has_physical_location" value="1" <?php checked( $has_physical_location, true ); ?> />
                        <?php esc_html_e( 'Yes — customers visit us', 'ai-schema-gen' ); ?>
                    </label>
                    <label style="font-weight:normal;">
                        <input type="radio" name="has_physical_location" value="0" <?php checked( $has_physical_location, false ); ?> />
                        <?php esc_html_e( 'No — service area only', 'ai-schema-gen' ); ?>
                    </label>
                </div>
                <p class="description"><?php esc_html_e( 'Service-area businesses (no public storefront/office) skip the address fields in Settings entirely, matching Google\'s own guidance not to claim a location that doesn\'t exist.', 'ai-schema-gen' ); ?></p>
            </div>

            <?php /* Subtype dropdown + location-row logic handled by setup-wizard-subtype.js (enqueued via class-admin.php). */ ?>

            <div class="sai-field-check">
                <input type="checkbox" id="enable_auto_apply" name="enable_auto_apply" value="1"
                    <?php checked( Schema_AI_Auto_Apply::is_enabled( is_array( $settings ) ? $settings : array() ) ); ?> />
                <div>
                    <label for="enable_auto_apply"><?php esc_html_e( 'Auto-generate schema when publishing posts', 'ai-schema-gen' ); ?></label>
                    <p class="description"><?php esc_html_e( 'AI Schema Gen will automatically analyze your content and generate schema markup every time you publish a new post or page.', 'ai-schema-gen' ); ?></p>
                </div>
            </div>

            <div class="sai-field" style="margin-top: 24px;">
                <label><?php esc_html_e( 'Enable for these post types:', 'ai-schema-gen' ); ?></label>
                <?php
                $post_types    = get_post_types( array( 'public' => true ), 'objects' );
                $selected      = isset( $settings['auto_generate_post_types'] ) ? $settings['auto_generate_post_types'] : array( 'post', 'page' );

                foreach ( $post_types as $pt ) :
                    if ( 'attachment' === $pt->name ) continue;
                ?>
                    <div class="sai-field-check">
                        <input type="checkbox" id="pt_<?php echo esc_attr( $pt->name ); ?>"
                            name="post_types[]"
                            value="<?php echo esc_attr( $pt->name ); ?>"
                            <?php checked( in_array( $pt->name, $selected, true ) ); ?> />
                        <label for="pt_<?php echo esc_attr( $pt->name ); ?>"><?php echo esc_html( $pt->labels->name ); ?></label>
                    </div>
                <?php endforeach; ?>
            </div>

            <div class="sai-actions">
                <a href="<?php echo esc_url( admin_url( 'admin.php?page=ai-schema-gen-setup&step=1' ) ); ?>" class="sai-btn-secondary">
                    &larr; <?php esc_html_e( 'Back', 'ai-schema-gen' ); ?>
                </a>
                <button type="submit" class="sai-btn-primary">
                    <?php esc_html_e( 'Finish Setup', 'ai-schema-gen' ); ?> &rarr;
                </button>
            </div>
        </form>
    </div>

    <?php elseif ( 3 === $step || isset( $_GET['setup'] ) ) : ?>
    <!-- STEP 3: Done -->
    <div class="sai-card">
        <div class="sai-success">
            <span class="dashicons dashicons-yes-alt"></span>
            <h2><?php esc_html_e( 'You\'re All Set!', 'ai-schema-gen' ); ?></h2>
            <p class="sai-subtitle"><?php esc_html_e( 'AI Schema Gen is ready to generate schema markup for your site.', 'ai-schema-gen' ); ?></p>

            <?php if ( ! empty( $api_key ) ) : ?>
                <span class="sai-connection-status sai-connected">
                    <span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Connected', 'ai-schema-gen' ); ?>
                </span>
            <?php else : ?>
                <span class="sai-connection-status sai-not-connected">
                    <span class="dashicons dashicons-warning"></span> <?php esc_html_e( 'No API key — manual mode only', 'ai-schema-gen' ); ?>
                </span>
            <?php endif; ?>
        </div>

        <h3 style="margin-top: 28px;"><?php esc_html_e( 'What\'s Next?', 'ai-schema-gen' ); ?></h3>
        <div class="sai-features" style="margin-bottom: 28px;">
            <div class="sai-feature"><span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Open a post and click Generate Schema in the admin bar', 'ai-schema-gen' ); ?></div>
            <div class="sai-feature"><span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Check your dashboard stats', 'ai-schema-gen' ); ?></div>
            <div class="sai-feature"><span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Test with Google Rich Results', 'ai-schema-gen' ); ?></div>
            <div class="sai-feature"><span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Explore your SaaS dashboard', 'ai-schema-gen' ); ?></div>
        </div>

        <div class="sai-actions">
            <a href="<?php echo esc_url( admin_url( 'admin.php?page=ai-schema-gen-setup&step=2' ) ); ?>" class="sai-btn-secondary">
                &larr; <?php esc_html_e( 'Back', 'ai-schema-gen' ); ?>
            </a>
            <a href="<?php echo esc_url( admin_url( 'admin.php?page=ai-schema-gen' ) ); ?>" class="sai-btn-primary">
                <?php esc_html_e( 'Go to Dashboard', 'ai-schema-gen' ); ?>
            </a>
        </div>
    </div>
    <?php endif; ?>

</div>

<!-- Script enqueued via wp_enqueue_script( 'ai-schema-gen-setup-wizard' ) in class-admin.php -->