<?php
/*
Plugin Name: Advanced Age Verification Popup
Plugin URI: https://wordpress.org/plugins/advanced-age-verification-popup/
Description: Adds an age verification popup for WooCommerce or adult sites with Yes/No and Date of Birth verification.
Version: 1.2.0
Requires at least: 5.0
Tested up to: 7.1
Requires PHP: 7.4
Author: Yeasin
Author URI: https://yeasinwp.com
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: advanced-age-verification-popup
*/

if ( ! defined( 'ABSPATH' ) ) exit;
define( 'AVP_FREE_VERSION', '1.2.0' );
// Load Plugin Text Domain for Translations
add_action('plugins_loaded', 'avp_load_textdomain');
function avp_load_textdomain() {
    load_plugin_textdomain('advanced-age-verification-popup', false, dirname(plugin_basename(__FILE__)) . '/languages');
}

// Helper: Check if visitor is a Search Engine Crawler
function avp_is_crawler() {
    $crawlers = 'Googlebot|Bingbot|Slurp|DuckDuckBot|Baiduspider|YandexBot|Sogou|Exabot|facebot|facebookexternalhit|twitterbot';
    $user_agent = isset($_SERVER['HTTP_USER_AGENT']) ? sanitize_text_field(wp_unslash($_SERVER['HTTP_USER_AGENT'])) : '';
    return preg_match('/(' . $crawlers . ')/i', $user_agent);
}

// Enqueue Frontend Scripts and Styles
add_action('wp_enqueue_scripts', 'avp_enqueue_assets');
function avp_enqueue_assets() {
    $plugin_version = AVP_FREE_VERSION;
    wp_enqueue_style('avp-style', plugin_dir_url(__FILE__) . 'assets/css/style.css', array(), $plugin_version);
    wp_enqueue_style('flatpickr-css', plugin_dir_url(__FILE__) . 'assets/lib/flatpickr/flatpickr.min.css', array(), $plugin_version);
    wp_enqueue_style('flatpickr-theme-dark', plugin_dir_url(__FILE__) . 'assets/lib/flatpickr/themes/dark.css', array(), $plugin_version);
    
    wp_enqueue_script('flatpickr-js', plugin_dir_url(__FILE__) . 'assets/lib/flatpickr/flatpickr.min.js', array('jquery'), $plugin_version, true);
    wp_enqueue_script('avp-script', plugin_dir_url(__FILE__) . 'assets/js/script.js', array('jquery', 'flatpickr-js'), $plugin_version, true);

    $min_age = absint(get_option('avp_min_age', 18));
    
    $frontend_data = array(
        'cookieDuration' => absint(get_option('avp_cookie_duration', 30)),
        'redirectUrl' => esc_url(get_option('avp_redirect_url', 'https://google.com')),
        'minAge' => $min_age,
        'errorSelectDate' => __('Please select your date of birth.', 'advanced-age-verification-popup'),
        'errorUnderage' => sprintf(__('You must be %d or older to enter.', 'advanced-age-verification-popup'), $min_age)
    );
    
    wp_localize_script('avp-script', 'avpData', apply_filters('avp_frontend_data', $frontend_data));

    $bg_color = sanitize_hex_color(get_option('avp_color_popup_bg', '#1a1b20'));
    $primary_color = sanitize_hex_color(get_option('avp_color_primary', '#10b981'));
    $text_color = sanitize_hex_color(get_option('avp_color_text', '#ffffff'));
    $muted_color = sanitize_hex_color(get_option('avp_color_text_muted', '#9ca3af'));
    
    $custom_css = "
        :root {
            --avp-bg-popup: {$bg_color};
            --avp-primary: {$primary_color};
            --avp-text-main: {$text_color};
            --avp-text-muted: {$muted_color};
        }
        
        #avp-overlay {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            width: 100vw !important;
            height: 100vh !important;
            padding: 15px !important; 
            box-sizing: border-box !important;
            z-index: 2147483647 !important;
            background-color: rgba(15, 23, 42, 0.95) !important;
            pointer-events: auto !important;
            isolation: isolate !important;
        }
        
        #avp-popup, #avp-popup * {
            pointer-events: auto !important;
        }

        #avp-popup {
            max-height: 85vh !important; 
            overflow-y: auto !important; 
            -webkit-overflow-scrolling: touch !important; 
            border-radius: 12px !important; 
            width: 100% !important;
            margin: auto !important; 
        }

        #avp-popup::-webkit-scrollbar {
            width: 5px;
        }
        #avp-popup::-webkit-scrollbar-track {
            background: transparent;
        }
        #avp-popup::-webkit-scrollbar-thumb {
            background: var(--avp-primary);
            border-radius: 10px;
        }
        
        .avp-popup-inner {
            box-sizing: border-box !important;
            max-width: 100% !important;
            width: 100% !important;
            padding-bottom: 15px !important; 
        }
        
        .avp-dob-wrapper,
        .avp-input-group,
        .avp-btn-block {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        .avp-input-group .avp-input,
        #avp-dob {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
            -webkit-appearance: none !important; 
            appearance: none !important;
            font-size: 16px !important; 
            margin: 0 !important;
        }
        
        /* Fixes the calendar opening behind the overlay */
        .flatpickr-calendar { z-index: 2147483647 !important; } 
    ";
    wp_add_inline_style('avp-style', $custom_css);
}


add_action('admin_enqueue_scripts', 'avp_admin_scripts');
function avp_admin_scripts($hook) {
    if ($hook != 'toplevel_page_age-verification') {
        return;
    }
    wp_enqueue_media();
    wp_enqueue_style('wp-color-picker');
    wp_enqueue_script('wp-color-picker');

    // NEW: Enqueue custom AJAX scripts and styles
    wp_enqueue_style('avp-admin-ajax', plugin_dir_url(__FILE__) . 'assets/css/admin-ajax.css', array(), AVP_FREE_VERSION);
    wp_enqueue_script('avp-admin-ajax', plugin_dir_url(__FILE__) . 'assets/js/admin-ajax.js', array('jquery'), AVP_FREE_VERSION, true);
    
    // Pass AJAX URL and Nonce to JavaScript
    wp_localize_script('avp-admin-ajax', 'avpAjaxData', array(
        'ajaxurl' => admin_url('admin-ajax.php'),
        'nonce'   => wp_create_nonce('avp_save_settings_nonce')
    ));
}

// Add Popup HTML
add_action('wp_footer', 'avp_add_popup');
function avp_add_popup() {
    if ( get_option('avp_bypass_logged_in', '1') && is_user_logged_in() ) return;
    if ( get_option('avp_bypass_crawlers', '1') && avp_is_crawler() ) return;

    $logo = esc_url(get_option('avp_logo', ''));
    $title = esc_html(get_option('avp_title', __('Please verify your age', 'advanced-age-verification-popup')));
    $subtitle = esc_html(get_option('avp_subtitle', __('You must be of legal age to enter this site.', 'advanced-age-verification-popup')));
    $warning = esc_html(get_option('avp_warning_text', __('WARNING: This website contains age-restricted content.', 'advanced-age-verification-popup')));
    $enter_text = esc_html(get_option('avp_enter_text', __('I am 18 or older', 'advanced-age-verification-popup')));
    $exit_text = esc_html(get_option('avp_exit_text', __('I am under 18', 'advanced-age-verification-popup')));
    $method = sanitize_text_field(get_option('avp_verification_method', 'yesno'));
    $show_remember = get_option('avp_show_remember_me', '1');
    ?>
    <div id="avp-overlay" class="avp-hidden">
        <div id="avp-popup">
            <div class="avp-popup-inner">
                <?php if ($logo): ?>
                    <div class="avp-logo-wrapper">
                        <img src="<?php echo esc_url($logo); ?>" alt="<?php echo esc_attr__('Logo', 'advanced-age-verification-popup'); ?>" class="avp-logo" />
                    </div>
                <?php endif; ?>

                <?php if ($title): ?><h2 class="avp-title"><?php echo esc_html($title); ?></h2><?php endif; ?>
                <?php if ($subtitle): ?><p class="avp-subtitle"><?php echo esc_html($subtitle); ?></p><?php endif; ?>

                <?php if($method == 'yesno' || $method == 'both'): ?>
                    <div class="avp-btn-group">
                        <button id="avp-yes" class="avp-btn avp-btn-primary">
                            <span><?php echo esc_html($enter_text); ?></span>
                        </button>
                        <button id="avp-no" class="avp-btn avp-btn-outline">
                            <span><?php echo esc_html($exit_text); ?></span>
                        </button>
                    </div>
                <?php endif; ?>

                <?php if($method == 'both'): ?>
                    <div class="avp-divider">
                        <span><?php esc_html_e('OR', 'advanced-age-verification-popup'); ?></span>
                    </div>
                <?php endif; ?>

                <?php if($method == 'dob' || $method == 'both'): ?>
                    <div class="avp-dob-wrapper">
                        <div class="avp-input-group">
                            <svg class="avp-calendar-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
                            <input type="text" id="avp-dob" class="avp-input" placeholder="<?php esc_attr_e('Select your Date of Birth', 'advanced-age-verification-popup'); ?>" readonly />
                        </div>
                        <button id="avp-verify" class="avp-btn avp-btn-primary avp-btn-block">
                            <span><?php esc_html_e('Verify Age', 'advanced-age-verification-popup'); ?></span>
                        </button>
                        <div id="avp-error" class="avp-error-message"></div>
                    </div>
                <?php endif; ?>

                <?php if($show_remember): ?>
                    <label class="avp-remember-wrapper">
                        <input type="checkbox" id="avp-remember-me" checked />
                        <?php esc_html_e('Remember me for 30 days', 'advanced-age-verification-popup'); ?>
                    </label>
                <?php endif; ?>

                <?php if ($warning): ?>
                    <p class="avp-warning">
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
                        <?php echo esc_html($warning); ?>
                    </p>
                <?php endif; ?>
            </div>
        </div>
    </div>
    <script>
            jQuery(document).ready(function($) {
                var $overlay = $('#avp-overlay');
                
                // Only lock if the popup is actually present and visible on load
                if ($overlay.length > 0 && $overlay.css('display') !== 'none') {
                    $('html, body').css({ 'overflow': 'hidden', 'height': '100vh' });
                    
                    // Bulletproof check to release the scroll lock
                    var avpScrollUnlocker = setInterval(function() {
                        // Check if it's hidden by display, opacity, or a hidden class
                        if (!$overlay.is(':visible') || $overlay.css('opacity') < 0.1 || $overlay.hasClass('avp-hidden')) {
                            $('html, body').css({ 'overflow': '', 'height': '' });
                            clearInterval(avpScrollUnlocker);
                        }
                    }, 100);
                }
            });
        </script>
    <?php
}

// Admin Menu
add_action('admin_menu', 'avp_create_menu');
function avp_create_menu() {
    add_menu_page(__('Age Verification', 'advanced-age-verification-popup'), __('Age Verification', 'advanced-age-verification-popup'), 'manage_options', 'age-verification', 'avp_settings_page', 'dashicons-shield-alt');
    
    if ( ! function_exists( 'avp_pro_init' ) ) {
        add_submenu_page(
            'age-verification',
            __('Upgrade to Pro', 'advanced-age-verification-popup'),
            '<span style="color:#8b5cf6; font-weight:bold;">' . __('Get Pro 🚀', 'advanced-age-verification-popup') . '</span>',
            'manage_options',
            'avp-pro-landing',
            'avp_pro_landing_page_html'
        );
    }
}

// 1. Update Action Links
add_filter( 'plugin_action_links_' . plugin_basename( __FILE__ ), 'avp_plugin_action_links' );
function avp_plugin_action_links( $links ) {
    $settings_url = admin_url( 'admin.php?page=age-verification' );
    $settings_link = '<a href="' . esc_url( $settings_url ) . '">' . esc_html__( 'Settings', 'advanced-age-verification-popup' ) . '</a>';
    array_unshift( $links, $settings_link );

    if ( ! function_exists( 'avp_pro_init' ) ) {
        // UPDATED: URL and target="_blank"
        $upgrade_link = '<a href="https://yeasinwp.com/plugin/advanced-age-verification-pro" target="_blank" style="color: #8b5cf6; font-weight: 700;">' . esc_html__( 'Upgrade to Pro 🚀', 'advanced-age-verification-popup' ) . '</a>';
        array_unshift( $links, $upgrade_link );
    }

    return $links;
}

// 2. Update Row Meta
add_filter( 'plugin_row_meta', 'avp_plugin_row_meta', 10, 2 );
function avp_plugin_row_meta( $links, $file ) {
    if ( plugin_basename( __FILE__ ) === $file ) {
        // UPDATED: URL
        $site_link = '<a href="https://yeasinwp.com/plugin/advanced-age-verification-pro" target="_blank" aria-label="' . esc_attr__( 'Visit plugin site', 'advanced-age-verification-popup' ) . '">' . esc_html__( 'Visit plugin site', 'advanced-age-verification-popup' ) . '</a>';
        $docs_link = '<a href="https://yeasinwp.com/docs/advanced-age-verification-pro?v=free" target="_blank" aria-label="' . esc_attr__( 'View Documentation', 'advanced-age-verification-popup' ) . '">' . esc_html__( 'Documentation', 'advanced-age-verification-popup' ) . '</a>';
        
        $links[] = $site_link;
        $links[] = $docs_link;
    }
    return $links;
}

// Modern Full-Width SaaS Settings Page
function avp_settings_page() { 
    $logo = get_option('avp_logo', '');
    $title = get_option('avp_title', __('Please verify your age', 'advanced-age-verification-popup'));
    $subtitle = get_option('avp_subtitle', __('You must be of legal age to enter this site.', 'advanced-age-verification-popup'));
    $warning = get_option('avp_warning_text', __('WARNING: This website contains age-restricted content.', 'advanced-age-verification-popup'));
    $enter_text = get_option('avp_enter_text', __('I am 18 or older', 'advanced-age-verification-popup'));
    $exit_text = get_option('avp_exit_text', __('I am under 18', 'advanced-age-verification-popup'));
    $redirect_url = get_option('avp_redirect_url', 'https://google.com');
    $cookie_duration = get_option('avp_cookie_duration', 30);
    $method = get_option('avp_verification_method', 'yesno');

// NEW: Prevent redirect lockout if a user deactivates Pro while a Pro feature is saved
if ( ! function_exists( 'avp_pro_init' ) && $method === 'face_id' ) {
    $method = 'yesno'; 
}
    
    $min_age = get_option('avp_min_age', 18);
    $bypass_logged_in = get_option('avp_bypass_logged_in', '1');
    $bypass_crawlers = get_option('avp_bypass_crawlers', '1');
    $show_remember_me = get_option('avp_show_remember_me', '1');
    
    // Style settings
    $bg_color = get_option('avp_color_popup_bg', '#1a1b20');
    $primary_color = get_option('avp_color_primary', '#10b981');
    $text_color = get_option('avp_color_text', '#ffffff');
    $muted_color = get_option('avp_color_text_muted', '#9ca3af');
    ?>
    <style>
        /* Modern Admin Dashboard Styling */
        .avp-dashboard-container { max-width: 1280px; padding-right: 20px; margin: 20px auto 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #0f172a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        
        /* Header Banner */
        .avp-admin-header { display: flex; align-items: flex-start; justify-content: space-between; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px 32px; margin-bottom: 30px; box-shadow: 0 1px 3px rgba(0,0,0,0.03); flex-wrap: wrap; gap: 20px; }
        .avp-admin-brand { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
        .avp-brand-icon { width: 48px; height: 48px; background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25); flex-shrink: 0; }
        .avp-brand-title { margin: 0; font-size: 22px; font-weight: 700; color: #0f172a; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
        .avp-brand-subtitle { margin: 4px 0 0 0; font-size: 14px; color: #64748b; line-height: 1.5; }
        .avp-badge-free { background: #e0e7ff; color: #4338ca; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }
        
        .avp-header-actions { display: flex; align-items: center; gap: 12px; }
        .avp-header-link { color: #64748b; font-size: 14px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; border-radius: 8px; border: 1px solid #e2e8f0; background: #fff; transition: all 0.2s ease; white-space: nowrap; }
        .avp-header-link:hover { color: #4f46e5; border-color: #c7d2fe; background: #f8fafc; }
        
        /* Dashboard Grid Layout */
        .avp-admin-wrap { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; justify-content: center; }
        .avp-admin-main { flex: 1; min-width: 300px; max-width: 100%; }
        .avp-admin-sidebar { width: 100%; max-width: 380px; flex-shrink: 0; }
        
        /* Sidebar Styling Updates */
        .avp-admin-sidebar { width: 340px; flex-shrink: 0; }
        .avp-sidebar-card { 
            background: #ffffff; 
            border: 1px solid #e2e8f0; 
            border-radius: 12px; 
            padding: 24px; 
            margin-bottom: 24px; 
            box-shadow: 0 2px 6px rgba(0,0,0,0.02); 
            transition: all 0.2s ease;
        }
        .avp-sidebar-card:hover {
            box-shadow: 0 8px 16px rgba(0,0,0,0.04);
        }
        .avp-btn-sidebar { 
            display: block; 
            width: 100%; 
            text-decoration: none; 
            padding: 12px 18px; 
            border-radius: 8px; 
            font-weight: 600; 
            font-size: 14px; 
            box-sizing: border-box; 
            transition: all 0.2s ease; 
        }
        .avp-btn-sidebar:hover {
            transform: translateY(-1px);
        }
        
        /* Segmented Pill Navigation Tabs */
        .avp-segmented-nav { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; gap: 6px; background: #f1f5f9; padding: 6px; border-radius: 12px; border: 1px solid #e2e8f0; margin-bottom: 30px; max-width: 100%; }
        .avp-segmented-nav::-webkit-scrollbar { display: none; }
        .avp-segmented-nav .nav-tab { flex-shrink: 0; white-space: nowrap; border: none !important; background: transparent !important; color: #64748b !important; font-size: 15px !important; font-weight: 600 !important; padding: 10px 22px !important; border-radius: 8px !important; margin: 0 !important; transition: all 0.2s ease !important; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
        .avp-segmented-nav .nav-tab:hover { color: #0f172a !important; background: rgba(255,255,255,0.6) !important; }
        .avp-segmented-nav .nav-tab-active { background: #ffffff !important; color: #4f46e5 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04) !important; }
        .avp-segmented-nav .nav-tab-pro { color: #8b5cf6 !important; font-weight: 700 !important; }
        .avp-segmented-nav .nav-tab-pro:hover { color: #7c3aed !important; }

        /* Modern Cards */
        .avp-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 32px; margin-bottom: 30px; box-shadow: 0 1px 3px rgba(0,0,0,0.02); }
        .avp-card-header { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #f1f5f9; }
        .avp-card-title { font-size: 18px; font-weight: 700; color: #0f172a; margin: 0 0 4px 0; display: flex; align-items: center; gap: 8px; }
        .avp-card-desc { font-size: 14px; color: #64748b; margin: 0; line-height: 1.5; }
        
        /* Modern Form Elements */
        .avp-field-group { margin-bottom: 26px; }
        .avp-field-group:last-child { margin-bottom: 0; }
        .avp-field-label { display: block; font-weight: 600; font-size: 14px; color: #334155; margin-bottom: 10px; }
        .avp-field-desc { font-size: 13px; color: #64748b; margin-top: 8px; line-height: 1.5; }
        
        .avp-input-text, .avp-select, .avp-textarea { width: 100%; max-width: 800px; padding: 12px 16px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 15px; color: #0f172a; background: #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.02); transition: all 0.2s ease; outline: none; }
        .avp-input-text:focus, .avp-select:focus, .avp-textarea:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15); }
        .avp-input-small { max-width: 150px; }
        
        /* Custom iOS/Tailwind Toggle Switch */
        .avp-toggle-row { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; border-bottom: 1px solid #f8fafc; }
        .avp-toggle-row:last-child { border-bottom: none; padding-bottom: 0; }
        .avp-toggle-info { padding-right: 24px; }
        .avp-toggle-title { font-weight: 600; font-size: 15px; color: #1e293b; margin: 0 0 4px 0; }
        .avp-toggle-desc { font-size: 13px; color: #64748b; margin: 0; line-height: 1.5; }
        
        .avp-switch { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; }
        .avp-switch input { opacity: 0; width: 0; height: 0; }
        .avp-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cbd5e1; transition: .3s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 34px; }
        .avp-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .3s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
        .avp-switch input:checked + .avp-slider { background-color: #10b981; }
        .avp-switch input:checked + .avp-slider:before { transform: translateX(20px); }

        /* Media Upload Card */
        .avp-logo-upload-card { display: flex; align-items: center; gap: 24px; padding: 20px; background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 12px; max-width: 800px; }
        .avp-logo-preview-box { width: 120px; height: 90px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 8px; }
        .avp-logo-preview-box img { max-width: 100%; max-height: 100%; object-fit: contain; }

        /* Color Picker Custom Wrapper */
        .avp-color-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
        .avp-color-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; }
        .avp-color-card label { display: block; font-weight: 600; font-size: 14px; color: #1e293b; margin-bottom: 12px; }

        /* CTA Save Button */
        .avp-save-btn-wrap { margin-top: 10px; }
        .avp-btn-save { background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important; border: none !important; color: #fff !important; font-size: 15px !important; font-weight: 600 !important; padding: 12px 32px !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25) !important; cursor: pointer; transition: all 0.2s ease !important; height: auto !important; }
        .avp-btn-save:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(99, 102, 241, 0.35) !important; }

        /* Sidebar Styling */
        .avp-sidebar-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 26px; margin-bottom: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.02); text-align: center; }
        .avp-sidebar-card h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 700; color: #0f172a; display: flex; align-items: center; justify-content: center; gap: 8px; }
        .avp-sidebar-card p { font-size: 14px; color: #64748b; margin: 0 0 20px 0; line-height: 1.6; }
        
        .avp-btn-sidebar { display: block; width: 100%; text-decoration: none; padding: 12px 18px; border-radius: 8px; font-weight: 600; font-size: 14px; font-family: 'Inter', sans-serif; box-sizing: border-box; transition: all 0.2s ease; }
        .avp-btn-donate { background: #0284c7; color: #fff; }
        .avp-btn-donate:hover { background: #0369a1; color: #fff; }
        .avp-btn-review { background: #f59e0b; color: #fff; }
        .avp-btn-review:hover { background: #d97706; color: #fff; }

        .avp-tab-content { display: none; }
        .avp-tab-content.active { display: block; }
    </style>

    <div class="wrap avp-dashboard-container">
        
        <!-- Header Banner -->
        <div class="avp-admin-header">
            <div class="avp-admin-brand">
                <div class="avp-brand-icon">
                    <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
                </div>
                <div>
                    <h1 class="avp-brand-title">Advanced Age Verification <span class="avp-badge-free">Free v<?php echo esc_html( AVP_FREE_VERSION ); ?></span></h1>
                    <p class="avp-brand-subtitle">Configure compliance settings, verification rules, and visual aesthetics.</p>
                </div>
            </div>
            <div class="avp-header-actions">
                <a href="https://yeasinwp.com/docs/advanced-age-verification-pro?v=free" target="_blank" class="avp-header-link">
                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
                    Documentation
                </a>
            </div>
        </div>
        
        <div class="avp-admin-wrap">
            <div class="avp-admin-main">
                
                <!-- Segmented Tabs -->
                <div class="avp-segmented-nav" id="avp-tabs">
                    <?php $is_pro_active = function_exists( 'avp_pro_init' ); ?>
                    
                    <a href="#tab-general" class="nav-tab nav-tab-active"><?php esc_html_e('General', 'advanced-age-verification-popup'); ?></a>
                    
                    <?php if ( ! $is_pro_active ) : ?>
    <a href="#tab-appearance" class="nav-tab"><?php esc_html_e('Text & Images', 'advanced-age-verification-popup'); ?></a>
    <a href="#tab-styling" class="nav-tab"><?php esc_html_e('Colors & Styling', 'advanced-age-verification-popup'); ?></a>
    <a href="#tab-advanced" class="nav-tab"><?php esc_html_e('Advanced', 'advanced-age-verification-popup'); ?></a>
    <a href="<?php echo esc_url( admin_url( 'admin.php?page=avp-pro-landing' ) ); ?>" class="nav-tab avp-external-link nav-tab-pro"><?php esc_html_e('Get Pro 🚀', 'advanced-age-verification-popup'); ?></a>
<?php endif; ?>

                    <?php do_action('avp_admin_tabs'); ?>
                </div>

                <form method="post" action="options.php" id="avp-settings-form">
                    <?php settings_fields('avp-settings'); do_settings_sections('avp-settings'); ?>
                    
                    <!-- TAB 1: GENERAL SETTINGS -->
                    <div id="tab-general" class="avp-tab-content active">
                        <div class="avp-card">
                            <div class="avp-card-header">
                                <h3 class="avp-card-title">Verification Engine & Gate Rules</h3>
                                <p class="avp-card-desc">Define how users verify their age and where to send underage visitors.</p>
                            </div>
                            
                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e( 'Verification Method', 'advanced-age-verification-popup' ); ?></label>
                                <select name="avp_verification_method" id="avp_verification_method" class="avp-select">
    <option value="yesno" <?php selected( $method, 'yesno' ); ?>><?php esc_html_e( 'Yes / No Action Buttons', 'advanced-age-verification-popup' ); ?></option>
    <option value="dob" <?php selected( $method, 'dob' ); ?>><?php esc_html_e( 'Date of Birth (Flatpickr Calendar)', 'advanced-age-verification-popup' ); ?></option>
    <option value="face_id" <?php selected( $method, 'face_id' ); ?>><?php esc_html_e( 'Manual ID Document Upload (Pro)', 'advanced-age-verification-popup' ); ?></option>
</select>
                            </div>

                            <?php if ( $is_pro_active ) : ?>
                            <div class="avp-field-group" id="avp_dob_face_row" style="display: none;">
                                <div class="avp-toggle-row">
                                    <div class="avp-toggle-info">
                                        <p class="avp-toggle-title"><?php esc_html_e( 'Require Identity Document Upload', 'advanced-age-verification-popup' ); ?></p>
                                        <p class="avp-toggle-desc">Users must submit an ID document (NID, Passport) matching their entered Date of Birth.</p>
                                    </div>
                                    <label class="avp-switch">
                                        <input type="checkbox" name="avp_dob_face_verify" id="avp_dob_face_verify" value="1" <?php checked( get_option('avp_dob_face_verify'), '1' ); ?> />
                                        <span class="avp-slider"></span>
                                    </label>
                                </div>
                            </div>
                            <?php endif; ?>
                            
                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Minimum Required Age', 'advanced-age-verification-popup'); ?></label>
                                <input type="number" name="avp_min_age" value="<?php echo esc_attr($min_age); ?>" class="avp-input-text avp-input-small" min="1" max="100" />
                                <p class="avp-field-desc">Default age threshold (e.g., 18 or 21) required to gain access.</p>
                            </div>

                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Underage Redirect URL', 'advanced-age-verification-popup'); ?></label>
                                <input type="url" name="avp_redirect_url" value="<?php echo esc_attr($redirect_url); ?>" class="avp-input-text" placeholder="https://google.com" />
                                <p class="avp-field-desc"><?php esc_html_e('Where to send users who fail or reject the age check.', 'advanced-age-verification-popup'); ?></p>
                            </div>
                        </div>

                        <?php if ( $is_pro_active ) : ?>
                            <div class="avp-card">
                                <div class="avp-card-header">
                                    <h3 class="avp-card-title"><?php esc_html_e( 'Text & Images', 'advanced-age-verification-popup' ); ?></h3>
                                </div>
                        <?php else : ?>
                    </div> 

                    <!-- TAB 2: TEXT & IMAGES -->
                    <div id="tab-appearance" class="avp-tab-content">
                        <div class="avp-card">
                            <div class="avp-card-header">
                                <h3 class="avp-card-title">Modal Content & Media</h3>
                                <p class="avp-card-desc">Customize text labels, warnings, and display logos.</p>
                            </div>
                        <?php endif; ?>

                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Logo Image', 'advanced-age-verification-popup'); ?></label>
                                <input type="hidden" id="avp_logo_url" name="avp_logo" value="<?php echo esc_attr($logo); ?>" />
                                
                                <div class="avp-logo-upload-card">
                                    <div class="avp-logo-preview-box" id="avp_logo_preview_container" style="<?php echo $logo ? '' : 'display: none;'; ?>">
                                        <img src="<?php echo esc_url($logo); ?>" id="avp_logo_preview" alt="Logo Preview" />
                                    </div>
                                    <div>
                                        <button type="button" class="button button-secondary" id="avp_upload_logo_btn"><?php esc_html_e('Choose Image', 'advanced-age-verification-popup'); ?></button>
                                        <button type="button" class="button button-link" id="avp_clear_logo_btn" style="color: #ef4444; margin-left: 10px; <?php echo $logo ? '' : 'display: none;'; ?>"><?php esc_html_e('Remove', 'advanced-age-verification-popup'); ?></button>
                                    </div>
                                </div>
                            </div>

                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Title Text', 'advanced-age-verification-popup'); ?></label>
                                <input type="text" name="avp_title" value="<?php echo esc_attr($title); ?>" class="avp-input-text" />
                            </div>

                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Subtitle Text', 'advanced-age-verification-popup'); ?></label>
                                <textarea name="avp_subtitle" class="avp-textarea" rows="2"><?php echo esc_textarea($subtitle); ?></textarea>
                            </div>

                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Enter Button Text', 'advanced-age-verification-popup'); ?></label>
                                <input type="text" name="avp_enter_text" value="<?php echo esc_attr($enter_text); ?>" class="avp-input-text" />
                            </div>

                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Exit Button Text', 'advanced-age-verification-popup'); ?></label>
                                <input type="text" name="avp_exit_text" value="<?php echo esc_attr($exit_text); ?>" class="avp-input-text" />
                            </div>

                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Footer Warning Text', 'advanced-age-verification-popup'); ?></label>
                                <textarea name="avp_warning_text" class="avp-textarea" rows="2"><?php echo esc_textarea($warning); ?></textarea>
                            </div>
                        </div>

                        <?php if ( $is_pro_active ) : ?>
                            <div class="avp-card">
                                <div class="avp-card-header">
                                    <h3 class="avp-card-title"><?php esc_html_e( 'Colors & Styling', 'advanced-age-verification-popup' ); ?></h3>
                                </div>
                        <?php else : ?>
                    </div> 

                    <!-- TAB 3: STYLING & COLORS -->
                    <div id="tab-styling" class="avp-tab-content">
                        <div class="avp-card">
                            <div class="avp-card-header">
                                <h3 class="avp-card-title">Color Palette</h3>
                                <p class="avp-card-desc">Customize popup color schemes to seamlessly blend with your brand aesthetic.</p>
                            </div>
                        <?php endif; ?>

                            <div class="avp-color-grid">
                                <div class="avp-color-card">
                                    <label><?php esc_html_e('Popup Background', 'advanced-age-verification-popup'); ?></label>
                                    <input type="text" name="avp_color_popup_bg" value="<?php echo esc_attr($bg_color); ?>" class="avp-color-picker" />
                                </div>
                                <div class="avp-color-card">
                                    <label><?php esc_html_e('Primary Accent', 'advanced-age-verification-popup'); ?></label>
                                    <input type="text" name="avp_color_primary" value="<?php echo esc_attr($primary_color); ?>" class="avp-color-picker" />
                                </div>
                                <div class="avp-color-card">
                                    <label><?php esc_html_e('Main Text', 'advanced-age-verification-popup'); ?></label>
                                    <input type="text" name="avp_color_text" value="<?php echo esc_attr($text_color); ?>" class="avp-color-picker" />
                                </div>
                                <div class="avp-color-card">
                                    <label><?php esc_html_e('Muted Text', 'advanced-age-verification-popup'); ?></label>
                                    <input type="text" name="avp_color_text_muted" value="<?php echo esc_attr($muted_color); ?>" class="avp-color-picker" />
                                </div>
                            </div>
                        </div>

                        <?php if ( $is_pro_active ) : ?>
                            <div class="avp-card">
                                <div class="avp-card-header">
                                    <h3 class="avp-card-title"><?php esc_html_e( 'Advanced Controls', 'advanced-age-verification-popup' ); ?></h3>
                                </div>
                        <?php else : ?>
                    </div> 

                    <!-- TAB 4: ADVANCED SETTINGS -->
                    <div id="tab-advanced" class="avp-tab-content">
                        <div class="avp-card">
                            <div class="avp-card-header">
                                <h3 class="avp-card-title">Session & Caching Rules</h3>
                                <p class="avp-card-desc">Manage consent cookies, logged-in user exceptions, and crawler bypasses.</p>
                            </div>
                        <?php endif; ?>

                            <div class="avp-field-group">
                                <label class="avp-field-label"><?php esc_html_e('Cookie Duration (Days)', 'advanced-age-verification-popup'); ?></label>
                                <input type="number" name="avp_cookie_duration" value="<?php echo esc_attr($cookie_duration); ?>" class="avp-input-text avp-input-small" min="1" max="365" />
                                <p class="avp-field-desc">How long the verification cookie persists before requiring re-verification.</p>
                            </div>

                            <div class="avp-toggle-row">
                                <div class="avp-toggle-info">
                                    <p class="avp-toggle-title"><?php esc_html_e('Show "Remember Me" Option', 'advanced-age-verification-popup'); ?></p>
                                    <p class="avp-toggle-desc"><?php esc_html_e('Allow visitors to choose between a 30-day cookie or single-session consent.', 'advanced-age-verification-popup'); ?></p>
                                </div>
                                <label class="avp-switch">
                                    <input type="checkbox" name="avp_show_remember_me" value="1" <?php checked($show_remember_me, '1'); ?> />
                                    <span class="avp-slider"></span>
                                </label>
                            </div>

                            <div class="avp-toggle-row">
                                <div class="avp-toggle-info">
                                    <p class="avp-toggle-title"><?php esc_html_e('Bypass for Logged-In Users', 'advanced-age-verification-popup'); ?></p>
                                    <p class="avp-toggle-desc"><?php esc_html_e('Automatically hide the popup for logged-in administrators and registered users.', 'advanced-age-verification-popup'); ?></p>
                                </div>
                                <label class="avp-switch">
                                    <input type="checkbox" name="avp_bypass_logged_in" value="1" <?php checked($bypass_logged_in, '1'); ?> />
                                    <span class="avp-slider"></span>
                                </label>
                            </div>

                            <div class="avp-toggle-row">
                                <div class="avp-toggle-info">
                                    <p class="avp-toggle-title"><?php esc_html_e('SEO Search Crawler Bypass', 'advanced-age-verification-popup'); ?></p>
                                    <p class="avp-toggle-desc"><?php esc_html_e('Hide popup for search crawlers (Googlebot, Bingbot) to preserve SEO rankings.', 'advanced-age-verification-popup'); ?></p>
                                </div>
                                <label class="avp-switch">
                                    <input type="checkbox" name="avp_bypass_crawlers" value="1" <?php checked($bypass_crawlers, '1'); ?> />
                                    <span class="avp-slider"></span>
                                </label>
                            </div>
                        </div>
                    </div> 
                    
                    <?php do_action('avp_admin_tab_content'); ?>

                    <div class="avp-save-btn-wrap">
                        <button type="submit" class="button button-primary avp-btn-save"><?php esc_html_e('Save Changes', 'advanced-age-verification-popup'); ?></button>
                    </div>
                </form>
                
                
                <!-- More from Yeasin Section (Cross-Sells) -->
                <div class="avp-more-plugins-section" style="margin-top: 40px; padding-top: 30px; border-top: 1px solid #e2e8f0;">
                    <h3 style="font-size: 18px; font-weight: 700; color: #0f172a; margin: 0 0 6px 0;">More from Yeasin</h3>
                    <p style="font-size: 14px; color: #64748b; margin: 0 0 24px 0;">Powerful plugins to secure, optimize, and grow your WordPress website.</p>
                    
                    <!-- CSS Grid for Future Plugins -->
                    <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px;">
                        
                        <!-- Plugin Card: Geo-Blocker Pro -->
                        <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease;">
                            <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 16px;">
                                <div style="background: #e0f2fe; width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                                    <svg width="24" height="24" fill="none" stroke="#0284c7" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
                                </div>
                                <div>
                                    <h4 style="margin: 0 0 4px 0; font-size: 16px; font-weight: 700; color: #0f172a;">Yeasin Geo-Blocker Pro</h4>
                                    <span style="background: #f1f5f9; color: #475569; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 4px; border: 1px solid #e2e8f0;">Security & Access</span>
                                </div>
                            </div>
                            <p style="font-size: 13px; color: #475569; margin: 0 0 20px 0; line-height: 1.6;">Take ultimate control of your website's traffic and security. Block or redirect users by location, dynamically show/hide content, and secure your WooCommerce checkout. From stopping VPN/Tor bots and API attacks to generating secure bypass links, get complete geo-protection with 100% MaxMind accuracy.</p>
                            <div style="display: flex; gap: 10px;">
                                <a href="https://wordpress.org/plugins/yeasin-geo-blocker/" target="_blank" class="button" style="text-align: center; flex: 1; padding: 5px 0;">Free Version</a>
                                <a href="https://yeasinwp.com/plugin/yeasin-geo-blocker-pro" target="_blank" class="button button-primary" style="background: #0284c7; border-color: #0369a1; text-align: center; flex: 1; padding: 5px 0;">Get Pro</a>
                            </div>
                        </div>


                    </div>
                </div>
                
            </div>
            
            <!-- Sidebar Widgets -->
            <div class="avp-admin-sidebar">

                <!-- Upgrade to Pro Card -->
                <div class="avp-sidebar-card avp-pro-card" style="border-left: 4px solid #8b5cf6; text-align: left; background: #ffffff;">
                    <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;">
                        <span style="background: #f3e8ff; color: #8b5cf6; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 20px; border: 1px solid #e9d5ff; text-transform: uppercase;">Unlock Everything</span>
                        <span style="font-size: 12px; font-weight: 600; color: #f59e0b;">Premium ⭐</span>
                    </div>

                    <h3 style="text-align: left; margin: 0 0 8px 0; font-size: 18px; color: #0f172a;">Upgrade to Pro 🚀</h3>
                    <p style="text-align: left; font-size: 13px; color: #64748b; margin-bottom: 16px; line-height: 1.5;">Get maximum legal protection, fraud prevention, and seamless WooCommerce conversion tools.</p>

                    <ul style="list-style: none; padding: 0; margin: 0 0 20px 0; font-size: 13px; color: #334155; line-height: 1.8;">
                        <li style="display: flex; align-items: flex-start; gap: 8px;">
                            <span style="color: #8b5cf6; font-weight: bold; margin-top: 2px;">✓</span> 
                            <div>
                                <strong>Geo-Location & Country Rules</strong><br>
                                <span style="font-size: 12px; color: #64748b;">Targeted Display, Country Rules, Strict Geo-Fencing.</span>
                            </div>
                        </li>
                        <li style="display: flex; align-items: flex-start; gap: 8px; margin-top: 8px;">
                            <span style="color: #8b5cf6; font-weight: bold; margin-top: 2px;">✓</span> 
                            <div>
                                <strong>WooCommerce Integrations</strong><br>
                                <span style="font-size: 12px; color: #64748b;">Display Scope, Soft Gating, B2B Bypass, Shipping Lock.</span>
                            </div>
                        </li>
                        <li style="display: flex; align-items: flex-start; gap: 8px; margin-top: 8px;">
                            <span style="color: #8b5cf6; font-weight: bold; margin-top: 2px;">✓</span> 
                            <div>
                                <strong>Design & Themes</strong><br>
                                <span style="font-size: 12px; color: #64748b;">Pre-made aesthetics, Visual Themes, Entrance Animations.</span>
                            </div>
                        </li>
                        <li style="display: flex; align-items: flex-start; gap: 8px; margin-top: 8px;">
                            <span style="color: #8b5cf6; font-weight: bold; margin-top: 2px;">✓</span> 
                            <div>
                                <strong>Security & Lockout</strong><br>
                                <span style="font-size: 12px; color: #64748b;">Strict Anti-Bypass, Brute Force Protection, Bot CAPTCHA.</span>
                            </div>
                        </li>
                        <li style="display: flex; align-items: flex-start; gap: 8px; margin-top: 8px;">
                            <span style="color: #8b5cf6; font-weight: bold; margin-top: 2px;">✓</span> 
                            <div>
                                <strong>Identity Moderation (KYC)</strong><br>
                                <span style="font-size: 12px; color: #64748b;">Document Uploads, Moderation Queue, AI Verification.</span>
                            </div>
                        </li>
                        <li style="display: flex; align-items: flex-start; gap: 8px; margin-top: 8px;">
                            <span style="color: #8b5cf6; font-weight: bold; margin-top: 2px;">✓</span> 
                            <div>
                                <strong>Analytics Dashboard</strong><br>
                                <span style="font-size: 12px; color: #64748b;">Drop-off rates, Device Breakdown, Marketing Pixels (GA4/Meta).</span>
                            </div>
                        </li>
                    </ul>

                    <a href="https://yeasinwp.com/plugin/advanced-age-verification-pro" target="_blank" class="avp-btn-sidebar" style="background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%); color: #fff; text-align: center; box-shadow: 0 4px 12px rgba(139, 92, 246, 0.25);">Get Pro Today →</a>
                </div>
                
                <!-- Need Support Card -->
                <div class="avp-sidebar-card" style="text-align: center; background: #ffffff;">
                    <div style="background: #e0f2fe; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px auto; border: 1px solid #bae6fd;">
                        <svg width="24" height="24" fill="none" stroke="#0ea5e9" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
                    </div>
                    <h3 style="margin: 0 0 6px 0; font-size: 17px; color: #0f172a;">Need Support?</h3>
                    <p style="font-size: 13px; color: #64748b; margin-bottom: 16px; line-height: 1.5;">Having trouble setting up your age gate? Our support team is here to help.</p>
                    <a href="https://wordpress.org/support/plugin/advanced-age-verification-popup/" target="_blank" class="avp-btn-sidebar" style="background: #f8fafc; color: #0f172a; border: 1px solid #cbd5e1; text-align: center; font-weight: 600;">Get Free Support</a>
                </div>
                
                
                <!-- Review Card -->
                <div class="avp-sidebar-card avp-review-card" style="text-align: center; background: #ffffff;">
                    <div style="background: #fffbeb; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px auto; border: 1px solid #fef3c7;">
                        <svg width="24" height="24" fill="#f59e0b" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                    </div>

                    <h3 style="margin: 0 0 6px 0; font-size: 17px; color: #0f172a;">Leave a Review</h3>
                    <p style="font-size: 13px; color: #64748b; margin-bottom: 16px; line-height: 1.5;">Enjoying the plugin? Please leave a review on WordPress.org to help us reach more store owners.</p>

                    <a href="https://wordpress.org/support/plugin/advanced-age-verification-popup/reviews/#new-post" target="_blank" class="avp-btn-sidebar avp-btn-review" style="background: #f59e0b; color: #ffffff; text-align: center; font-weight: 600;">Rate Us on WordPress.org ⭐</a>
                </div>

            </div>
        </div>
    </div>

<script type="text/javascript">
    jQuery(document).ready(function($){
        
        var isProActive = <?php echo function_exists( 'avp_pro_init' ) ? 'true' : 'false'; ?>;
        var proLandingUrl = '<?php echo esc_url( admin_url( 'admin.php?page=avp-pro-landing' ) ); ?>';

        function activateTab(target) {
            if (!target || !$(target).length) return;

            $('#avp-tabs a').removeClass('nav-tab-active');
            $('#avp-tabs a[href="' + target + '"]').addClass('nav-tab-active');
            $('.avp-tab-content').removeClass('active');
            $(target).addClass('active');

            localStorage.setItem('avp_active_tab', target);
            if (history.pushState) {
                history.pushState(null, null, target);
            } else {
                location.hash = target;
            }

            $('input[name="_wp_http_referer"]').each(function() {
                var cleanUrl = $(this).val().split('#')[0];
                $(this).val(cleanUrl + target);
            });
        }

        $('#avp-tabs a').on('click', function(e) {
            if ( $(this).hasClass('avp-external-link') ) return;
            e.preventDefault();
            var target = $(this).attr('href');
            activateTab(target);
        });

        var currentHash = window.location.hash;
        var savedTab = localStorage.getItem('avp_active_tab');

        if (currentHash && $(currentHash).length) {
            activateTab(currentHash);
        } else if (savedTab && $(savedTab).length) {
            activateTab(savedTab);
        }

        function toggleBiometricUI() {
            var method = $('#avp_verification_method').val();
            
            if (method === 'face_id' && !isProActive) {
                window.location.href = proLandingUrl;
                return;
            }

            if (method === 'dob' && isProActive) {
                $('#avp_dob_face_row').fadeIn(200);
            } else if ($('#avp_dob_face_row').length) {
                $('#avp_dob_face_row').hide();
            }
        }

        $('#avp_verification_method, #avp_dob_face_verify').on('change', toggleBiometricUI);
        toggleBiometricUI();

        if (typeof $.fn.wpColorPicker === 'function') {
            $('.avp-color-picker').wpColorPicker();
        }

        var mediaUploader;
        $('#avp_upload_logo_btn').click(function(e) {
            e.preventDefault();
            if (mediaUploader) { mediaUploader.open(); return; }
            mediaUploader = wp.media.frames.file_frame = wp.media({
                title: '<?php esc_html_e('Choose Logo', 'advanced-age-verification-popup'); ?>',
                button: { text: '<?php esc_html_e('Choose Logo', 'advanced-age-verification-popup'); ?>' },
                multiple: false
            });
            mediaUploader.on('select', function() {
                var attachment = mediaUploader.state().get('selection').first().toJSON();
                $('#avp_logo_url').val(attachment.url);
                $('#avp_logo_preview').attr('src', attachment.url);
                $('#avp_logo_preview_container').show();
                $('#avp_clear_logo_btn').show();
            });
            mediaUploader.open();
        });

        $('#avp_clear_logo_btn').click(function(e){
            e.preventDefault();
            $('#avp_logo_url').val('');
            $('#avp_logo_preview_container').hide();
            $(this).hide();
        });
    });
</script>    
    
<?php }

add_action('admin_init', 'avp_register_settings');
function avp_register_settings() {
    register_setting('avp-settings', 'avp_logo', 'esc_url_raw');
    register_setting('avp-settings', 'avp_title', 'sanitize_text_field');
    register_setting('avp-settings', 'avp_subtitle', 'sanitize_textarea_field');
    register_setting('avp-settings', 'avp_warning_text', 'sanitize_textarea_field');
    register_setting('avp-settings', 'avp_enter_text', 'sanitize_text_field');
    register_setting('avp-settings', 'avp_exit_text', 'sanitize_text_field');
    register_setting('avp-settings', 'avp_redirect_url', 'esc_url_raw');
    register_setting('avp-settings', 'avp_cookie_duration', 'absint');
    register_setting('avp-settings', 'avp_verification_method', 'sanitize_text_field');
    register_setting('avp-settings', 'avp_min_age', 'absint');
    register_setting('avp-settings', 'avp_bypass_logged_in', 'sanitize_text_field');
    register_setting('avp-settings', 'avp_bypass_crawlers', 'sanitize_text_field');
    register_setting('avp-settings', 'avp_show_remember_me', 'sanitize_text_field');
    
    register_setting('avp-settings', 'avp_color_popup_bg', 'sanitize_hex_color');
    register_setting('avp-settings', 'avp_color_primary', 'sanitize_hex_color');
    register_setting('avp-settings', 'avp_color_text', 'sanitize_hex_color');
    register_setting('avp-settings', 'avp_color_text_muted', 'sanitize_hex_color');
    register_setting('avp-settings', 'avp_dob_face_verify', 'sanitize_text_field');
}

// Render the Pro Landing Page
function avp_pro_landing_page_html() {
    ?>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
        
        .notice, .updated, .error, .update-nag, .is-dismissible { display: none !important; }
        #wpbody-content > .notice { display: none !important; }

        .avp-pro-container { max-width: 1140px; margin: 40px auto; font-family: 'Inter', -apple-system, sans-serif; -webkit-font-smoothing: antialiased; color: #0f172a; padding: 0 20px; }
        
        /* Hero Banner */
        .avp-pro-hero { background: linear-gradient(135deg, #111827 0%, #1e1b4b 100%); border-radius: 24px; padding: 80px 40px; text-align: center; color: #fff; margin-bottom: 40px; box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2); position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); }
        .avp-pro-hero::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 50%); pointer-events: none; }
        .avp-pro-hero h1 { color: #ffffff; font-size: 42px; font-weight: 800; margin: 0 0 20px 0; position: relative; z-index: 1; letter-spacing: -1px; }
        .avp-pro-hero p { font-size: 18px; color: #94a3b8; max-width: 700px; margin: 0 auto 36px auto; line-height: 1.6; position: relative; z-index: 1; font-weight: 400; }
        
        .avp-pro-btn { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); color: #fff !important; padding: 16px 40px; font-size: 16px; font-weight: 600; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 10px 20px -5px rgba(139, 92, 246, 0.4); position: relative; z-index: 1; }
        .avp-pro-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 25px -5px rgba(139, 92, 246, 0.5); }
        
        /* Premium Features Grid */
        .avp-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; margin-bottom: 40px; }
        .avp-feature-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 32px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); transition: all 0.3s ease; display: flex; flex-direction: column; }
        .avp-feature-card:hover { border-color: #cbd5e1; box-shadow: 0 12px 24px -8px rgba(0,0,0,0.06); transform: translateY(-4px); }
        
        .avp-feature-icon { width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); flex-shrink: 0; }
        .avp-feature-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 12px 0; color: #0f172a; letter-spacing: -0.5px; }
        .avp-feature-card p { margin: 0; color: #64748b; line-height: 1.6; font-size: 14px; }
        
        
        /* Premium Feature Lists */
        .avp-feature-list { list-style: none; padding: 0; margin: 20px 0 0 0; border-top: 1px solid #f1f5f9; padding-top: 20px; }
        .avp-feature-list li { margin-bottom: 14px; font-size: 13.5px; color: #64748b; line-height: 1.5; display: flex; align-items: flex-start; gap: 10px; }
        .avp-feature-list li:last-child { margin-bottom: 0; }
        .avp-feature-list li strong { color: #1e293b; font-weight: 600; display: block; margin-bottom: 2px; }
        .avp-check-icon { color: #10b981; flex-shrink: 0; margin-top: 2px; font-size: 14px; font-weight: bold; }
        
        /* Icon Colors */
        .ic-1 { background: #fef3c7; color: #d97706; }
        .ic-2 { background: #fee2e2; color: #dc2626; }
        .ic-3 { background: #e0e7ff; color: #4f46e5; }
        .ic-4 { background: #dcfce7; color: #16a34a; }
        .ic-5 { background: #f3e8ff; color: #9333ea; }
        .ic-6 { background: #e0f2fe; color: #0284c7; }

        /* Footer CTA */
        .avp-pro-footer { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 24px; padding: 56px 40px; text-align: center; }
        .avp-pro-footer h2 { margin: 0 0 16px 0; font-size: 28px; font-weight: 800; color: #0f172a; letter-spacing: -0.5px; }
        .avp-pro-footer p { color: #64748b; font-size: 16px; margin-bottom: 32px; max-width: 500px; margin-left: auto; margin-right: auto; }
        
        @media (max-width: 768px) {
            .avp-pro-hero { padding: 50px 20px; }
            .avp-pro-hero h1 { font-size: 32px; }
            .avp-features-grid { grid-template-columns: 1fr; }
        }
    </style>

    <div class="wrap avp-pro-container">
        
        <div class="avp-pro-hero">
            <h1>Upgrade Your Compliance Engine</h1>
            <p>Ensure total legal protection with AI-powered Identity Verification, strict Geo-Location targeting, and frictionless WooCommerce conversion tools.</p>
            <a href="https://yeasinwp.com/plugin/advanced-age-verification-pro" target="_blank" class="avp-pro-btn">Get Pro Today</a>
        </div>

        <div class="avp-features-grid">
            
            <div class="avp-feature-card">
                <div class="avp-feature-icon ic-4"><svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div>
                <h3>Geo-Location & Country Rules</h3>
                <ul class="avp-feature-list">
                    <li><span class="avp-check-icon">✓</span> <div><strong>Targeted Display</strong> Only show the age gate to visitors from specific countries.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Dynamic Country Rules</strong> Automatically require different minimum ages based on the user's region (e.g., US:21, UK:18).</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Strict Geo-Fencing</strong> Instantly block or redirect users attempting to access from illegal states or restricted countries.</div></li>
                </ul>
            </div>
            
            <div class="avp-feature-card">
                <div class="avp-feature-icon ic-3"><svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg></div>
                <h3>WooCommerce Integrations</h3>
                <ul class="avp-feature-list">
                    <li><span class="avp-check-icon">✓</span> <div><strong>Display Scope</strong> Lock the entire site, protect specific product categories, or restrict only the checkout form.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Conversion Soft Gating</strong> Let customers browse freely; only show the age gate when they click "Add to Cart".</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>B2B & Shipping Locks</strong> Auto-bypass verified wholesalers and automatically tag WooCommerce orders for Adult Signature delivery.</div></li>
                </ul>
            </div>
            
            <div class="avp-feature-card">
                <div class="avp-feature-icon ic-6"><svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"></path></svg></div>
                <h3>Design & Themes</h3>
                <ul class="avp-feature-list">
                    <li><span class="avp-check-icon">✓</span> <div><strong>Pre-made Aesthetics</strong> Apply 1-click premium templates designed for Vape, Wine, and CBD industries.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Visual Controls</strong> Customize Google Fonts, border radius, frosted glass blur intensity, and entrance animations.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Media Backgrounds</strong> Add highly immersive full-screen background images or silent, looping MP4 videos.</div></li>
                </ul>
            </div>
            
            <div class="avp-feature-card">
                <div class="avp-feature-icon ic-2"><svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg></div>
                <h3>Security & Lockout</h3>
                <ul class="avp-feature-list">
                    <li><span class="avp-check-icon">✓</span> <div><strong>Strict Anti-Bypass</strong> Stop teenagers from hitting "Back" to fake their age. Cache-proof IP bans physically block underage users.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Fraud Protection</strong> Actively block Inspect Element tools and enforce a maximum realistic age limit (e.g., block 100+ year olds).</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Bot CAPTCHA</strong> Automatically secure the gate against spam bots using silent Cloudflare Turnstile or reCAPTCHA v3.</div></li>
                </ul>
            </div>
            
            <div class="avp-feature-card">
                <div class="avp-feature-icon ic-1"><svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"></path></svg></div>
                <h3>Identity Moderation (KYC)</h3>
                <ul class="avp-feature-list">
                    <li><span class="avp-check-icon">✓</span> <div><strong>Document Uploads</strong> Enforce strict compliance by requiring users to securely upload a Photo ID alongside their Date of Birth.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Moderation Queue</strong> Review, approve, or instantly auto-shred submissions from a beautifully organized backend Lightbox.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>AI Auto-Verification</strong> Connect Stripe Identity or Veriff API keys to instantly scan faces and auto-approve documents.</div></li>
                </ul>
            </div>
            
            <div class="avp-feature-card">
                <div class="avp-feature-icon ic-5"><svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg></div>
                <h3>Analytics Dashboard</h3>
                <ul class="avp-feature-list">
                    <li><span class="avp-check-icon">✓</span> <div><strong>Traffic & Trends</strong> Visualize your views, passes, and drop-off rates on interactive Chart.js graphs across custom date ranges.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Deep Diagnostics</strong> View performance breakdowns by Device (Mobile vs. Desktop) and pinpoint geographic drop-offs.</div></li>
                    <li><span class="avp-check-icon">✓</span> <div><strong>Marketing Pixels</strong> Automatically push <code>age_gate_passed</code> conversion events directly to Google Analytics 4 and Meta Pixel.</div></li>
                </ul>
            </div>

        </div>

        <div class="avp-pro-footer">
            <h2>Ready to upgrade your store?</h2>
            <p>Ensure legal compliance and completely protect your business.</p>
            <a href="https://yeasinwp.com/plugin/advanced-age-verification-pro" target="_blank" class="avp-pro-btn" style="background: #0f172a; box-shadow: none;">View Pricing & Details</a>
        </div>

    </div>
    <?php
}

add_action('admin_notices', 'avp_pro_upsell_admin_notice');
function avp_pro_upsell_admin_notice() {
    if ( ! current_user_can( 'manage_options' ) ) return;
    if ( function_exists( 'avp_pro_init' ) ) return;

    $screen = get_current_screen();
    if ( $screen && $screen->id !== 'toplevel_page_age-verification' ) {
        return;
    }

    $user_id = get_current_user_id();
    if ( get_user_meta( $user_id, 'avp_pro_notice_dismissed', true ) ) return;
    $snooze_time = get_user_meta( $user_id, 'avp_pro_notice_dismissed_until', true );
    if ( $snooze_time && time() < $snooze_time ) return;

    $landing_url = esc_url( admin_url( 'admin.php?page=avp-pro-landing' ) );
    $nonce = wp_create_nonce( 'avp_dismiss_notice' );
    ?>
    <div class="notice is-dismissible avp-pro-notice" style="display:flex; align-items:center; border-left: 4px solid #8b5cf6; padding: 15px 15px 15px 0; margin-top: 15px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.04);">
        <div style="background: #8b5cf6; border-radius: 8px; padding: 12px; display:flex; align-items:center; justify-content:center; margin: 0 20px;">
            <span class="dashicons dashicons-shield" style="color:#fff; font-size: 32px; width: 32px; height: 32px;"></span>
        </div>
        <div style="flex-grow: 1;">
            <p style="margin: 0; font-size: 16px; color: #111827;"><strong>Secure your site completely with <span style="color: #8b5cf6;">Age Verification Pro.</span></strong></p>
            <p style="margin: 5px 0 0; color: #4b5563; font-size: 14px;">Unlock strict Geo-Location targeting, Manual KYC ID Document Reviews, and product-specific WooCommerce age gates.</p>
        </div>
        <div style="display: flex; align-items: center; gap: 15px; margin-left: 20px; padding-right: 20px;">
            <a href="<?php echo $landing_url; ?>" class="button button-primary" style="background: #8b5cf6; border-color: #7c3aed; padding: 4px 16px;">Upgrade to Pro</a>
            <a href="#" class="avp-remind-later" style="text-decoration: none; color: #8b5cf6; font-size: 13px;">Remind me later</a>
        </div>
    </div>

    <script>
    jQuery(document).ready(function($) {
        function dismissAvpNotice(remindLater) {
            $.post(ajaxurl, {
                action: 'avp_dismiss_pro_notice',
                nonce: '<?php echo $nonce; ?>',
                remind_later: remindLater ? '1' : '0'
            });
            $('.avp-pro-notice').fadeOut(300);
        }
        $('.avp-pro-notice').on('click', '.notice-dismiss', function() { dismissAvpNotice(false); });
        $('.avp-remind-later').on('click', function(e) { e.preventDefault(); dismissAvpNotice(true); });
    });
    </script>
    <?php
}


// Handle AJAX Form Submission
add_action('wp_ajax_avp_save_settings', 'avp_ajax_save_settings_callback');
function avp_ajax_save_settings_callback() {
    check_ajax_referer('avp_save_settings_nonce', 'security');

    if (!current_user_can('manage_options')) {
        wp_send_json_error('Permission denied.');
    }

    // Parse serialized form data
    parse_str($_POST['form_data'], $form_data);

    // List of all options to save
    $text_fields = ['avp_title', 'avp_enter_text', 'avp_exit_text', 'avp_verification_method', 'avp_color_popup_bg', 'avp_color_primary', 'avp_color_text', 'avp_color_text_muted'];
    $textarea_fields = ['avp_subtitle', 'avp_warning_text'];
    $checkbox_fields = ['avp_show_remember_me', 'avp_bypass_logged_in', 'avp_bypass_crawlers', 'avp_dob_face_verify'];
    
    foreach ($text_fields as $field) {
        if (isset($form_data[$field])) {
            update_option($field, sanitize_text_field($form_data[$field]));
        }
    }
    foreach ($textarea_fields as $field) {
        if (isset($form_data[$field])) {
            update_option($field, sanitize_textarea_field($form_data[$field]));
        }
    }
    
    // Specific formatting
    if (isset($form_data['avp_min_age'])) update_option('avp_min_age', absint($form_data['avp_min_age']));
    if (isset($form_data['avp_cookie_duration'])) update_option('avp_cookie_duration', absint($form_data['avp_cookie_duration']));
    if (isset($form_data['avp_redirect_url'])) update_option('avp_redirect_url', esc_url_raw($form_data['avp_redirect_url']));
    if (isset($form_data['avp_logo'])) update_option('avp_logo', esc_url_raw($form_data['avp_logo']));

    // Handle checkboxes (if not set in serialized data, it means they were unchecked)
    foreach ($checkbox_fields as $field) {
        $val = isset($form_data[$field]) ? '1' : '0';
        update_option($field, $val);
    }

    wp_send_json_success('Settings successfully updated.');
}


add_action( 'wp_ajax_avp_dismiss_pro_notice', 'avp_handle_dismiss_pro_notice' );
function avp_handle_dismiss_pro_notice() {
    check_ajax_referer( 'avp_dismiss_notice', 'nonce' );
    if ( ! current_user_can( 'manage_options' ) ) wp_send_json_error();
    $user_id = get_current_user_id();
    if ( isset( $_POST['remind_later'] ) && $_POST['remind_later'] === '1' ) {
        update_user_meta( $user_id, 'avp_pro_notice_dismissed_until', time() + ( 7 * DAY_IN_SECONDS ) );
    } else {
        update_user_meta( $user_id, 'avp_pro_notice_dismissed', '1' );
    }
    wp_send_json_success();
}