<?php
/**
 * Activation Wizard Template.
 *
 * @package PrimeLink
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}
?>
<div id="mt-primelink-activation-wizard" class="mt-primelink-wizard-overlay" style="display: none;">
    <div class="mt-primelink-wizard-container">
        <button type="button" class="mt-primelink-wizard-close" aria-label="<?php esc_attr_e( 'Close', 'primelink' ); ?>">
            <span class="dashicons dashicons-no-alt"></span>
        </button>
        <div class="mt-primelink-wizard-header">
            <div class="mt-primelink-wizard-header-content">
                <div class="mt-primelink-wizard-header-text">
                    <span class="mt_primelink-summary-eyebrow"><?php esc_html_e( 'Setup Wizard', 'primelink' ); ?></span>
                    <h1><?php esc_html_e( 'Welcome to PrimeLink', 'primelink' ); ?></h1>
                    <p class="mt-primelink-wizard-subtitle muted"><?php esc_html_e( 'Let\'s get you started in just a few steps', 'primelink' ); ?></p>
                </div>
                <div class="mt-primelink-wizard-logo">
                    <img src="<?php echo esc_url( MT_PRIMELINK_URL . 'assets/admin/img/logo.png' ); ?>" alt="PrimeLink" class="mt-primelink-wizard-logo-img" />
                </div>
            </div>
        </div>

        <div class="mt-primelink-wizard-progress">
            <div class="mt-primelink-wizard-progress-bar">
                <div class="mt-primelink-wizard-progress-fill" style="width: 0%"></div>
            </div>
            <div class="mt-primelink-wizard-steps">
                <div class="mt-primelink-wizard-step active" data-step="1">
                    <span class="step-number">1</span>
                    <span class="step-label"><?php esc_html_e( 'License', 'primelink' ); ?></span>
                </div>
                <div class="mt-primelink-wizard-step" data-step="2">
                    <span class="step-number">2</span>
                    <span class="step-label"><?php esc_html_e( 'Setup', 'primelink' ); ?></span>
                </div>
                <div class="mt-primelink-wizard-step" data-step="3">
                    <span class="step-number">3</span>
                    <span class="step-label"><?php esc_html_e( 'Test', 'primelink' ); ?></span>
                </div>
                <div class="mt-primelink-wizard-step" data-step="4">
                    <span class="step-number">4</span>
                    <span class="step-label"><?php esc_html_e( 'Complete', 'primelink' ); ?></span>
                </div>
            </div>
        </div>

        <div class="mt-primelink-wizard-content">
            <!-- Step 1: License Activation -->
            <div class="mt-primelink-wizard-step-content" data-step="1">
                <?php include MT_PRIMELINK_PATH . 'templates/admin/activation-wizard/step-1-license.php'; ?>
            </div>

            <!-- Step 2: Basic Setup -->
            <div class="mt-primelink-wizard-step-content" data-step="2" style="display: none;">
                <?php include MT_PRIMELINK_PATH . 'templates/admin/activation-wizard/step-2-setup.php'; ?>
            </div>

            <!-- Step 3: System Test -->
            <div class="mt-primelink-wizard-step-content" data-step="3" style="display: none;">
                <?php include MT_PRIMELINK_PATH . 'templates/admin/activation-wizard/step-3-test.php'; ?>
            </div>

            <!-- Step 4: Complete -->
            <div class="mt-primelink-wizard-step-content" data-step="4" style="display: none;">
                <?php include MT_PRIMELINK_PATH . 'templates/admin/activation-wizard/step-4-complete.php'; ?>
            </div>
        </div>

        <div class="mt-primelink-wizard-footer">
            <div class="mt-primelink-wizard-footer-left">
                <button type="button" class="mt-primelink-wizard-btn mt-primelink-wizard-btn-secondary mt-primelink-wizard-prev" style="display: none;">
                    <?php esc_html_e( 'Previous', 'primelink' ); ?>
                </button>
            </div>
            <div class="mt-primelink-wizard-footer-right">
                <button type="button" class="mt-primelink-wizard-btn mt-primelink-wizard-btn-skip mt-primelink-wizard-skip-now">
                    <?php esc_html_e( 'Skip for now', 'primelink' ); ?>
                </button>
                <button type="button" class="mt-primelink-wizard-btn mt-primelink-wizard-btn-primary mt-primelink-wizard-next">
                    <?php esc_html_e( 'Next', 'primelink' ); ?>
                </button>
            </div>
        </div>
    </div>
</div>

