<?php

/**
 * Provide a admin area view for upgrading the plugin.
 *
 * This file is used to markup the admin-facing aspects of the plugin.
 *
 * @link       https://instantpopupbuilder.com
 * @since      1.0.0
 *
 * @package    Instant_Popup_Builder
 * @subpackage Instant_Popup_Builder/admin/partials
 */

// Prevent direct access
if (!defined('ABSPATH')) {
    exit;
}
?>

<div class="wrap ipb-upgrade-wrap">
    <?php
    // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ipb_top_header() returns safe, sanitized HTML
    echo Instant_Popup_Builder_Admin::ipb_top_header(); ?>

    <div class="ipb-upgrade-container">
        <div class="ipb-upgrade-hero">
            <div class="ipb-upgrade-eyebrow">
                <span class="ipb-upgrade-dot" aria-hidden="true"></span>
                <span>Instant Popup Builder Premium</span>
            </div>
            <div class="ipb-upgrade-header">
                <h1 class="ipb-upgrade-title">Upgrade for advanced targeting, triggers, and analytics</h1>
                <p class="ipb-upgrade-subtitle">Get premium extensions, priority support, and continuous updates while your subscription is active.</p>
            </div>

            <div class="ipb-upgrade-hero-actions">
                <a href="https://instantpopupbuilder.com/pricing/" class="ipb-btn ipb-btn-primary" target="_blank" rel="noopener noreferrer">
                    View plans
                </a>
                <a href="https://instantpopupbuilder.com/pricing/" class="ipb-btn ipb-btn-business" target="_blank" rel="noopener noreferrer">
                    See what’s included
                </a>
            </div>

            <div class="ipb-upgrade-trust" role="list" aria-label="Purchase highlights">
                <div class="ipb-upgrade-trust-item" role="listitem"><span>14‑day money‑back guarantee</span></div>
                <div class="ipb-upgrade-trust-item" role="listitem"><span>Cancel anytime</span></div>
                <div class="ipb-upgrade-trust-item" role="listitem"><span>Secure checkout</span></div>
            </div>
        </div>

        <div class="ipb-pricing-plans">
            <!-- Basic Plan -->
            <div class="ipb-plan-card">
                <div class="ipb-plan-header">
                    <h3 class="ipb-plan-name">Basic</h3>
                    <p class="ipb-plan-websites">2 Websites</p>
                </div>
                <div class="ipb-plan-features">
                    <ul>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>All core features</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Premium extensions included</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Advanced targeting & triggers</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Analytics & conversion insights</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Updates & support while active</span></li>
                    </ul>
                </div>
                <div class="ipb-plan-action">
                    <a href="https://instantpopupbuilder.com/extensions/bundles/?attribute_pa_bundles=Basic+-+2+Websites_id=1481&add-to-cart=1482" class="ipb-btn ipb-btn-business" target="_blank" rel="noopener noreferrer">
                        Get Basic Plan
                    </a>
                </div>
            </div>

            <!-- Advanced Plan -->
            <div class="ipb-plan-card ipb-plan-popular">
                <div class="ipb-plan-badge">Most Popular</div>
                <div class="ipb-plan-header">
                    <h3 class="ipb-plan-name">Advanced</h3>
                    <p class="ipb-plan-websites">5 Websites</p>
                </div>
                <div class="ipb-plan-features">
                    <ul>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>All core features</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Premium extensions included</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Advanced targeting & triggers</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Analytics & conversion insights</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Updates & support while active</span></li>
                    </ul>
                </div>
                <div class="ipb-plan-action">
                    <a href="https://instantpopupbuilder.com/extensions/bundles/?attribute_pa_bundles=Advanced+-+5+Websites_id=1481&add-to-cart=1483" class="ipb-btn ipb-btn-primary" target="_blank" rel="noopener noreferrer">
                        Get Advanced Plan
                    </a>
                </div>
            </div>

            <!-- Business Plan -->
            <div class="ipb-plan-card">
                <div class="ipb-plan-header">
                    <h3 class="ipb-plan-name">Business</h3>
                    <p class="ipb-plan-websites">25 Websites</p>
                </div>
                <div class="ipb-plan-features">
                    <ul>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>All core features</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Premium extensions included</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Advanced targeting & triggers</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Analytics & conversion insights</span></li>
                        <li><span class="ipb-check" aria-hidden="true"></span><span>Priority support while active</span></li>
                    </ul>
                </div>
                <div class="ipb-plan-action">
                    <a href="https://instantpopupbuilder.com/extensions/bundles/?attribute_pa_bundles=Business+-+99+Websites_id=1481&add-to-cart=1484" class="ipb-btn ipb-btn-business" target="_blank" rel="noopener noreferrer">
                        Get Business Plan
                    </a>
                </div>
            </div>
        </div>

        <!-- Extensions Section -->
        <div class="ipb-extensions-section">
            <h2 class="ipb-section-title">Premium extensions included</h2>
            <div class="ipb-extensions-grid">
                <a href="https://instantpopupbuilder.com/extensions/contact-form/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">📝</div>
                        <h4>Contact Form Popup</h4>
                        <p>Create beautiful contact forms in popups with advanced field types and validation.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/subscription-popup/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">📧</div>
                        <h4>Subscription Pro</h4>
                        <p>Build email subscription forms with newsletter integrations and email marketing tools.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/video-popup-for-wordpress/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🎥</div>
                        <h4>Video Popup</h4>
                        <p>Display YouTube, Vimeo, or self-hosted videos in responsive popup overlays.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/announcement-bar/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">📣</div>
                        <h4>Announcement Bar</h4>
                        <p>Display site-wide announcements with a sleek, responsive bar—perfect for promos and CTAs.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/spin-to-win/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🎡</div>
                        <h4>Spin to Win</h4>
                        <p>Gamify lead capture with a customizable spin wheel popup to boost conversions.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/social-share-popup/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🔗</div>
                        <h4>Social Share Popup</h4>
                        <p>Help visitors share your content with one click across major platforms.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/login-signup/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🔐</div>
                        <h4>Login Signup Popup</h4>
                        <p>Add a modern login/signup popup for quick user authentication.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/image-gallery-popup/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🖼️</div>
                        <h4>Image Gallery Popup</h4>
                        <p>Create elegant image gallery lightbox popups with multiple images and smooth navigation.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/pdf-pop-up/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">📄</div>
                        <h4>PDF Popup</h4>
                        <p>Display PDF documents in responsive popup overlays with zoom and navigation controls.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/custom-targeting/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🎯</div>
                        <h4>Device Targeting</h4>
                        <p>Target users based on device type, browser, referrer, and custom conditions.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/geo-targeting/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🌍</div>
                        <h4>Geo Targeting</h4>
                        <p>Show popups based on visitor's location, country, or city for personalized experience.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/language-targeting/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🗣️</div>
                        <h4>Language Targeting</h4>
                        <p>Show popups based on visitor’s browser/device language — independent of physical location.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/woocommerce-popup/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🛒</div>
                        <h4>WooCommerce Integration</h4>
                        <p>Create cart abandonment popups, upsell offers, and product promotion popups.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/exit-intent-popup-for-wordpress/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🚪</div>
                        <h4>Exit Intent</h4>
                        <p>Detect when users are about to leave and show targeted retention popups.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/scroll-trigger/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">📜</div>
                        <h4>Scroll Trigger</h4>
                        <p>Trigger popups based on scroll percentage or when specific elements come into view.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/inactivity-trigger/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">💤</div>
                        <h4>Inactivity Trigger</h4>
                        <p>Re-engage visitors by showing a popup after a period of user inactivity (idle time).</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/adblock/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🛡️</div>
                        <h4>Adblock Trigger</h4>
                        <p>Detect ad blockers and display alternative messages, offers, or subscription prompts to recover engagement.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/scheduled-popup" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">⏰</div>
                        <h4>Scheduling</h4>
                        <p>Schedule popups to display at specific dates, times, or recurring intervals.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/analytics/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">📊</div>
                        <h4>Advanced Analytics</h4>
                        <p>Get detailed insights with conversion tracking, A/B testing, and performance metrics.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/age-verification-popup/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🔞</div>
                        <h4>Age Verification</h4>
                        <p>Add age verification popups to your WordPress site with customizable verification methods including checkbox, date of birth, and yes/no options. </p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/smart-popup/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🧠</div>
                        <h4>Smart Popup</h4>
                        <p>Analyzes user behavior and past interactions to display the most relevant popup from your existing library using AI logic and browser cookies.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/recent-orders/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">🧾</div>
                        <h4>Recent Orders</h4>
                        <p>Show live sales feed and recent purchases to build social proof and boost conversions.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/advanced-triggers/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">⚡</div>
                        <h4>Advanced Triggers</h4>
                        <p>Page depth, element visibility, URL/referrer targeting, and form abandonment triggers to boost engagement and conversions.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/advanced-closing/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">❌</div>
                        <h4>Advanced Closing</h4>
                        <p>Custom close icon and label, auto‑close with countdown, close on submit, mobile swipe‑to‑close, and hover‑delay close.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/subscribe-to-download/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">📥</div>
                        <h4>Subscribe to Download</h4>
                        <p>Offer lead magnets and gated content—collect emails before revealing download links.</p>
                    </div>
                </a>
                <a href="https://instantpopupbuilder.com/extensions/countdown-timer/" class="ipb-extension-link" target="_blank" rel="noopener noreferrer">
                    <div class="ipb-extension-item">
                        <div class="ipb-extension-icon">⏱️</div>
                        <h4>Countdown Timer</h4>
                        <p>Add urgency with countdown timers in popups for limited-time offers and campaigns.</p>
                    </div>
                </a>
            </div>
        </div>

        <!-- Benefits Section -->
        <div class="ipb-benefits-section">
            <h2 class="ipb-section-title">Why upgrade</h2>
            <div class="ipb-benefits-grid">
                <div class="ipb-benefit-item">
                    <div class="ipb-benefit-icon">🔄</div>
                    <h4>Unlimited Updates</h4>
                    <p>Get all future plugin updates and security patches until your subscription is canceled.</p>
                </div>
                <div class="ipb-benefit-item">
                    <div class="ipb-benefit-icon">🆘</div>
                    <h4>Premium Support</h4>
                    <p>Access our dedicated support team for quick assistance and troubleshooting.</p>
                </div>
                <div class="ipb-benefit-item">
                    <div class="ipb-benefit-icon">🚀</div>
                    <h4>All Future Extensions</h4>
                    <p>Automatically receive all new extensions we release at no additional cost.</p>
                </div>
                <div class="ipb-benefit-item">
                    <div class="ipb-benefit-icon">💡</div>
                    <h4>Advanced Features</h4>
                    <p>Unlock sophisticated targeting, analytics, and customization options.</p>
                </div>
            </div>
        </div>

        <!-- CTA Section -->
        <div class="ipb-cta-section">
            <h2>Upgrade when you’re ready</h2>
            <p>Choose a plan that fits your sites and unlock premium extensions.</p>
            <a href="https://instantpopupbuilder.com/pricing/" class="ipb-btn ipb-btn-cta" target="_blank" rel="noopener noreferrer">
                View All Plans
            </a>
        </div>
    </div>
</div>