<?php
/**
 * Preview of a Pro page (Action Plan, Alerts, Summary) shown while Pro is not
 * active: a short intro card, a clearly labelled EXAMPLE with sample numbers,
 * and how it works. AI Flash Tune Pro replaces this render when it is licensed.
 *
 * Expects $aiflt_feature: action-plan|alerts|summary.
 */
if (!defined('ABSPATH')) die('Restricted Access');

$aiflt_pp_feature = in_array($aiflt_feature ?? '', ['action-plan', 'alerts', 'summary'], true) ? $aiflt_feature : 'action-plan';
$aiflt_pp_licence = aiflt_admin_url('licence');
$aiflt_pp_pricing = 'https://www.aiflashtune.com/pricing';
$aiflt_pp_i = static function ($name, $class = '') {
    return AIFLT_UI::icon($name, $class); // Fixed SVG.
};

$aiflt_pp = [
    'action-plan' => [
        'icon' => 'list-checks',
        'eyebrow' => __('AI Action Plan', 'ai-flash-tune'),
        'title' => __('One ranked plan for the whole store', 'ai-flash-tune'),
        'lead' => __('AI reads your funnel, carts, checkout, products and page speed together, then gives you a short list of safe changes, most important first. Each one says why, where to make it and how to undo it.', 'ai-flash-tune'),
        'points' => [
            ['zap', __('Biggest win first', 'ai-flash-tune')],
            ['list-checks', __('Says why and where', 'ai-flash-tune')],
            ['undo', __('Every fix can be undone', 'ai-flash-tune')],
        ],
        'how' => [
            ['sparkles', __('Reads everything', 'ai-flash-tune'), __('Funnel, carts, checkout fields, product pages and speed, from your own database.', 'ai-flash-tune')],
            ['list-checks', __('Ranks the changes', 'ai-flash-tune'), __('By impact, effort and how sure the numbers are. Risky ideas are left out.', 'ai-flash-tune')],
            ['gauge', __('Points to the fix', 'ai-flash-tune'), __('Each step names the page where you make the change. Quick fixes are measured over 14 days and undo in one click.', 'ai-flash-tune')],
        ],
    ],
    'alerts' => [
        'icon' => 'bell',
        'eyebrow' => __('AI Revenue Watchdog', 'ai-flash-tune'),
        'title' => __('Know the moment sales stop', 'ai-flash-tune'),
        'lead' => __('Every hour, Pro compares orders, checkout, payments, visits and cart reminders with your store\'s own normal, and checks that AI assistants can still reach your store. When something stops, you get one email, and one more when it is back to normal.', 'ai-flash-tune'),
        'points' => [
            ['clock', __('Checked every hour', 'ai-flash-tune')],
            ['sparkles', __('Watches AI shopping too', 'ai-flash-tune')],
            ['mail', __('One email, not a flood', 'ai-flash-tune')],
        ],
        'how' => [
            ['chart', __('Learns your normal', 'ai-flash-tune'), __('Each store has its own rhythm: weekdays, evenings, sale days. Checks compare with that, not a fixed number.', 'ai-flash-tune')],
            ['alert', __('Problems and ideas apart', 'ai-flash-tune'), __('A problem is something that normally works and has stopped. Things that are not broken but cost sales are listed as worth improving.', 'ai-flash-tune')],
            ['mail', __('Tells you once', 'ai-flash-tune'), __('One email when a problem starts and one when it is over. Ideas stay on the Alerts page and are never emailed.', 'ai-flash-tune')],
        ],
    ],
    'summary' => [
        'icon' => 'chart',
        'eyebrow' => __('AI Store Summary', 'ai-flash-tune'),
        'title' => __('A store summary you can share', 'ai-flash-tune'),
        'lead' => __('AI writes a short report for any period: what changed, the biggest opportunity, the risks and the next steps. Agencies get a white-label version for clients, and a CSV of every number.', 'ai-flash-tune'),
        'points' => [
            ['file', __('Ready to send', 'ai-flash-tune')],
            ['user', __('White-label for agencies', 'ai-flash-tune')],
            ['download', __('CSV export', 'ai-flash-tune')],
        ],
        'how' => [
            ['calendar', __('Pick a period', 'ai-flash-tune'), __('Last week, last month or any dates.', 'ai-flash-tune')],
            ['sparkles', __('AI writes it', 'ai-flash-tune'), __('From your own numbers only. No customer names or emails are ever sent.', 'ai-flash-tune')],
            ['download', __('Send or download', 'ai-flash-tune'), __('As a branded page for clients, or the numbers as CSV.', 'ai-flash-tune')],
        ],
    ],
][$aiflt_pp_feature];
?>
<div class="aiflt-pro-page is-<?php echo esc_attr($aiflt_pp_feature); ?>">

    <section class="aiflt-panel aiflt-pro-intro" aria-labelledby="aiflt-pro-intro-title">
        <span class="aiflt-pro-intro-icon" aria-hidden="true"><?php echo $aiflt_pp_i($aiflt_pp['icon']); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
        <div class="aiflt-pro-intro-text">
            <p class="aiflt-pro-intro-eyebrow"><?php echo esc_html($aiflt_pp['eyebrow']); ?> <span class="aiflt-ai-chip-pro"><?php esc_html_e('Pro', 'ai-flash-tune'); ?></span></p>
            <h2 class="aiflt-pro-intro-title" id="aiflt-pro-intro-title"><?php echo esc_html($aiflt_pp['title']); ?></h2>
            <p class="aiflt-pro-intro-lead"><?php echo esc_html($aiflt_pp['lead']); ?></p>
            <ul class="aiflt-pro-intro-points">
                <?php foreach ($aiflt_pp['points'] as [$aiflt_pp_icon, $aiflt_pp_text]) : ?>
                    <li><?php echo $aiflt_pp_i($aiflt_pp_icon); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php echo esc_html($aiflt_pp_text); ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
        <div class="aiflt-pro-intro-actions">
            <a class="aiflt-button" href="<?php echo esc_url($aiflt_pp_licence); ?>"><?php echo $aiflt_pp_i('lock'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php esc_html_e('Unlock with Pro', 'ai-flash-tune'); ?></a>
            <a class="aiflt-button aiflt-button-quiet" href="<?php echo esc_url($aiflt_pp_pricing); ?>" target="_blank" rel="noopener noreferrer"><?php esc_html_e('See Pro plans', 'ai-flash-tune'); ?></a>
            <span class="aiflt-pro-intro-price"><?php esc_html_e('From $79 a year for one store', 'ai-flash-tune'); ?></span>
        </div>
    </section>

    <section class="aiflt-panel aiflt-pro-example" aria-labelledby="aiflt-pro-example-title">
        <div class="aiflt-panel-head"><div class="aiflt-panel-title">
            <h2 class="aiflt-h2" id="aiflt-pro-example-title"><?php esc_html_e('What it looks like', 'ai-flash-tune'); ?> <span class="aiflt-example-tag"><?php esc_html_e('Example', 'ai-flash-tune'); ?></span></h2>
            <p class="aiflt-panel-desc"><?php esc_html_e('Sample numbers, not your store\'s. With Pro this is written from your own data.', 'ai-flash-tune'); ?></p>
        </div></div>

        <?php if ($aiflt_pp_feature === 'action-plan') : ?>
            <div class="aiflt-pro-kpis">
                <div><span><?php esc_html_e('Changes ranked', 'ai-flash-tune'); ?></span><b>3</b></div>
                <div><span><?php esc_html_e('Built from', 'ai-flash-tune'); ?></span><b><?php esc_html_e('30 days of visits', 'ai-flash-tune'); ?></b></div>
                <div class="is-good"><span><?php esc_html_e('Data confidence', 'ai-flash-tune'); ?></span><b><?php esc_html_e('High', 'ai-flash-tune'); ?></b></div>
            </div>
            <?php
            $aiflt_pp_plan = [
                [__('Make the phone number optional at checkout', 'ai-flash-tune'), 'card', __('Checkout › Quick fixes', 'ai-flash-tune'), __('38% of shoppers who reach checkout leave, and the phone field is the one most often left empty.', 'ai-flash-tune'), ['good', __('High impact', 'ai-flash-tune')], __('Low effort', 'ai-flash-tune'), __('Checkout completion, next 14 days', 'ai-flash-tune')],
                [__('Turn on cart reminders', 'ai-flash-tune'), 'cart', __('Carts › Automatic reminders', 'ai-flash-tune'), __('34 carts last week had an email address and got no reminder.', 'ai-flash-tune'), ['good', __('High impact', 'ai-flash-tune')], __('Low effort', 'ai-flash-tune'), __('Orders won back per week', 'ai-flash-tune')],
                [__('Show delivery time on 4 leaking product pages', 'ai-flash-tune'), 'package', __('Products › each product', 'ai-flash-tune'), __('On these pages, phone visitors add to cart 11 points less often than computer visitors.', 'ai-flash-tune'), ['warn', __('Medium impact', 'ai-flash-tune')], __('Medium effort', 'ai-flash-tune'), __('Add-to-cart rate on phones', 'ai-flash-tune')],
            ];
            ?>
            <ol class="aiflt-plan">
                <?php foreach ($aiflt_pp_plan as $aiflt_pp_n => [$aiflt_pp_t, $aiflt_pp_ic, $aiflt_pp_area, $aiflt_pp_why, $aiflt_pp_impact, $aiflt_pp_effort, $aiflt_pp_measure]) : ?>
                    <li class="aiflt-plan-item<?php echo $aiflt_pp_n === 0 ? ' is-top' : ''; ?>">
                        <span class="aiflt-plan-rank"><?php echo esc_html(number_format_i18n($aiflt_pp_n + 1)); ?></span>
                        <div class="aiflt-plan-body">
                            <div class="aiflt-plan-head">
                                <strong><?php echo esc_html($aiflt_pp_t); ?></strong>
                                <?php if ($aiflt_pp_n === 0) : ?><span class="aiflt-ai-chip"><?php echo $aiflt_pp_i('sparkles'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php esc_html_e('Do this first', 'ai-flash-tune'); ?></span><?php endif; ?>
                            </div>
                            <p class="aiflt-plan-why"><?php echo esc_html($aiflt_pp_why); ?></p>
                            <div class="aiflt-plan-meta">
                                <span class="aiflt-plan-area"><?php echo $aiflt_pp_i($aiflt_pp_ic); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php echo esc_html($aiflt_pp_area); ?></span>
                                <?php echo AIFLT_UI::badge($aiflt_pp_impact[1], $aiflt_pp_impact[0]); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                                <span class="aiflt-plan-fact"><?php echo $aiflt_pp_i('clock'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php echo esc_html($aiflt_pp_effort); ?></span>
                                <span class="aiflt-plan-fact"><?php echo $aiflt_pp_i('chart'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php echo esc_html($aiflt_pp_measure); ?></span>
                            </div>
                        </div>
                    </li>
                <?php endforeach; ?>
            </ol>

        <?php elseif ($aiflt_pp_feature === 'alerts') : ?>
            <ul class="aiflt-priority-legend">
                <li class="is-critical"><span class="aiflt-priority-dot"><?php echo $aiflt_pp_i('alert'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span><div><strong><?php esc_html_e('Problem', 'ai-flash-tune'); ?></strong><span><?php esc_html_e('Something that normally works has stopped. Emailed when it starts and when it is over.', 'ai-flash-tune'); ?></span></div></li>
                <li class="is-warning"><span class="aiflt-priority-dot"><?php echo $aiflt_pp_i('trend-down'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span><div><strong><?php esc_html_e('Worth improving', 'ai-flash-tune'); ?></strong><span><?php esc_html_e('Not broken, but costing sales. Shown on this page, never emailed.', 'ai-flash-tune'); ?></span></div></li>
            </ul>
            <?php
            $aiflt_pp_monitors = [
                ['card', __('Payments go through', 'ai-flash-tune'), 'critical', __('Problem', 'ai-flash-tune'), __('4 of 6 payments failed in the last hour', 'ai-flash-tune'), __('Usually under 1 in 10', 'ai-flash-tune'), 0.66],
                ['chart', __('Orders keep coming in', 'ai-flash-tune'), 'ok', __('Watching', 'ai-flash-tune'), __('12 orders so far today', 'ai-flash-tune'), __('Usually 9–15 by now', 'ai-flash-tune'), 0.8],
                ['cart', __('Checkouts become orders', 'ai-flash-tune'), 'ok', __('Watching', 'ai-flash-tune'), __('58% of checkouts completed today', 'ai-flash-tune'), __('Usually 55–68%', 'ai-flash-tune'), 0.58],
                ['globe', __('Visits are recorded', 'ai-flash-tune'), 'ok', __('Watching', 'ai-flash-tune'), __('Last visit 2 minutes ago', 'ai-flash-tune'), __('Problem after a long quiet spell', 'ai-flash-tune'), 0.9],
                ['sparkles', __('AI assistants can read the store', 'ai-flash-tune'), 'ok', __('Watching', 'ai-flash-tune'), __('Not blocked; 6 AI crawlers came this week', 'ai-flash-tune'), __('Problem if robots.txt shuts them out', 'ai-flash-tune'), 0.85],
                ['mail', __('Cart reminders go out', 'ai-flash-tune'), 'ok', __('Watching', 'ai-flash-tune'), __('18 sent today, none failed', 'ai-flash-tune'), __('Problem when reminders stop', 'ai-flash-tune'), 0.95],
            ];
            ?>
            <div class="aiflt-monitors">
                <?php foreach ($aiflt_pp_monitors as [$aiflt_pp_ic, $aiflt_pp_name, $aiflt_pp_state, $aiflt_pp_label, $aiflt_pp_now, $aiflt_pp_norm, $aiflt_pp_level]) : ?>
                    <div class="aiflt-monitor is-<?php echo esc_attr($aiflt_pp_state); ?>">
                        <div class="aiflt-monitor-head">
                            <span class="aiflt-monitor-icon"><?php echo $aiflt_pp_i($aiflt_pp_ic); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
                            <strong><?php echo esc_html($aiflt_pp_name); ?></strong>
                            <span class="aiflt-monitor-state"><?php echo esc_html($aiflt_pp_label); ?></span>
                        </div>
                        <p class="aiflt-monitor-now"><?php echo esc_html($aiflt_pp_now); ?></p>
                        <span class="aiflt-monitor-bar"><span style="width:<?php echo esc_attr((string) round($aiflt_pp_level * 100)); ?>%"></span></span>
                        <p class="aiflt-monitor-norm"><?php echo esc_html($aiflt_pp_norm); ?></p>
                    </div>
                <?php endforeach; ?>
            </div>
            <h3 class="aiflt-h3 aiflt-pro-subhead"><?php esc_html_e('Recent findings', 'ai-flash-tune'); ?></h3>
            <ol class="aiflt-alert-feed">
                <li class="is-critical is-open"><span class="aiflt-alert-level"><?php esc_html_e('Problem', 'ai-flash-tune'); ?></span><div><strong><?php esc_html_e('Payments are failing', 'ai-flash-tune'); ?></strong><span><?php esc_html_e('Started 12:04 · emailed you', 'ai-flash-tune'); ?></span></div><span class="aiflt-alert-when"><?php esc_html_e('Open now', 'ai-flash-tune'); ?></span></li>
                <li class="is-critical"><span class="aiflt-alert-level"><?php esc_html_e('Problem', 'ai-flash-tune'); ?></span><div><strong><?php esc_html_e('No visits recorded for hours', 'ai-flash-tune'); ?></strong><span><?php esc_html_e('Yesterday 18:00 → back to normal 21:10 · two emails', 'ai-flash-tune'); ?></span></div><span class="aiflt-alert-when"><?php esc_html_e('Resolved', 'ai-flash-tune'); ?></span></li>
                <li class="is-warning"><span class="aiflt-alert-level"><?php esc_html_e('Idea', 'ai-flash-tune'); ?></span><div><strong><?php esc_html_e('Checkout asks for a lot', 'ai-flash-tune'); ?></strong><span><?php esc_html_e('Shoppers fill in 19 fields · shown here, never emailed', 'ai-flash-tune'); ?></span></div><span class="aiflt-alert-when"><?php esc_html_e('Worth improving', 'ai-flash-tune'); ?></span></li>
            </ol>

        <?php else : ?>
            <div class="aiflt-report-sheet">
                <div class="aiflt-report-sheet-head">
                    <span class="aiflt-report-logo"><?php esc_html_e('Your agency', 'ai-flash-tune'); ?></span>
                    <div><strong><?php esc_html_e('Store summary', 'ai-flash-tune'); ?></strong><span><?php esc_html_e('September · prepared for Example Store', 'ai-flash-tune'); ?></span></div>
                </div>
                <div class="aiflt-pro-kpis">
                    <div><span><?php esc_html_e('Revenue', 'ai-flash-tune'); ?></span><b>$18,420</b></div>
                    <div class="is-good"><span><?php esc_html_e('Conversion', 'ai-flash-tune'); ?></span><b>2.4% ↑</b></div>
                    <div class="is-leak"><span><?php esc_html_e('Left in carts', 'ai-flash-tune'); ?></span><b>$9,310</b></div>
                </div>
                <div class="aiflt-report-cols">
                    <div class="is-good"><h4><?php echo $aiflt_pp_i('trend-up'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php esc_html_e('Biggest opportunity', 'ai-flash-tune'); ?></h4><p><?php esc_html_e('Checkout loses 38% of shoppers. Two field changes could win back about $1,200 a month.', 'ai-flash-tune'); ?></p></div>
                    <div class="is-leak"><h4><?php echo $aiflt_pp_i('alert'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php esc_html_e('Risks', 'ai-flash-tune'); ?></h4><p><?php esc_html_e('Phone visitors buy half as often as computer visitors on four best sellers.', 'ai-flash-tune'); ?></p></div>
                    <div><h4><?php echo $aiflt_pp_i('list-checks'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php esc_html_e('Next steps', 'ai-flash-tune'); ?></h4><p><?php esc_html_e('1. Make phone optional. 2. Turn on reminders. 3. Recheck in 14 days.', 'ai-flash-tune'); ?></p></div>
                </div>
            </div>
        <?php endif; ?>
    </section>

    <section class="aiflt-panel aiflt-pro-how" aria-labelledby="aiflt-pro-how-title">
        <div class="aiflt-panel-head"><div class="aiflt-panel-title">
            <h2 class="aiflt-h2" id="aiflt-pro-how-title"><?php esc_html_e('How it works', 'ai-flash-tune'); ?></h2>
            <p class="aiflt-panel-desc"><?php esc_html_e('Runs on your own site. Only totals are used, never customer names, emails or addresses.', 'ai-flash-tune'); ?></p>
        </div></div>
        <ol class="aiflt-how">
            <?php foreach ($aiflt_pp['how'] as $aiflt_pp_n => [$aiflt_pp_ic, $aiflt_pp_t, $aiflt_pp_d]) : ?>
                <li>
                    <span class="aiflt-how-icon"><?php echo $aiflt_pp_i($aiflt_pp_ic); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><b><?php echo esc_html(number_format_i18n($aiflt_pp_n + 1)); ?></b></span>
                    <strong><?php echo esc_html($aiflt_pp_t); ?></strong>
                    <span><?php echo esc_html($aiflt_pp_d); ?></span>
                </li>
            <?php endforeach; ?>
        </ol>
        <div class="aiflt-pro-how-foot">
            <span><?php esc_html_e('From $79 a year for one store · $199 for agencies (up to 25 stores)', 'ai-flash-tune'); ?></span>
            <a class="aiflt-button" href="<?php echo esc_url($aiflt_pp_licence); ?>"><?php esc_html_e('Unlock with Pro', 'ai-flash-tune'); ?></a>
        </div>
    </section>
</div>