<?php
if (!defined('ABSPATH')) die('Restricted Access');

$aiflt_page_title = __('Upgrade to PRO', 'ai-flash-tune');
?>
<div class="ai-flash-tune-admin-wrapper">
    <?php include_once('ai-flash-tune-admin-sidebar.php'); ?>
    <div class="ai-flash-tune-main-content">
        <div class="ai-flash-tune-flex ai-flash-tune-justify-between ai-flash-tune-flex-center ai-flash-tune-mb-8 ai-flash-tune-page-header">
            <span class="ai-flash-tune-main-title"><?php echo esc_html($aiflt_page_title); ?></span>
        </div>
        <div class="ai-flash-tune-card ai-flash-tune-mb-8">
            <span class="ai-flash-tune-text-2xl ai-flash-tune-font-semibold ai-flash-tune-text-center ai-flash-tune-block ai-flash-tune-mb-6 ai-flash-tune-card-title"><?php echo esc_html(__('Unlock Your Store\'s Full Potential with PRO', 'ai-flash-tune')); ?></span>
            <div class="ai-flash-tune-grid ai-flash-tune-grid-cols-1 ai-flash-tune-grid-cols-md-3 ai-flash-tune-gap-6 ai-flash-tune-plan-grid">
                <!-- Free Plan Card -->
                <div class="ai-flash-tune-funnel-card ai-flash-tune-card ai-flash-tune-text-center ai-flash-tune-plan-card">
                    <p class="ai-flash-tune-text-xl ai-flash-tune-font-bold ai-flash-tune-mb-2 ai-flash-tune-plan-title"><?php echo esc_html(__('Free', 'ai-flash-tune')); ?></p>
                    <p class="ai-flash-tune-text-lg ai-flash-tune-text-gray-500 ai-flash-tune-mb-6 ai-flash-tune-plan-subtitle"><?php echo esc_html(__('Get started with the basics', 'ai-flash-tune')); ?></p>
                    <ul class="ai-flash-tune-text-left ai-flash-tune-mb-6 ai-flash-tune-space-y-2 ai-flash-tune-feature-list">
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Basic Funnel Visualization', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Top Drop-Off Detection', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Abandoned Cart Tracker', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-times-circle ai-flash-tune-text-red-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Abandoned Cart Recovery Bot', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-times-circle ai-flash-tune-text-red-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('AI Smart Fix Suggestions', 'ai-flash-tune')); ?></li>
                    </ul>
                    <a href="#" class="ai-flash-tune-bg-gray-200 hover:ai-flash-tune-bg-gray-300 ai-flash-tune-text-gray-800 ai-flash-tune-font-semibold ai-flash-tune-py-2 ai-flash-tune-px-4 ai-flash-tune-rounded-lg ai-flash-tune-shadow-md ai-flash-tune-cta-button">
                        <?php echo esc_html(__('Current Plan', 'ai-flash-tune')); ?>
                    </a>
                </div>
                <!-- Pro Plan Card -->
                <div class="ai-flash-tune-funnel-card ai-flash-tune-card ai-flash-tune-text-center ai-flash-tune-relative ai-flash-tune-plan-card">
                    <span class="ai-flash-tune-absolute ai-flash-tune-bg-indigo-600 ai-flash-tune-text-white ai-flash-tune-text-sm ai-flash-tune-px-4 ai-flash-tune-py-2 ai-flash-tune-rounded-full ai-flash-tune-plan-badge" style="top: -15px; left: 50%; transform: translateX(-50%);"><?php echo esc_html(__('Recommended', 'ai-flash-tune')); ?></span>
                    <p class="ai-flash-tune-text-xl ai-flash-tune-font-bold ai-flash-tune-mb-2 ai-flash-tune-plan-title"><?php echo esc_html(__('PRO', 'ai-flash-tune')); ?></p>
                    <p class="ai-flash-tune-text-lg ai-flash-tune-text-gray-500 ai-flash-tune-mb-6 ai-flash-tune-plan-subtitle"><?php echo esc_html(__('AI-powered optimization', 'ai-flash-tune')); ?></p>
                    <ul class="ai-flash-tune-text-left ai-flash-tune-mb-6 ai-flash-tune-space-y-2 ai-flash-tune-feature-list">
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('All Free Features', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Full AI Drop-Off Analysis', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Smart Fix Suggestions Engine', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('AI Checkout Optimizer', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Abandoned Cart Recovery Bot', 'ai-flash-tune')); ?></li>
                    </ul>
                    <a href="#" class="ai-flash-tune-bg-indigo-500 hover:ai-flash-tune-bg-indigo-600 ai-flash-tune-text-white ai-flash-tune-font-semibold ai-flash-tune-py-2 ai-flash-tune-px-4 ai-flash-tune-rounded-lg ai-flash-tune-shadow-md ai-flash-tune-cta-button">
                        <?php echo esc_html(__('Upgrade Now', 'ai-flash-tune')); ?>
                    </a>
                </div>
                <!-- Agency Plan Card -->
                <div class="ai-flash-tune-funnel-card ai-flash-tune-card ai-flash-tune-text-center ai-flash-tune-plan-card">
                    <p class="ai-flash-tune-text-xl ai-flash-tune-font-bold ai-flash-tune-mb-2 ai-flash-tune-plan-title"><?php echo esc_html(__('Agency', 'ai-flash-tune')); ?></p>
                    <p class="ai-flash-tune-text-lg ai-flash-tune-text-gray-500 ai-flash-tune-mb-6 ai-flash-tune-plan-subtitle"><?php echo esc_html(__('For power users & agencies', 'ai-flash-tune')); ?></p>
                    <ul class="ai-flash-tune-text-left ai-flash-tune-mb-6 ai-flash-tune-space-y-2 ai-flash-tune-feature-list">
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('All PRO Features', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Unlimited Sites', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Bonus PRO Add-ons', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Priority Support', 'ai-flash-tune')); ?></li>
                        <li class="ai-flash-tune-feature-list-item"><i class="fas fa-check-circle ai-flash-tune-text-green-500 ai-flash-tune-mr-2"></i> <?php echo esc_html(__('Dedicated Account Manager', 'ai-flash-tune')); ?></li>
                    </ul>
                    <a href="#" class="ai-flash-tune-bg-indigo-500 hover:ai-flash-tune-bg-indigo-600 ai-flash-tune-text-white ai-flash-tune-font-semibold ai-flash-tune-py-2 ai-flash-tune-px-4 ai-flash-tune-rounded-lg ai-flash-tune-shadow-md ai-flash-tune-cta-button">
                        <?php echo esc_html(__('Upgrade Now', 'ai-flash-tune')); ?>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>