<?php
if (!defined('ABSPATH')) {
    exit;
}

$feature_name = $vars['feature_name'] ?? __('This feature', 'guco-ai-blog-writer');
$feature_desc = $vars['feature_description'] ?? __('This feature is available in the Premium version of the Gu&Co AI Blog Writer plugin.', 'guco-ai-blog-writer');
$benefits     = $vars['benefits'] ?? [];
?>
<div class="wrap aisbw-admin">
    <div class="aisbw-upsell-container" style="max-width: 800px; margin: 40px auto; text-align: center; padding: 40px 20px; background: #fff; border: 1px solid #ccd0d4; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
        <div class="aisbw-upsell-icon" style="font-size: 64px; margin-bottom: 20px; color: #7209b7;">
            <span class="dashicons dashicons-lock" style="font-size: 64px; width: 64px; height: 64px;"></span>
        </div>
        
        <h1 style="font-size: 28px; font-weight: 700; color: #23282d; margin-bottom: 10px;">
            <?php echo sprintf(esc_html__('%s available in the PRO version', 'guco-ai-blog-writer'), esc_html($feature_name)); ?>
        </h1>
        
        <p style="font-size: 16px; color: #50575e; max-width: 600px; margin: 0 auto 30px; line-height: 1.6;">
            <?php echo esc_html($feature_desc); ?>
        </p>

        <?php if (!empty($benefits)) : ?>
            <div class="aisbw-upsell-benefits" style="display: inline-block; text-align: left; margin-bottom: 35px; background: #f8f9fa; padding: 20px 30px; border-radius: 6px; border-left: 4px solid #7209b7;">
                <h4 style="margin: 0 0 10px; font-size: 14px; color: #23282d; text-transform: uppercase; letter-spacing: 0.5px;"><?php esc_html_e('What do you get with the PRO version?', 'guco-ai-blog-writer'); ?></h4>
                <ul style="margin: 0; padding-left: 20px; line-height: 1.8; color: #50575e;">
                    <?php foreach ($benefits as $benefit) : ?>
                        <li><strong>✓</strong> <?php echo esc_html($benefit); ?></li>
                    <?php endforeach; ?>
                </ul>
            </div>
            <br>
        <?php endif; ?>

        <div class="aisbw-upsell-actions">
            <a href="<?php echo esc_url(aisbw_fs()->get_upgrade_url()); ?>" class="button button-primary button-hero" style="background: #7209b7; border-color: #5e079b; text-shadow: none; box-shadow: 0 2px 4px rgba(114, 9, 183, 0.3);">
                <?php esc_html_e('Upgrade to the PRO version', 'guco-ai-blog-writer'); ?>
            </a>
            <p style="font-size: 12px; color: #8c8f94; margin-top: 15px;">
                <?php esc_html_e('Secure payment powered by Freemius. Access is immediate.', 'guco-ai-blog-writer'); ?>
            </p>
        </div>
    </div>
</div>
