<?php
/**
 * EPPRO_Admin_Settings
 *
 * Tabbed settings page with:
 *   1. General
 *   2. Widgets (enable / disable per widget)
 *   3. Import / Export
 *   4. Tools
 *
 * @package AdMoreWidgetsSuite
 * @since   1.0.0
 */

if ( ! defined( 'ABSPATH' ) ) exit;

class EPPRO_Admin_Settings {

    const OPTION_KEY = 'eppro_settings';

    /** In-memory settings cache (nulled after save to force re-read). */
    private static ?array $settings_cache = null;

    /** Extensions: slug => [ title, description, dashicon ]. Translated, so built at runtime. */
    public static function get_extensions(): array {
        return [
            'dynamic_tags' => [ 'title' => __( 'Dynamic Tags', 'admore-widgets-suite' ),        'icon' => 'dashicons-tag',              'desc' => __( 'Connect fields to post data, ACF, or site options dynamically.', 'admore-widgets-suite' ) ],
            'sticky'       => [ 'title' => __( 'Sticky', 'admore-widgets-suite' ),              'icon' => 'dashicons-sticky',           'desc' => __( 'Make any Elementor element stick to the viewport on scroll.', 'admore-widgets-suite' ) ],
            'conditions'   => [ 'title' => __( 'Conditional Display', 'admore-widgets-suite' ), 'icon' => 'dashicons-visibility',       'desc' => __( 'Show or hide any element based on user, date, or device rules.', 'admore-widgets-suite' ) ],
            'custom_css'   => [ 'title' => __( 'Custom Styles', 'admore-widgets-suite' ),       'icon' => 'dashicons-admin-appearance', 'desc' => __( 'Apply common style overrides (colors, spacing, border, sizing) to individual elements.', 'admore-widgets-suite' ) ],
        ];
    }

    /** slug => [ icon, desc ] (translated). */
    public static function get_widget_meta(): array {
        return array_map( static fn( $w ) => [ 'icon' => $w['icon'], 'desc' => $w['desc'] ], EPPRO_Widget_Registry::all() );
    }

    /** slug => translated title. */
    public static function get_all_widgets(): array {
        return EPPRO_Widget_Registry::titles();
    }

    public static function init(): void {
        static $booted = false;
        if ( $booted ) return;
        $booted = true;
        add_action( 'admin_menu',  [ __CLASS__, 'add_menu'           ] );
        add_action( 'admin_init',  [ __CLASS__, 'register_settings'  ] );
        add_action( 'admin_init',  [ __CLASS__, 'handle_import'      ] );
        add_action( 'wp_ajax_eppro_export_settings', [ __CLASS__, 'handle_export'        ] );
        add_action( 'wp_ajax_eppro_reset_settings',   [ __CLASS__, 'ajax_reset_settings'  ] );
        add_action( 'wp_ajax_eppro_clear_cache',      [ __CLASS__, 'ajax_clear_cache'     ] );
        add_action( 'admin_enqueue_scripts',        [ __CLASS__, 'enqueue_admin_assets' ] );
        add_action( 'admin_enqueue_scripts',        [ __CLASS__, 'output_menu_icon_css' ] );
        add_action( 'update_option_' . self::OPTION_KEY, [ __CLASS__, 'flush_settings_cache' ] );
    }

    /** Output inline CSS to correctly size the admin menu icon. */
    public static function output_menu_icon_css(): void {
        $css = '#adminmenu #toplevel_page_eppro-settings .wp-menu-image{display:flex!important;align-items:center!important;justify-content:center!important}#adminmenu #toplevel_page_eppro-settings .wp-menu-image img{width:24px!important;height:24px!important;padding:0!important;display:block!important;border-radius:15%!important;background:#fff!important}';
        wp_register_style( 'eppro-admin-icon', false, [], EPPRO_VERSION );
        wp_enqueue_style( 'eppro-admin-icon' );
        wp_add_inline_style( 'eppro-admin-icon', wp_strip_all_tags( $css ) );
    }

    public static function defaults(): array {
        return [
            '_version'            => EPPRO_VERSION,
            'disabled_widgets'    => [],
            'disabled_extensions' => [],
            // CAPTCHA
            'captcha_type'     => 'none',
            'captcha_site_key' => '',
            'captcha_secret'   => '',
            // Form integrations (secret — never exported)
            'mailchimp_api_key' => '',
            'brevo_api_key'     => '',
        ];
    }

    public static function get_settings(): array {
        if ( null !== self::$settings_cache ) return self::$settings_cache;
        $saved = get_option( self::OPTION_KEY, [] );
        self::$settings_cache = wp_parse_args( $saved, self::defaults() );
        return self::$settings_cache;
    }

    /** Bust the in-memory cache after saving new settings. */
    public static function flush_settings_cache(): void {
        self::$settings_cache = null;
    }

    public static function add_menu(): void {
        // Use dedicated admin icon SVG — no fixed width/height, only viewBox,
        // so WordPress renders it correctly as a scaled background image.
        $icon = EPPRO_URL . 'assets/icon.svg';
        add_menu_page(
            __( 'Essential Pro Pack', 'admore-widgets-suite' ),
            __( 'Essential Pro Pack', 'admore-widgets-suite' ),
            'manage_options',
            'eppro-settings',
            [ __CLASS__, 'render_page' ],
            $icon,
            58
        );

        add_submenu_page(
            'eppro-settings',
            __( 'Settings', 'admore-widgets-suite' ),
            __( 'Settings', 'admore-widgets-suite' ),
            'manage_options',
            'eppro-settings',
            [ __CLASS__, 'render_page' ]
        );

    }

    public static function enqueue_admin_assets( string $hook ): void {
        $eppro_hooks = [ 'toplevel_page_eppro-settings' ];
        if ( class_exists( 'EPPRO_Form_Entries' ) && EPPRO_Form_Entries::get_hook() ) {
            $eppro_hooks[] = EPPRO_Form_Entries::get_hook();
        }
        // Every plugin admin screen shares one design system (eppro-admin.css).
        $is_epp = in_array( $hook, $eppro_hooks, true )
            || ( isset( $_GET['page'] ) && in_array( sanitize_key( wp_unslash( $_GET['page'] ) ), [ 'eppro-settings', 'eppro-popups', 'eppro-popup-analytics', 'eppro-form-entries', 'eppro-theme-builder', 'eppro-templates', 'eppro-template-library' ], true ) ); // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Only decides which assets to load.
        if ( ! $is_epp ) return;

        wp_enqueue_style(
            'eppro-admin-ui',
            EPPRO_URL . 'assets/css/eppro-admin.css',
            [],
            eppro_asset_ver( 'assets/css/eppro-admin.css' )
        );
        wp_enqueue_script(
            'eppro-admin-ui',
            EPPRO_URL . 'assets/js/eppro-admin.js',
            [ 'jquery' ],
            eppro_asset_ver( 'assets/js/eppro-admin.js' ),
            true
        );
        wp_localize_script( 'eppro-admin-ui', 'epproAdmin', [
            'ajaxUrl' => admin_url( 'admin-ajax.php' ),
            'nonce'   => wp_create_nonce( 'eppro_admin_nonce' ),
            'i18n'    => [
                'confirmDuplicate' => __( 'Duplicate this template? A draft copy will be created.', 'admore-widgets-suite' ),
                'confirmDisableAllWidgets' => __( 'Disable all visible widgets? You can enable them again before saving.', 'admore-widgets-suite' ),
                'confirmUnsavedTabSwitch' => __( 'You have unsaved changes in this tab. Switch anyway?', 'admore-widgets-suite' ),
                'unsavedChanges' => __( 'You have unsaved changes. Are you sure you want to leave?', 'admore-widgets-suite' ),
                'requestFailed' => __( 'Request failed.', 'admore-widgets-suite' ),
                'requestFailedTryAgain' => __( 'Request failed. Please try again.', 'admore-widgets-suite' ),
                'saved' => __( 'Saved.', 'admore-widgets-suite' ),
                'done' => __( 'Done.', 'admore-widgets-suite' ),
                'error' => __( 'Error.', 'admore-widgets-suite' ),
                'duplicationFailed' => __( 'Duplication failed.', 'admore-widgets-suite' ),
                'enableAtLeastOneWidget' => __( 'Please keep at least one widget enabled.', 'admore-widgets-suite' ),
            ],
        ] );
    }

    public static function register_settings(): void {
        register_setting( 'eppro_group', self::OPTION_KEY, [ __CLASS__, 'sanitize' ] );
    }

    public static function sanitize( array $input ): array {
        // When called with an already-processed settings array (e.g. from the Setup
        // Wizard or ajax_reset_settings via update_option/delete_option), the input
        // has 'disabled_widgets' but no raw form keys like '_context' or 'widget_active'.
        // Without this guard, the missing 'widget_active' key would be interpreted as
        // "no widgets active" and overwrite disabled_widgets with the full widget list.
        if ( ! isset( $input['_context'] ) && ! isset( $input['widget_active'] ) && ! isset( $input['extension_active'] ) ) {
            return wp_parse_args( $input, self::defaults() );
        }

        $out     = self::get_settings();
        $context = sanitize_key( $input['_context'] ?? 'all' );

        // Widget manager: only rebuild when the widgets form was submitted
        if ( 'all' === $context || 'widgets' === $context ) {
            $all_keys = array_keys( EPPRO_Widget_Registry::all() );
            $active   = array_keys( (array) ( $input['widget_active'] ?? [] ) );
            $out['disabled_widgets'] = array_values( array_diff( $all_keys, $active ) );
        }

        // Extension manager: only rebuild when the extensions form was submitted
        if ( 'all' === $context || 'extensions' === $context ) {
            $all_ext  = array_keys( self::get_extensions() );
            $active_e = array_keys( (array) ( $input['extension_active'] ?? [] ) );
            $out['disabled_extensions'] = array_values( array_diff( $all_ext, $active_e ) );
        }

        // CAPTCHA — only update when integrations form was submitted
        if ( 'all' === $context || 'integrations' === $context ) {
            $allowed_types         = [ 'none', 'recaptcha_v2', 'recaptcha_v3', 'hcaptcha' ];
            $captcha_type          = sanitize_key( $input['captcha_type'] ?? 'none' );
            $out['captcha_type']   = in_array( $captcha_type, $allowed_types, true ) ? $captcha_type : 'none';
            $out['captcha_site_key'] = sanitize_text_field( $input['captcha_site_key'] ?? '' );
            $out['captcha_secret']   = sanitize_text_field( $input['captcha_secret']   ?? '' );
            $out['mailchimp_api_key'] = sanitize_text_field( $input['mailchimp_api_key'] ?? '' );
            $out['brevo_api_key']     = sanitize_text_field( $input['brevo_api_key'] ?? '' );
        }

        $out['_version'] = EPPRO_VERSION;
        return $out;
    }

    private static function normalize_import_payload( array $decoded ): array {
        $out = self::defaults();

        $all_widgets = array_keys( EPPRO_Widget_Registry::all() );
        $all_ext     = array_keys( self::get_extensions() );

        $disabled_widgets = array_map( 'sanitize_key', (array) ( $decoded['disabled_widgets'] ?? [] ) );
        $disabled_ext     = array_map( 'sanitize_key', (array) ( $decoded['disabled_extensions'] ?? [] ) );

        $out['disabled_widgets'] = array_values( array_intersect( $all_widgets, $disabled_widgets ) );
        $out['disabled_extensions'] = array_values( array_intersect( $all_ext, $disabled_ext ) );

        $allowed_types       = [ 'none', 'recaptcha_v2', 'recaptcha_v3', 'hcaptcha' ];
        $import_captcha_type = sanitize_key( $decoded['captcha_type'] ?? 'none' );
        $out['captcha_type'] = in_array( $import_captcha_type, $allowed_types, true ) ? $import_captcha_type : 'none';
        $out['captcha_site_key'] = sanitize_text_field( $decoded['captcha_site_key'] ?? '' );
        // Exports leave the secret out; keep the one already saved on this site.
        $out['captcha_secret']   = isset( $decoded['captcha_secret'] )
            ? sanitize_text_field( $decoded['captcha_secret'] )
            : (string) ( self::get_settings()['captcha_secret'] ?? '' );
        // API keys are never exported either: keep this site's keys.
        foreach ( [ 'mailchimp_api_key', 'brevo_api_key' ] as $secret_key ) {
            $out[ $secret_key ] = isset( $decoded[ $secret_key ] )
                ? sanitize_text_field( $decoded[ $secret_key ] )
                : (string) ( self::get_settings()[ $secret_key ] ?? '' );
        }

        if ( isset( $decoded['wizard_notify_email'] ) ) {
            $notify = sanitize_email( $decoded['wizard_notify_email'] );
            if ( $notify ) {
                $out['wizard_notify_email'] = $notify;
            }
        } elseif ( ! empty( self::get_settings()['wizard_notify_email'] ) ) {
            $out['wizard_notify_email'] = sanitize_email( self::get_settings()['wizard_notify_email'] );
        }

        $out['_version'] = EPPRO_VERSION;
        return $out;
    }

    public static function handle_export(): void {
        if ( ! current_user_can( 'manage_options' ) ) wp_die( -1 );
        check_ajax_referer( 'eppro_export_nonce', 'nonce' );

        // Never put the CAPTCHA secret key in a file that may be shared;
        // importing keeps the secret already stored on the target site.
        $settings = self::get_settings();
        unset( $settings['captcha_secret'], $settings['mailchimp_api_key'], $settings['brevo_api_key'] );

        $data = (string) wp_json_encode( $settings, JSON_PRETTY_PRINT );
        header( 'Content-Type: application/json; charset=UTF-8' );
        header( 'Content-Disposition: attachment; filename="eppro-settings-' . gmdate( 'Y-m-d' ) . '.json"' );
        header( 'Content-Length: ' . strlen( $data ) );
        echo $data; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- JSON file download, not HTML.
        exit;
    }

    public static function ajax_reset_settings(): void {
        check_ajax_referer( 'eppro_admin_nonce', '_wpnonce' );
        if ( ! current_user_can( 'manage_options' ) ) {
            wp_send_json_error( [ 'message' => __( 'Insufficient permissions.', 'admore-widgets-suite' ) ], 403 );
        }
        delete_option( self::OPTION_KEY );
        self::flush_settings_cache();
        wp_send_json_success( [ 'message' => __( 'Settings reset to defaults successfully.', 'admore-widgets-suite' ) ] );
    }

    public static function ajax_clear_cache(): void {
        check_ajax_referer( 'eppro_admin_nonce', '_wpnonce' );
        if ( ! current_user_can( 'manage_options' ) ) {
            wp_send_json_error( [ 'message' => __( 'Insufficient permissions.', 'admore-widgets-suite' ) ], 403 );
        }

        $cleared = [];

        // Clear Elementor CSS/asset cache
        if ( class_exists( '\Elementor\Plugin' ) && isset( \Elementor\Plugin::$instance->files_manager ) ) {
            \Elementor\Plugin::$instance->files_manager->clear_cache();
            $cleared[] = __( 'Elementor CSS cache cleared.', 'admore-widgets-suite' );
        }

        // Delete EPP transients (no core API to delete by prefix).
        global $wpdb;
        // phpcs:ignore WordPress.DB.DirectDatabaseQuery.DirectQuery, WordPress.DB.DirectDatabaseQuery.NoCaching
        $wpdb->query(
            $wpdb->prepare(
                'DELETE FROM %i WHERE option_name LIKE %s OR option_name LIKE %s',
                $wpdb->options,
                $wpdb->esc_like( '_transient_eppro_' ) . '%',
                $wpdb->esc_like( '_transient_timeout_eppro_' ) . '%'
            )
        );
        wp_cache_flush();
        $cleared[] = __( 'EPP transients cleared.', 'admore-widgets-suite' );

        wp_send_json_success( [
            'message' => implode( ' ', $cleared ),
        ] );
    }

    private static function get_system_info(): string {
        global $wpdb;

        $theme           = wp_get_theme();
        $el_ver          = defined( 'ELEMENTOR_VERSION' ) ? ELEMENTOR_VERSION : __( 'Not installed', 'admore-widgets-suite' );
        $active_plugins  = [];
        foreach ( get_option( 'active_plugins', [] ) as $plugin_file ) {
            if ( ! function_exists( 'get_plugin_data' ) ) {
                require_once ABSPATH . 'wp-admin/includes/plugin.php';
            }
            $d = get_plugin_data( WP_PLUGIN_DIR . '/' . $plugin_file, false, false );
            if ( ! empty( $d['Name'] ) ) {
                $active_plugins[] = '  ' . $d['Name'] . ' ' . $d['Version'];
            }
        }

        $db_version = $wpdb->db_server_info();

        $lines = [
            '### Essential Pro Pack — System Info ###',
            '',
            '-- Plugin --',
            'EPP Version         : ' . EPPRO_VERSION,
            '',
            '-- WordPress --',
            'WordPress Version   : ' . get_bloginfo( 'version' ),
            'Site URL            : ' . get_bloginfo( 'url' ),
            'Language            : ' . get_locale(),
            'Multisite           : ' . ( is_multisite() ? 'Yes' : 'No' ),
            'WP_DEBUG            : ' . ( defined( 'WP_DEBUG' ) && WP_DEBUG ? 'Enabled' : 'Disabled' ),
            '',
            '-- Elementor --',
            'Elementor Version   : ' . $el_ver,
            '',
            '-- Active Theme --',
            'Theme Name          : ' . $theme->get( 'Name' ) . ' ' . $theme->get( 'Version' ),
            'Theme Author        : ' . $theme->get( 'Author' ),
            '',
            '-- Server --',
            'PHP Version         : ' . phpversion(),
            'PHP Memory Limit    : ' . ini_get( 'memory_limit' ),
            'PHP Max Upload      : ' . ini_get( 'upload_max_filesize' ),
            'PHP Max Post Size   : ' . ini_get( 'post_max_size' ),
            'PHP Time Limit      : ' . ini_get( 'max_execution_time' ) . 's',
            'Database Server     : ' . ( $db_version ?: 'Unknown' ),
            'Server Software     : ' . sanitize_text_field( wp_unslash( $_SERVER['SERVER_SOFTWARE'] ?? 'Unknown' ) ),
            '',
            '-- Active Plugins (' . count( $active_plugins ) . ') --',
            implode( "\n", $active_plugins ),
        ];

        return implode( "\n", $lines );
    }

    public static function handle_import(): void {
        if ( ! isset( $_POST['eppro_import_submit'] ) ) return;
        if ( ! current_user_can( 'manage_options' ) ) return;
        check_admin_referer( 'eppro_import_nonce', 'eppro_import_nonce_field' );
        if ( ! isset( $_FILES['eppro_import_file']['name'], $_FILES['eppro_import_file']['tmp_name'], $_FILES['eppro_import_file']['error'], $_FILES['eppro_import_file']['size'] ) ) {
            $file = null;
        } else {
            $file = [
                'name'     => sanitize_file_name( wp_unslash( $_FILES['eppro_import_file']['name'] ) ),
                'tmp_name' => sanitize_text_field( $_FILES['eppro_import_file']['tmp_name'] ),
                'error'    => absint( $_FILES['eppro_import_file']['error'] ),
                'size'     => absint( $_FILES['eppro_import_file']['size'] ),
            ];
        }
        if ( empty( $file['tmp_name'] ) || ! is_uploaded_file( $file['tmp_name'] ) ) {
            add_settings_error( 'eppro_tools', 'no_file', __( 'No file uploaded.', 'admore-widgets-suite' ), 'error' );
            return;
        }
        $finfo = finfo_open( FILEINFO_MIME_TYPE );
        $mime  = finfo_file( $finfo, $file['tmp_name'] );
        finfo_close( $finfo );
        if ( ! in_array( $mime, [ 'application/json', 'text/plain' ], true ) ) {
            add_settings_error( 'eppro_tools', 'bad_mime', __( 'Invalid file type. Please upload a JSON file.', 'admore-widgets-suite' ), 'error' );
            return;
        }
        global $wp_filesystem;
        if ( ! function_exists( 'WP_Filesystem' ) ) {
            require_once ABSPATH . 'wp-admin/includes/file.php';
        }
        WP_Filesystem();
        $content = $wp_filesystem->get_contents( $file['tmp_name'] );
        $decoded = json_decode( $content, true );
        if ( ! is_array( $decoded ) ) {
            add_settings_error( 'eppro_tools', 'bad_json', __( 'Invalid JSON file.', 'admore-widgets-suite' ), 'error' );
            return;
        }

        $allowed_import_keys = [
            '_version',
            'disabled_widgets',
            'disabled_extensions',
            'captcha_type',
            'captcha_site_key',
            'captcha_secret',
            'wizard_notify_email',
        ];
        $unknown_keys = array_diff( array_keys( $decoded ), $allowed_import_keys );

        update_option( self::OPTION_KEY, self::normalize_import_payload( $decoded ) );

        if ( ! empty( $unknown_keys ) ) {
            add_settings_error(
                'eppro_tools',
                'import_unknown_keys',
                sprintf(
                    /* translators: %d: unknown key count in imported JSON */
                    __( 'Import completed. %d unsupported keys were ignored for safety.', 'admore-widgets-suite' ),
                    count( $unknown_keys )
                ),
                'warning'
            );
        }
        add_settings_error( 'eppro_tools', 'imported', __( 'Settings imported successfully.', 'admore-widgets-suite' ), 'updated' );
    }

    public static function render_page(): void {
        if ( ! current_user_can( 'manage_options' ) ) return;

        $s = self::get_settings();
        $k = self::OPTION_KEY;

        $total_w    = count( EPPRO_Widget_Registry::all() );
        $active_w   = $total_w - count( (array) ( $s['disabled_widgets'] ?? [] ) );
        $total_e    = count( self::get_extensions() );
        $active_e   = $total_e - count( (array) ( $s['disabled_extensions'] ?? [] ) );
        ?>
        <div class="wrap eppro-admin-page" id="eppro-settings-page">
            <hr class="wp-header-end"><?php // WordPress puts admin notices here, above the page header. ?>

        <!-- Page header -->
        <div class="eppro-page-header">
            <div class="eppro-page-header-left">
                <div class="eppro-page-logo">
                    <img src="<?php echo esc_url( EPPRO_URL . 'assets/icon.svg' ); ?>" width="44" height="44" alt="" aria-hidden="true" style="display:block;width:44px;height:44px;border-radius:10px;background:#fff;">
                </div>
                <div class="eppro-page-title-wrap">
                    <h1><?php esc_html_e( 'Essential Pro Pack', 'admore-widgets-suite' ); ?>
                        <span class="eppro-version-tag">v<?php echo esc_html( EPPRO_VERSION ); ?></span>
                    </h1>
                    <p><?php esc_html_e( 'Premium widgets, extensions, and popup builder for Elementor.', 'admore-widgets-suite' ); ?></p>
                </div>
            </div>
            <div class="eppro-page-actions">
                <a href="<?php echo esc_url( admin_url( 'admin.php?page=eppro-popups' ) ); ?>" class="eppro-btn eppro-btn-secondary">
                    <span class="dashicons dashicons-layout"></span>
                    <?php esc_html_e( 'Popups', 'admore-widgets-suite' ); ?>
                </a>
                <a href="<?php echo esc_url( admin_url( 'admin.php?page=eppro-theme-builder' ) ); ?>" class="eppro-btn eppro-btn-secondary">
                    <span class="dashicons dashicons-admin-appearance"></span>
                    <?php esc_html_e( 'Theme Builder', 'admore-widgets-suite' ); ?>
                </a>
            </div>
        </div>

        <!-- Quick Links -->
        <div class="eppro-quick-links" style="display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 0 28px 0!important;">
            <a href="<?php echo esc_url( admin_url( 'admin.php?page=eppro-popups' ) ); ?>" class="eppro-quick-link" style="display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;">
                <div class="eppro-quick-link-icon" style="width:38px;height:38px;min-width:38px;max-width:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#7c3aed,#8b5cf6);">
                    <span class="dashicons dashicons-layout" style="color:#fff!important;font-size:18px;width:18px;height:18px;"></span>
                </div>
                <div class="eppro-quick-link-text">
                    <strong style="display:block;font-size:13px;font-weight:600;color:#1e293b;line-height:1.3;"><?php esc_html_e( 'Popup Builder', 'admore-widgets-suite' ); ?></strong>
                    <span style="display:block;font-size:11px;color:#64748b;line-height:1.3;margin-top:2px;"><?php esc_html_e( 'Create & manage popups', 'admore-widgets-suite' ); ?></span>
                </div>
            </a>
            <a href="<?php echo esc_url( admin_url( 'admin.php?page=eppro-theme-builder' ) ); ?>" class="eppro-quick-link" style="display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;">
                <div class="eppro-quick-link-icon" style="width:38px;height:38px;min-width:38px;max-width:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#06b6d4,#3b82f6);">
                    <span class="dashicons dashicons-admin-appearance" style="color:#fff!important;font-size:18px;width:18px;height:18px;"></span>
                </div>
                <div class="eppro-quick-link-text">
                    <strong style="display:block;font-size:13px;font-weight:600;color:#1e293b;line-height:1.3;"><?php esc_html_e( 'Theme Builder', 'admore-widgets-suite' ); ?></strong>
                    <span style="display:block;font-size:11px;color:#64748b;line-height:1.3;margin-top:2px;"><?php esc_html_e( 'Headers, footers & more', 'admore-widgets-suite' ); ?></span>
                </div>
            </a>
            <a href="<?php echo esc_url( admin_url( 'admin.php?page=eppro-form-entries' ) ); ?>" class="eppro-quick-link" style="display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;">
                <div class="eppro-quick-link-icon" style="width:38px;height:38px;min-width:38px;max-width:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#f59e0b,#ef4444);">
                    <span class="dashicons dashicons-feedback" style="color:#fff!important;font-size:18px;width:18px;height:18px;"></span>
                </div>
                <div class="eppro-quick-link-text">
                    <strong style="display:block;font-size:13px;font-weight:600;color:#1e293b;line-height:1.3;"><?php esc_html_e( 'Form Entries', 'admore-widgets-suite' ); ?></strong>
                    <span style="display:block;font-size:11px;color:#64748b;line-height:1.3;margin-top:2px;"><?php esc_html_e( 'View form submissions', 'admore-widgets-suite' ); ?></span>
                </div>
            </a>
            <a href="<?php echo esc_url( admin_url( 'post-new.php?post_type=elementor_library' ) ); ?>" class="eppro-quick-link" style="display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;">
                <div class="eppro-quick-link-icon" style="width:38px;height:38px;min-width:38px;max-width:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#10b981,#06b6d4);">
                    <span class="dashicons dashicons-plus-alt2" style="color:#fff!important;font-size:18px;width:18px;height:18px;"></span>
                </div>
                <div class="eppro-quick-link-text">
                    <strong style="display:block;font-size:13px;font-weight:600;color:#1e293b;line-height:1.3;"><?php esc_html_e( 'New Template', 'admore-widgets-suite' ); ?></strong>
                    <span style="display:block;font-size:11px;color:#64748b;line-height:1.3;margin-top:2px;"><?php esc_html_e( 'Create Elementor template', 'admore-widgets-suite' ); ?></span>
                </div>
            </a>
        </div>

        <?php settings_errors( 'eppro_tools' ); ?>

        <!-- Tab nav -->
        <div class="eppro-nav-tabs">
            <button class="eppro-nav-tab active" data-tab="eppro-tab-widgets">
                <span class="dashicons dashicons-screenoptions"></span>
                <?php esc_html_e( 'Widgets', 'admore-widgets-suite' ); ?>
                <span class="eppro-tab-count"><?php echo esc_html( $active_w ); ?>/<?php echo esc_html( $total_w ); ?></span>
            </button>
            <button class="eppro-nav-tab" data-tab="eppro-tab-extensions">
                <span class="dashicons dashicons-admin-plugins"></span>
                <?php esc_html_e( 'Extensions', 'admore-widgets-suite' ); ?>
                <span class="eppro-tab-count"><?php echo esc_html( $active_e ); ?>/<?php echo esc_html( $total_e ); ?></span>
            </button>
            <button class="eppro-nav-tab" data-tab="eppro-tab-integrations">
                <span class="dashicons dashicons-rest-api"></span>
                <?php esc_html_e( 'Integrations', 'admore-widgets-suite' ); ?>
            </button>
            <button class="eppro-nav-tab" data-tab="eppro-tab-tools">
                <span class="dashicons dashicons-admin-tools"></span>
                <?php esc_html_e( 'Tools', 'admore-widgets-suite' ); ?>
            </button>
        </div>

        <!-- ══ TAB: Widgets ══════════════════════════════════════════════════ -->
        <div class="eppro-tab-panel active" id="eppro-tab-widgets">
        <form method="post" action="options.php" id="eppro-widgets-form">
            <?php settings_fields( 'eppro_group' ); ?>

            <div class="eppro-card">
                <div class="eppro-card-header">
                    <div class="eppro-card-header-left">
                        <div class="eppro-card-icon"><span class="dashicons dashicons-screenoptions"></span></div>
                        <div>
                            <p class="eppro-card-title"><?php esc_html_e( 'Widget Manager', 'admore-widgets-suite' ); ?></p>
                            <p class="eppro-card-subtitle"><?php esc_html_e( 'Disable unused widgets to keep Elementor panel clean.', 'admore-widgets-suite' ); ?></p>
                        </div>
                    </div>
                </div>
                <div class="eppro-card-body">
                    <div class="eppro-widgets-toolbar">
                        <div class="eppro-search-box">
                            <input type="text" id="eppro-widget-search" class="eppro-search-input"
                                   placeholder="<?php esc_attr_e( 'Search widgets…', 'admore-widgets-suite' ); ?>">
                        </div>
                        <div class="eppro-toolbar-right">
                            <span class="eppro-bulk-label">
                                <span id="eppro-visible-count"><?php echo esc_html( $total_w ); ?></span> <?php esc_html_e( 'widgets', 'admore-widgets-suite' ); ?>
                            </span>
                            <button type="button" id="eppro-enable-all" class="eppro-btn eppro-btn-secondary eppro-btn-sm">
                                <?php esc_html_e( 'Enable All', 'admore-widgets-suite' ); ?>
                            </button>
                            <button type="button" id="eppro-disable-all" class="eppro-btn eppro-btn-secondary eppro-btn-sm">
                                <?php esc_html_e( 'Disable All', 'admore-widgets-suite' ); ?>
                            </button>
                        </div>
                    </div>

                    <?php
                    $theme_builder_slugs = [ 'site-logo','nav-menu','site-title','site-tagline','post-title','post-content','post-featured-image','post-excerpt','post-meta','archive-title','archive-description','post-navigation' ];
                    $woo_slugs          = [ 'woo-products','woo-mini-cart','woo-add-to-cart' ];
                    $groups = [
                        'core'          => [ 'label' => __( 'Core Widgets', 'admore-widgets-suite' ),         'icon' => 'dashicons-screenoptions', 'slugs' => [] ],
                        'woocommerce'   => [ 'label' => __( 'WooCommerce', 'admore-widgets-suite' ),           'icon' => 'dashicons-cart',          'slugs' => [] ],
                        'theme-builder' => [ 'label' => __( 'Theme Builder', 'admore-widgets-suite' ),         'icon' => 'dashicons-admin-appearance','slugs' => [] ],
                    ];
                    foreach ( array_keys( EPPRO_Widget_Registry::all() ) as $slug ) {
                        if ( in_array( $slug, $theme_builder_slugs, true ) )      { $groups['theme-builder']['slugs'][] = $slug; }
                        elseif ( in_array( $slug, $woo_slugs, true ) )            { $groups['woocommerce']['slugs'][]   = $slug; }
                        else                                                        { $groups['core']['slugs'][]          = $slug; }
                    }
                    ?>
                    <?php foreach ( $groups as $group_key => $group ) : ?>
                    <div class="eppro-widget-group" data-group="<?php echo esc_attr( $group_key ); ?>">
                        <div class="eppro-widget-group-title">
                            <span class="dashicons <?php echo esc_attr( $group['icon'] ); ?>"></span>
                            <?php echo esc_html( $group['label'] ); ?>
                            <span class="eppro-widget-group-count"><?php echo esc_html( count( $group['slugs'] ) ); ?></span>
                        </div>
                        <div class="eppro-widget-grid">
                        <?php foreach ( $group['slugs'] as $wslug ) :
                            $meta    = EPPRO_Widget_Registry::all()[ $wslug ] ?? [ 'title' => $wslug, 'icon' => 'dashicons-admin-generic', 'desc' => '' ];
                            $wname   = $meta['title'];
                            $enabled = ! in_array( $wslug, (array) ( $s['disabled_widgets'] ?? [] ), true );
                        ?>
                        <div class="eppro-widget-card<?php echo $enabled ? '' : ' disabled'; ?>"
                             data-widget-name="<?php echo esc_attr( strtolower( $wname ) ); ?>"
                             data-widget-desc="<?php echo esc_attr( strtolower( $meta['desc'] ) ); ?>">
                            <div class="eppro-widget-card-top">
                                <div class="eppro-widget-card-icon">
                                    <span class="dashicons <?php echo esc_attr( $meta['icon'] ); ?>"></span>
                                </div>
                                <label class="eppro-toggle" aria-label="<?php echo esc_attr( $wname ); ?>">
                                    <input type="checkbox"
                                           name="<?php echo esc_attr( $k ); ?>[widget_active][<?php echo esc_attr( $wslug ); ?>]"
                                           value="1" <?php checked( $enabled ); ?>>
                                    <span class="eppro-toggle-track"></span>
                                </label>
                            </div>
                            <div class="eppro-widget-card-info">
                                <p class="eppro-widget-card-name"><?php echo esc_html( $wname ); ?></p>
                                <p class="eppro-widget-card-desc"><?php echo esc_html( $meta['desc'] ); ?></p>
                            </div>
                        </div>
                        <?php endforeach; ?>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>
                <div class="eppro-card-footer">
                    <button type="submit" class="eppro-btn eppro-btn-primary eppro-save-btn" data-tab="eppro-tab-widgets">
                        <span class="dashicons dashicons-saved"></span>
                        <?php esc_html_e( 'Save Changes', 'admore-widgets-suite' ); ?>
                    </button>
                    <span class="eppro-form-saved-msg" style="display:none;font-size:13px;color:var(--eppro-success);font-weight:600;">
                        <span class="dashicons dashicons-yes-alt" style="vertical-align:middle;"></span>
                        <?php esc_html_e( 'Saved!', 'admore-widgets-suite' ); ?>
                    </span>
                    <input type="hidden" name="<?php echo esc_attr( $k ); ?>[_context]" value="widgets">
                    <input type="hidden" name="eppro_active_tab" value="eppro-tab-widgets">
                </div>
            </div>
        </form>
        </div>

        <!-- ══ TAB: Extensions ═══════════════════════════════════════════════ -->
        <div class="eppro-tab-panel" id="eppro-tab-extensions">
        <form method="post" action="options.php">
            <?php settings_fields( 'eppro_group' ); ?>

            <div class="eppro-card">
                <div class="eppro-card-header">
                    <div class="eppro-card-header-left">
                        <div class="eppro-card-icon"><span class="dashicons dashicons-admin-plugins"></span></div>
                        <div>
                            <p class="eppro-card-title"><?php esc_html_e( 'Extensions', 'admore-widgets-suite' ); ?></p>
                            <p class="eppro-card-subtitle"><?php esc_html_e( 'Element-level features added to every widget in the Elementor editor.', 'admore-widgets-suite' ); ?></p>
                        </div>
                    </div>
                </div>
                <div class="eppro-card-body">
                    <div class="eppro-ext-grid">
                    <?php foreach ( self::get_extensions() as $eslug => $meta ) :
                        $ename   = $meta['title'];
                        $enabled = ! in_array( $eslug, (array) ( $s['disabled_extensions'] ?? [] ), true );
                    ?>
                    <div class="eppro-ext-card<?php echo $enabled ? '' : ' disabled'; ?>">
                        <div class="eppro-card-icon">
                            <span class="dashicons <?php echo esc_attr( $meta['icon'] ); ?>"></span>
                        </div>
                        <div class="eppro-ext-info">
                            <p class="eppro-ext-name"><?php echo esc_html( $ename ); ?></p>
                            <p class="eppro-ext-desc"><?php echo esc_html( $meta['desc'] ); ?></p>
                        </div>
                        <label class="eppro-toggle" aria-label="<?php echo esc_attr( $ename ); ?>">
                            <input type="checkbox"
                                   name="<?php echo esc_attr( $k ); ?>[extension_active][<?php echo esc_attr( $eslug ); ?>]"
                                   value="1" <?php checked( $enabled ); ?>>
                            <span class="eppro-toggle-track"></span>
                        </label>
                    </div>
                    <?php endforeach; ?>
                    </div>
                </div>
                <div class="eppro-card-footer">
                    <button type="submit" class="eppro-btn eppro-btn-primary eppro-save-btn">
                        <span class="dashicons dashicons-saved"></span>
                        <?php esc_html_e( 'Save Changes', 'admore-widgets-suite' ); ?>
                    </button>
                    <input type="hidden" name="<?php echo esc_attr( $k ); ?>[_context]" value="extensions">
                </div>
            </div>
        </form>
        </div>

        <!-- ══ TAB: Integrations ═════════════════════════════════════════════ -->
        <div class="eppro-tab-panel" id="eppro-tab-integrations">
        <form method="post" action="options.php">
            <?php settings_fields( 'eppro_group' ); ?>

            <div class="eppro-card">
                <div class="eppro-card-header">
                    <div class="eppro-card-header-left">
                        <div class="eppro-card-icon"><span class="dashicons dashicons-shield"></span></div>
                        <div>
                            <p class="eppro-card-title"><?php esc_html_e( 'CAPTCHA / Spam Protection', 'admore-widgets-suite' ); ?></p>
                            <p class="eppro-card-subtitle"><?php esc_html_e( 'Configure CAPTCHA for the Advanced Form widget.', 'admore-widgets-suite' ); ?></p>
                        </div>
                    </div>
                </div>
                <div class="eppro-card-body">
                    <div class="eppro-notice eppro-notice-info">
                        <span class="dashicons dashicons-info"></span>
                        <span><?php /* translators: 1: reCAPTCHA admin URL, 2: hCaptcha URL */ printf(
                            wp_kses( __( '<strong>reCAPTCHA:</strong> <a href="%1$s" target="_blank">google.com/recaptcha</a> &nbsp;·&nbsp; <strong>hCaptcha:</strong> <a href="%2$s" target="_blank">hcaptcha.com</a>', 'admore-widgets-suite' ),
                            [ 'strong' => [], 'a' => [ 'href' => [], 'target' => [] ] ] ),
                            'https://www.google.com/recaptcha/admin',
                            'https://www.hcaptcha.com/'
                        ); ?></span>
                    </div>

                    <div class="eppro-field-group">
                        <label class="eppro-field-label"><?php esc_html_e( 'CAPTCHA Type', 'admore-widgets-suite' ); ?></label>
                        <select class="eppro-select" style="max-width:340px;" name="<?php echo esc_attr( $k ); ?>[captcha_type]">
                            <option value="none"         <?php selected( $s['captcha_type'], 'none' ); ?>><?php esc_html_e( 'None (disabled)',                          'admore-widgets-suite' ); ?></option>
                            <option value="recaptcha_v2" <?php selected( $s['captcha_type'], 'recaptcha_v2' ); ?>><?php esc_html_e( 'Google reCAPTCHA v2 – Checkbox',   'admore-widgets-suite' ); ?></option>
                            <option value="recaptcha_v3" <?php selected( $s['captcha_type'], 'recaptcha_v3' ); ?>><?php esc_html_e( 'Google reCAPTCHA v3 – Invisible',   'admore-widgets-suite' ); ?></option>
                            <option value="hcaptcha"     <?php selected( $s['captcha_type'], 'hcaptcha' ); ?>><?php esc_html_e( 'hCaptcha',                              'admore-widgets-suite' ); ?></option>
                        </select>
                        <p class="eppro-field-desc"><?php esc_html_e( 'After saving, enable CAPTCHA per-form in the widget settings.', 'admore-widgets-suite' ); ?></p>
                    </div>

                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
                        <div class="eppro-field-group">
                            <label class="eppro-field-label"><?php esc_html_e( 'Site Key (Public)', 'admore-widgets-suite' ); ?></label>
                            <input type="text" class="eppro-input" name="<?php echo esc_attr( $k ); ?>[captcha_site_key]"
                                   value="<?php echo esc_attr( $s['captcha_site_key'] ); ?>" autocomplete="off"
                                   placeholder="<?php esc_attr_e( 'Paste your site key…', 'admore-widgets-suite' ); ?>">
                        </div>
                        <div class="eppro-field-group">
                            <label class="eppro-field-label"><?php esc_html_e( 'Secret Key (Private)', 'admore-widgets-suite' ); ?></label>
                            <input type="password" class="eppro-input" name="<?php echo esc_attr( $k ); ?>[captcha_secret]"
                                   value="<?php echo esc_attr( $s['captcha_secret'] ); ?>" autocomplete="new-password"
                                   placeholder="<?php esc_attr_e( 'Paste your secret key…', 'admore-widgets-suite' ); ?>">
                        </div>
                    </div>
                </div>
                <div class="eppro-card-footer">
                    <button type="submit" class="eppro-btn eppro-btn-primary eppro-save-btn">
                        <span class="dashicons dashicons-saved"></span>
                        <?php esc_html_e( 'Save Integration Settings', 'admore-widgets-suite' ); ?>
                    </button>
                    <input type="hidden" name="<?php echo esc_attr( $k ); ?>[_context]" value="integrations">
                </div>
            </div>

            <?php
            $int_status = class_exists( 'EPPRO_Form_Integrations' ) ? EPPRO_Form_Integrations::get_status() : [];
            $int_names  = class_exists( 'EPPRO_Form_Integrations' ) ? EPPRO_Form_Integrations::services() : [];
            ?>
            <div class="eppro-card">
                <div class="eppro-card-header">
                    <div class="eppro-card-header-left">
                        <div class="eppro-card-icon"><span class="dashicons dashicons-randomize"></span></div>
                        <div>
                            <p class="eppro-card-title"><?php esc_html_e( 'Form Integrations', 'admore-widgets-suite' ); ?></p>
                            <p class="eppro-card-subtitle"><?php esc_html_e( 'Send Advanced Form submissions to Mailchimp, Brevo, Google Sheets or Slack / Discord. Switch each one on per form in the widget → Integrations.', 'admore-widgets-suite' ); ?></p>
                        </div>
                    </div>
                </div>
                <div class="eppro-card-body">
                    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;">
                        <div class="eppro-field-group">
                            <label class="eppro-field-label" for="eppro-mc-key"><?php esc_html_e( 'Mailchimp API Key', 'admore-widgets-suite' ); ?></label>
                            <input type="password" id="eppro-mc-key" class="eppro-input" name="<?php echo esc_attr( $k ); ?>[mailchimp_api_key]"
                                   value="<?php echo esc_attr( $s['mailchimp_api_key'] ?? '' ); ?>" autocomplete="new-password" placeholder="xxxxxxxx-us21">
                            <p class="eppro-field-desc"><?php esc_html_e( 'Mailchimp → Profile → Extras → API keys.', 'admore-widgets-suite' ); ?></p>
                        </div>
                        <div class="eppro-field-group">
                            <label class="eppro-field-label" for="eppro-brevo-key"><?php esc_html_e( 'Brevo API Key', 'admore-widgets-suite' ); ?></label>
                            <input type="password" id="eppro-brevo-key" class="eppro-input" name="<?php echo esc_attr( $k ); ?>[brevo_api_key]"
                                   value="<?php echo esc_attr( $s['brevo_api_key'] ?? '' ); ?>" autocomplete="new-password" placeholder="xkeysib-…">
                            <p class="eppro-field-desc"><?php esc_html_e( 'Brevo → SMTP & API → API Keys.', 'admore-widgets-suite' ); ?></p>
                        </div>
                    </div>

                    <p class="eppro-field-label" style="margin-top:8px;"><?php esc_html_e( 'Last result', 'admore-widgets-suite' ); ?></p>
                    <table class="widefat striped" style="max-width:720px;">
                        <tbody>
                        <?php foreach ( $int_names as $svc => $svc_name ) :
                            $row = $int_status[ $svc ] ?? null; ?>
                            <tr>
                                <td style="width:160px;"><strong><?php echo esc_html( $svc_name ); ?></strong></td>
                                <td>
                                    <?php if ( ! $row ) : ?>
                                        <span style="color:#6b7280;"><?php esc_html_e( 'Not used yet', 'admore-widgets-suite' ); ?></span>
                                    <?php else : ?>
                                        <span style="color:<?php echo esc_attr( $row['ok'] ? '#047857' : '#b91c1c' ); ?>;font-weight:600;">
                                            <?php echo esc_html( $row['ok'] ? __( 'OK', 'admore-widgets-suite' ) : __( 'Error', 'admore-widgets-suite' ) ); ?>
                                        </span>
                                        — <?php echo esc_html( $row['message'] ); ?>
                                        <span style="color:#6b7280;">(<?php echo esc_html( human_time_diff( (int) $row['time'] ) ); ?>)</span>
                                    <?php endif; ?>
                                </td>
                            </tr>
                        <?php endforeach; ?>
                        </tbody>
                    </table>

                    <details style="margin-top:16px;">
                        <summary style="cursor:pointer;font-weight:600;"><?php esc_html_e( 'Google Sheets setup (2 minutes)', 'admore-widgets-suite' ); ?></summary>
                        <ol style="margin:12px 0 12px 18px;">
                            <li><?php esc_html_e( 'Create a Google Sheet, then open Extensions → Apps Script.', 'admore-widgets-suite' ); ?></li>
                            <li><?php esc_html_e( 'Replace the code with the script below and save.', 'admore-widgets-suite' ); ?></li>
                            <li><?php esc_html_e( 'Deploy → New deployment → Web app. Execute as: Me. Who has access: Anyone. Deploy and copy the Web App URL.', 'admore-widgets-suite' ); ?></li>
                            <li><?php esc_html_e( 'In the form widget → Integrations, turn on Google Sheets and paste the URL. The sheet gets a column for every field.', 'admore-widgets-suite' ); ?></li>
                        </ol>
                        <textarea class="eppro-input" readonly rows="14" style="width:100%;max-width:720px;font-family:monospace;font-size:12px;" onclick="this.select();"><?php echo esc_textarea( class_exists( 'EPPRO_Form_Integrations' ) ? EPPRO_Form_Integrations::sheets_script() : '' ); ?></textarea>
                    </details>
                </div>
                <div class="eppro-card-footer">
                    <button type="submit" class="eppro-btn eppro-btn-primary eppro-save-btn">
                        <span class="dashicons dashicons-saved"></span>
                        <?php esc_html_e( 'Save Integration Settings', 'admore-widgets-suite' ); ?>
                    </button>
                </div>
            </div>
        </form>
        </div>

        <!-- ══ TAB: Tools ════════════════════════════════════════════════════ -->
        <div class="eppro-tab-panel" id="eppro-tab-tools">

            <!-- Row 1: Export + Import -->
            <div class="eppro-tools-grid">

                <div class="eppro-card">
                    <div class="eppro-card-header">
                        <div class="eppro-card-header-left">
                            <div class="eppro-card-icon"><span class="dashicons dashicons-download"></span></div>
                            <div>
                                <p class="eppro-card-title"><?php esc_html_e( 'Export Settings', 'admore-widgets-suite' ); ?></p>
                                <p class="eppro-card-subtitle"><?php esc_html_e( 'Download all plugin settings as a JSON backup.', 'admore-widgets-suite' ); ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="eppro-card-body">
                        <form method="post" action="<?php echo esc_url( admin_url( 'admin-ajax.php' ) ); ?>">
                            <input type="hidden" name="action" value="eppro_export_settings">
                            <input type="hidden" name="nonce" value="<?php echo esc_attr( wp_create_nonce( 'eppro_export_nonce' ) ); ?>">
                            <button type="submit" class="eppro-btn eppro-btn-secondary">
                                <span class="dashicons dashicons-download"></span>
                                <?php esc_html_e( 'Download Settings JSON', 'admore-widgets-suite' ); ?>
                            </button>
                        </form>
                    </div>
                </div>

                <div class="eppro-card">
                    <div class="eppro-card-header">
                        <div class="eppro-card-header-left">
                            <div class="eppro-card-icon"><span class="dashicons dashicons-upload"></span></div>
                            <div>
                                <p class="eppro-card-title"><?php esc_html_e( 'Import Settings', 'admore-widgets-suite' ); ?></p>
                                <p class="eppro-card-subtitle"><?php esc_html_e( 'Restore settings from a JSON backup file.', 'admore-widgets-suite' ); ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="eppro-card-body">
                        <form method="post" enctype="multipart/form-data">
                            <?php wp_nonce_field( 'eppro_import_nonce', 'eppro_import_nonce_field' ); ?>
                            <div class="eppro-field-group">
                                <label class="eppro-field-label"><?php esc_html_e( 'Settings JSON File', 'admore-widgets-suite' ); ?></label>
                                <input type="file" name="eppro_import_file" accept=".json" required
                                       class="eppro-file-input">
                            </div>
                            <button type="submit" name="eppro_import_submit" class="eppro-btn eppro-btn-primary">
                                <span class="dashicons dashicons-upload"></span>
                                <?php esc_html_e( 'Import Settings', 'admore-widgets-suite' ); ?>
                            </button>
                        </form>
                    </div>
                </div>

            </div>

            <!-- Row 2: Reset + Clear Cache -->
            <div class="eppro-tools-grid">

                <!-- Reset Settings -->
                <div class="eppro-card">
                    <div class="eppro-card-header">
                        <div class="eppro-card-header-left">
                            <div class="eppro-card-icon" style="background:var(--eppro-danger-light,#fef2f2);"><span class="dashicons dashicons-undo" style="color:#dc2626;"></span></div>
                            <div>
                                <p class="eppro-card-title"><?php esc_html_e( 'Reset Settings', 'admore-widgets-suite' ); ?></p>
                                <p class="eppro-card-subtitle"><?php esc_html_e( 'Restore all plugin settings to factory defaults.', 'admore-widgets-suite' ); ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="eppro-card-body">
                        <div class="eppro-notice eppro-notice-warning" style="margin-bottom:16px;">
                            <span class="dashicons dashicons-warning"></span>
                            <span><?php esc_html_e( 'This will permanently erase all widget, extension, CAPTCHA, and license settings. This action cannot be undone.', 'admore-widgets-suite' ); ?></span>
                        </div>
                        <button type="button" id="eppro-tools-reset"
                                class="eppro-btn eppro-btn-danger"
                                data-nonce="<?php echo esc_attr( wp_create_nonce( 'eppro_admin_nonce' ) ); ?>"
                                data-confirm="<?php esc_attr_e( 'Are you sure you want to reset ALL settings to defaults? This cannot be undone.', 'admore-widgets-suite' ); ?>">
                            <span class="dashicons dashicons-undo"></span>
                            <?php esc_html_e( 'Reset to Defaults', 'admore-widgets-suite' ); ?>
                        </button>
                        <p id="eppro-reset-msg" class="eppro-tools-msg" style="display:none;"></p>
                    </div>
                </div>

                <!-- Clear Cache -->
                <div class="eppro-card">
                    <div class="eppro-card-header">
                        <div class="eppro-card-header-left">
                            <div class="eppro-card-icon"><span class="dashicons dashicons-update"></span></div>
                            <div>
                                <p class="eppro-card-title"><?php esc_html_e( 'Clear Cache', 'admore-widgets-suite' ); ?></p>
                                <p class="eppro-card-subtitle"><?php esc_html_e( 'Regenerate Elementor CSS files and clear EPP transients.', 'admore-widgets-suite' ); ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="eppro-card-body">
                        <p style="font-size:13px;color:var(--eppro-gray-600);margin:0 0 16px;">
                            <?php esc_html_e( 'Use this if widgets appear unstyled, changes are not reflecting on the frontend, or after switching themes.', 'admore-widgets-suite' ); ?>
                        </p>
                        <button type="button" id="eppro-tools-clear-cache"
                                class="eppro-btn eppro-btn-primary"
                                data-nonce="<?php echo esc_attr( wp_create_nonce( 'eppro_admin_nonce' ) ); ?>">
                            <span class="dashicons dashicons-update"></span>
                            <?php esc_html_e( 'Regenerate Assets', 'admore-widgets-suite' ); ?>
                        </button>
                        <p id="eppro-cache-msg" class="eppro-tools-msg" style="display:none;"></p>
                    </div>
                </div>

            </div>

            <!-- Row 3: System Info (full width) -->
            <div class="eppro-card">
                <div class="eppro-card-header">
                    <div class="eppro-card-header-left">
                        <div class="eppro-card-icon"><span class="dashicons dashicons-info-outline"></span></div>
                        <div>
                            <p class="eppro-card-title"><?php esc_html_e( 'System Information', 'admore-widgets-suite' ); ?></p>
                            <p class="eppro-card-subtitle"><?php esc_html_e( 'Share this when submitting a support request.', 'admore-widgets-suite' ); ?></p>
                        </div>
                    </div>
                    <div style="display:flex;gap:8px;">
                        <button type="button" id="eppro-copy-sysinfo" class="eppro-btn eppro-btn-secondary eppro-btn-sm"
                                data-copied="<?php esc_attr_e( 'Copied!', 'admore-widgets-suite' ); ?>">
                            <span class="dashicons dashicons-clipboard"></span>
                            <?php esc_html_e( 'Copy to Clipboard', 'admore-widgets-suite' ); ?>
                        </button>
                    </div>
                </div>
                <div class="eppro-card-body" style="padding:0;">
                    <textarea id="eppro-sysinfo" readonly
                              style="width:100%;height:320px;padding:16px;font-family:monospace;font-size:12px;line-height:1.7;color:var(--eppro-gray-700);background:var(--eppro-gray-50);border:none;border-top:1px solid var(--eppro-gray-100);resize:vertical;outline:none;"
                              ><?php echo esc_textarea( self::get_system_info() ); ?></textarea>
                </div>
            </div>

        </div>


        </div><!-- .eppro-admin-page -->
        <?php
    }
}