<?php
/**
 * Admin Settings for Accelvia – Content Protection for WordPress.
 *
 * Registers the settings page, sections, fields, and handles sanitization.
 *
 * @package Accelvia_Content_Protection
 */

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

/**
 * Register the plugin settings page under Settings menu.
 */
function accelvia_add_settings_page()
{
    add_options_page(
        esc_html__('Accelvia Protection Settings', 'accelvia-content-protection'),
        esc_html__('Accelvia Protection', 'accelvia-content-protection'),
        'manage_options',
        'accelvia-protection',
        'accelvia_render_settings_page'
    );
}
add_action('admin_menu', 'accelvia_add_settings_page');

/**
 * Register the plugin settings.
 */
function accelvia_register_settings()
{
    register_setting(
        'accelvia_settings_group',
        ACCELVIA_OPTION_KEY,
        array(
            'sanitize_callback' => 'accelvia_sanitize_options',
        )
    );
}
add_action('admin_init', 'accelvia_register_settings');

/**
 * Sanitize and validate all plugin options.
 *
 * @param array $input Raw input from the settings form.
 * @return array Sanitized options.
 */
function accelvia_sanitize_options($input)
{
    error_log('accelvia_sanitize_input: ' . print_r($input, true));
    $sanitized = array();

    // Checkboxes – cast to '1' or '0'.
    $checkboxes = array(
        'enable_protection',
        'disable_right_click',
        'disable_shortcuts',
        'disable_text_selection',
        'disable_image_drag',
        'disable_copy',
        'disable_devtools',
        'disable_screenshot',
        'encrypt_content',
        'skip_admins',
        'watermark_enabled',
    );
    foreach ($checkboxes as $key) {
        $sanitized[$key] = !empty($input[$key]) ? '1' : '0';
    }

    // Notification type – whitelist.
    $allowed_types = array('alert', 'toast');
    $sanitized['notification_type'] = (isset($input['notification_type']) && in_array($input['notification_type'], $allowed_types, true))
        ? $input['notification_type']
        : 'toast';

    // Notification message – sanitize text.
    $sanitized['notification_message'] = isset($input['notification_message'])
        ? sanitize_text_field($input['notification_message'])
        : __('This content is protected by Accelvia.', 'accelvia-content-protection');

    // Protected post types – array of sanitized slugs.
    $pt_input = isset($input['protected_post_types']) ? (array) $input['protected_post_types'] : array();
    $pt_input = array_filter($pt_input); // Removes the empty string from our hidden field.
    $sanitized['protected_post_types'] = array_map('sanitize_key', $pt_input);

    // Excluded page IDs – comma-separated integers.
    $sanitized['excluded_page_ids'] = '';
    if (!empty($input['excluded_page_ids'])) {
        $raw_ids = preg_split('/[\s,]+/', trim($input['excluded_page_ids']));
        $clean_ids = array_filter(array_map('absint', $raw_ids));
        $sanitized['excluded_page_ids'] = implode(',', $clean_ids);
    }

    // ── Watermark Settings ──────────────────────────────────────

    // Watermark type – whitelist.
    $allowed_wm_types = array('image', 'text');
    $sanitized['watermark_type'] = (isset($input['watermark_type']) && in_array($input['watermark_type'], $allowed_wm_types, true))
        ? $input['watermark_type']
        : 'text';

    // Watermark image.
    $sanitized['watermark_image_url'] = isset($input['watermark_image_url'])
        ? esc_url_raw($input['watermark_image_url'])
        : '';
    $sanitized['watermark_image_id'] = isset($input['watermark_image_id'])
        ? absint($input['watermark_image_id'])
        : 0;

    // Watermark text.
    $sanitized['watermark_text'] = isset($input['watermark_text'])
        ? sanitize_text_field($input['watermark_text'])
        : __('© Protected by Accelvia', 'accelvia-content-protection');

    // Font size (12–72).
    $sanitized['watermark_font_size'] = isset($input['watermark_font_size'])
        ? max(12, min(72, absint($input['watermark_font_size'])))
        : 16;

    // Font color.
    $sanitized['watermark_font_color'] = isset($input['watermark_font_color'])
        ? sanitize_hex_color($input['watermark_font_color'])
        : '#ffffff';
    if (empty($sanitized['watermark_font_color'])) {
        $sanitized['watermark_font_color'] = '#ffffff';
    }

    // Position – whitelist.
    $allowed_positions = array(
        'top-left', 'top-center', 'top-right',
        'middle-left', 'center', 'middle-right',
        'bottom-left', 'bottom-center', 'bottom-right',
        'tiled',
    );
    $sanitized['watermark_position'] = (isset($input['watermark_position']) && in_array($input['watermark_position'], $allowed_positions, true))
        ? $input['watermark_position']
        : 'bottom-right';

    // Opacity (0–100).
    $sanitized['watermark_opacity'] = isset($input['watermark_opacity'])
        ? max(0, min(100, absint($input['watermark_opacity'])))
        : 50;

    // Size (5–100).
    $sanitized['watermark_size'] = isset($input['watermark_size'])
        ? max(5, min(100, absint($input['watermark_size'])))
        : 30;

    // Tile spacing (0–300).
    $sanitized['watermark_tile_spacing'] = isset($input['watermark_tile_spacing'])
        ? max(0, min(300, absint($input['watermark_tile_spacing'])))
        : 80;

    // Scope – whitelist.
    $allowed_scopes = array('all', 'selector');
    $sanitized['watermark_scope'] = (isset($input['watermark_scope']) && in_array($input['watermark_scope'], $allowed_scopes, true))
        ? $input['watermark_scope']
        : 'all';

    // Selector strings (must preserve '>' and quotes, so wp_unslash and strip tags).
    $sanitized['watermark_selector'] = isset($input['watermark_selector'])
        ? wp_strip_all_tags(wp_unslash($input['watermark_selector']))
        : '';

    $sanitized['watermark_exclude_selector'] = isset($input['watermark_exclude_selector'])
        ? wp_strip_all_tags(wp_unslash($input['watermark_exclude_selector']))
        : '';

    $sanitized['watermark_excluded_page_ids'] = isset($input['watermark_excluded_page_ids'])
        ? sanitize_text_field($input['watermark_excluded_page_ids'])
        : '';

    // Device – whitelist.
    $allowed_devices = array('both', 'desktop', 'mobile');
    $sanitized['watermark_device'] = (isset($input['watermark_device']) && in_array($input['watermark_device'], $allowed_devices, true))
        ? $input['watermark_device']
        : 'both';

    return $sanitized;
}

/**
 * Enqueue admin assets only on the plugin's settings page.
 *
 * @param string $hook Current admin page hook suffix.
 */
function accelvia_enqueue_admin_assets($hook)
{
    if ('settings_page_accelvia-protection' !== $hook) {
        return;
    }

    wp_enqueue_style(
        'accelvia-admin-css',
        ACCELVIA_PLUGIN_URL . 'assets/css/admin.css',
        array(),
        ACCELVIA_VERSION
    );

    // WordPress color picker for watermark font color.
    wp_enqueue_style('wp-color-picker');

    // WordPress media uploader for watermark image upload.
    wp_enqueue_media();

    wp_enqueue_script(
        'accelvia-admin-js',
        ACCELVIA_PLUGIN_URL . 'assets/js/admin.js',
        array('wp-color-picker'),
        ACCELVIA_VERSION,
        true
    );
}
add_action('admin_enqueue_scripts', 'accelvia_enqueue_admin_assets');

/**
 * Render the full settings page HTML.
 */
function accelvia_render_settings_page()
{
    if (!current_user_can('manage_options')) {
        wp_die(esc_html__('You do not have permission to access this page.', 'accelvia-content-protection'));
    }

    $options = get_option(ACCELVIA_OPTION_KEY, array());

    // Merge with defaults to ensure all keys exist.
    $defaults = array(
        'enable_protection'      => '0',
        'disable_right_click'    => '1',
        'disable_shortcuts'      => '1',
        'disable_text_selection' => '0',
        'disable_image_drag'     => '1',
        'disable_copy'           => '0',
        'disable_devtools'       => '1',
        'disable_screenshot'     => '1',
        'encrypt_content'        => '1',
        'notification_type'      => 'toast',
        'notification_message'   => __('This content is protected by Accelvia.', 'accelvia-content-protection'),
        'skip_admins'            => '1',
        'protected_post_types'   => array('post', 'page'),
        'excluded_page_ids'      => '',
        // Watermark defaults.
        'watermark_enabled'      => '0',
        'watermark_type'         => 'text',
        'watermark_image_url'    => '',
        'watermark_image_id'     => 0,
        'watermark_text'         => __('© Protected by Accelvia', 'accelvia-content-protection'),
        'watermark_font_size'    => 16,
        'watermark_font_color'   => '#ffffff',
        'watermark_position'     => 'bottom-right',
        'watermark_opacity'      => 50,
        'watermark_size'         => 30,
        'watermark_tile_spacing' => 80,
        'watermark_scope'        => 'all',
        'watermark_selector'     => '',
        'watermark_exclude_selector' => '',
        'watermark_excluded_page_ids' => '',
        'watermark_device'       => 'both',
    );
    $options = wp_parse_args($options, $defaults);

    // Get all public post types.
    $post_types = get_post_types(array('public' => true), 'objects');
    ?>
    <div class="wrap accelvia-admin-wrap">

        <div class="accelvia-admin-header">
            <div class="accelvia-logo">
                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="32" height="32" rx="8" fill="#2563EB" />
                    <path d="M16 6L8 12V20L16 26L24 20V12L16 6Z" fill="white" fill-opacity="0.2" stroke="white"
                        stroke-width="1.5" />
                    <path d="M16 10L11 14V19L16 23L21 19V14L16 10Z" fill="white" />
                </svg>
                <span>
                    <?php esc_html_e('Accelvia Content Protection', 'accelvia-content-protection'); ?>
                </span>
            </div>
            <div class="accelvia-version">v<?php echo esc_html(ACCELVIA_VERSION); ?>
            </div>
        </div>

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

        <form method="post" action="options.php" id="accelvia-settings-form">
            <?php settings_fields('accelvia_settings_group'); ?>

            <div class="accelvia-master-toggle">
                <label class="accelvia-toggle-label">
                    <input type="checkbox" id="accelvia_enable_protection"
                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[enable_protection]" value="1" <?php checked('1', $options['enable_protection']); ?>
                    />
                    <span class="accelvia-toggle-switch"></span>
                    <span class="accelvia-toggle-text">
                        <?php esc_html_e('Enable Protection', 'accelvia-content-protection'); ?>
                    </span>
                </label>
                <p class="description">
                    <?php esc_html_e('Master switch. Disabling this turns off all frontend protection globally.', 'accelvia-content-protection'); ?>
                </p>
            </div>

            <div class="accelvia-tab-nav" role="tablist">
                <button type="button" class="accelvia-tab-btn active" data-tab="general" role="tab" aria-selected="true">
                    <?php esc_html_e('General Settings', 'accelvia-content-protection'); ?>
                </button>
                <button type="button" class="accelvia-tab-btn" data-tab="advanced" role="tab" aria-selected="false">
                    <?php esc_html_e('Advanced Settings', 'accelvia-content-protection'); ?>
                </button>
                <button type="button" class="accelvia-tab-btn" data-tab="watermark" role="tab" aria-selected="false">
                    <?php esc_html_e('Watermark', 'accelvia-content-protection'); ?>
                </button>
            </div>

            <!-- General Settings Tab -->
            <div class="accelvia-tab-panel" id="accelvia-tab-general" role="tabpanel">
                <div class="accelvia-card">
                    <h2>
                        <?php esc_html_e('Protection Features', 'accelvia-content-protection'); ?>
                    </h2>
                    <p class="accelvia-section-desc">
                        <?php esc_html_e('Choose which protection features to enable on the frontend.', 'accelvia-content-protection'); ?>
                    </p>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Disable Right Click', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[disable_right_click]" value="1"
                                        <?php checked('1', $options['disable_right_click']); ?> />
                                    <?php esc_html_e('Block the browser context menu on right-click', 'accelvia-content-protection'); ?>
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Disable Keyboard Shortcuts', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[disable_shortcuts]" value="1"
                                        <?php checked('1', $options['disable_shortcuts']); ?> />
                                    <?php esc_html_e('Block F12, Ctrl+Shift+I/J, Ctrl+U, Ctrl+S, Ctrl+P', 'accelvia-content-protection'); ?>
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Disable Text Selection', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[disable_text_selection]"
                                        value="1" <?php checked('1', $options['disable_text_selection']); ?> />
                                    <?php esc_html_e('Prevent users from selecting text on the page', 'accelvia-content-protection'); ?>
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Disable Image Drag', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[disable_image_drag]" value="1"
                                        <?php checked('1', $options['disable_image_drag']); ?> />
                                    <?php esc_html_e('Prevent images from being dragged out of the browser', 'accelvia-content-protection'); ?>
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Disable Copy (Ctrl+C)', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[disable_copy]" value="1" <?php checked('1', $options['disable_copy']); ?> />
                                    <?php esc_html_e('Block Ctrl+C keyboard shortcut for copying', 'accelvia-content-protection'); ?>
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('DevTools Detection', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[disable_devtools]" value="1" <?php checked('1', $options['disable_devtools']); ?> />
                                    <?php esc_html_e('Detect browser Developer Tools and blur page content when open', 'accelvia-content-protection'); ?>
                                </label>
                                <p class="description">
                                    <?php esc_html_e('Uses multiple detection methods including window size analysis and console monitoring. Works even when DevTools is opened from the browser menu.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Screenshot Protection', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[disable_screenshot]" value="1" <?php checked('1', $options['disable_screenshot']); ?> />
                                    <?php esc_html_e('Enable cross-platform screenshot and screen recording protection', 'accelvia-content-protection'); ?>
                                </label>
                                <p class="description">
                                    <?php esc_html_e('Blocks screenshot keyboard shortcuts on Windows (PrintScreen, Win+Shift+S), macOS (Cmd+Shift+3/4/5), and Linux. Automatically blurs the page when the user switches tabs or loses focus (common when using screenshot tools). Intercepts the Screen Capture API to blur content during screen recording. Clears the clipboard periodically and blocks printing. Note: hardware capture methods (phone cameras, external capture cards) cannot be blocked by any browser-based solution.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <!-- Advanced Settings Tab -->
            <div class="accelvia-tab-panel" id="accelvia-tab-advanced" role="tabpanel" style="display:none;">
                <div class="accelvia-card">
                    <h2>
                        <?php esc_html_e('Notification Settings', 'accelvia-content-protection'); ?>
                    </h2>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <label for="accelvia_notification_message">
                                    <?php esc_html_e('Notification Message', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <input type="text" id="accelvia_notification_message"
                                    name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[notification_message]"
                                    value="<?php echo esc_attr($options['notification_message']); ?>"
                                    class="regular-text" />
                                <p class="description">
                                    <?php esc_html_e('Message shown when a protected action is attempted.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Notification Type', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <fieldset>
                                    <legend class="screen-reader-text">
                                        <?php esc_html_e('Notification Type', 'accelvia-content-protection'); ?>
                                    </legend>
                                    <label>
                                        <input type="radio"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[notification_type]"
                                            value="toast" <?php checked('toast', $options['notification_type']); ?> />
                                        <?php esc_html_e('Modern Toast Popup (bottom-right, auto-dismisses after 3s)', 'accelvia-content-protection'); ?>
                                    </label><br />
                                    <label>
                                        <input type="radio"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[notification_type]"
                                            value="alert" <?php checked('alert', $options['notification_type']); ?> />
                                        <?php esc_html_e('Browser Default Alert', 'accelvia-content-protection'); ?>
                                    </label>
                                </fieldset>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="accelvia-card" style="margin-top: 20px;">
                    <h2>
                        <?php esc_html_e('Access Control', 'accelvia-content-protection'); ?>
                    </h2>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Skip Administrators', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[skip_admins]" value="1" <?php checked('1', $options['skip_admins']); ?> />
                                    <?php esc_html_e('Disable protection for logged-in administrators', 'accelvia-content-protection'); ?>
                                </label>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="accelvia-card" style="margin-top: 20px;">
                    <h2>
                        <?php esc_html_e('Scope & Exclusions', 'accelvia-content-protection'); ?>
                    </h2>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Protect Post Types', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <fieldset>
                                    <legend class="screen-reader-text">
                                        <?php esc_html_e('Post types to protect', 'accelvia-content-protection'); ?>
                                    </legend>
                                    <input type="hidden" name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[protected_post_types][]" value="" />
                                    <?php foreach ($post_types as $pt): ?>
                                        <label style="display:block; margin-bottom:6px;">
                                            <input type="checkbox"
                                                name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[protected_post_types][]"
                                                value="<?php echo esc_attr($pt->name); ?>" <?php checked(in_array($pt->name, (array) $options['protected_post_types'], true)); ?> />
                                            <?php echo esc_html($pt->labels->singular_name); ?>
                                            <code>(<?php echo esc_html($pt->name); ?>)</code>
                                        </label>
                                    <?php endforeach; ?>
                                </fieldset>
                                <p class="description">
                                    <?php esc_html_e('If none selected, protection applies to all post types.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <label for="accelvia_excluded_page_ids">
                                    <?php esc_html_e('Exclude Page IDs', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <textarea id="accelvia_excluded_page_ids"
                                    name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[excluded_page_ids]" rows="3"
                                    class="large-text code"><?php echo esc_textarea($options['excluded_page_ids']); ?></textarea>
                                <p class="description">
                                    <?php esc_html_e('Enter post/page IDs to exclude from protection, separated by commas. Example: 12, 34, 56', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="accelvia-card" style="margin-top: 20px;">
                    <h2>
                        <?php esc_html_e('Source Protection', 'accelvia-content-protection'); ?>
                    </h2>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Encrypted Content', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label>
                                    <input type="checkbox"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[encrypt_content]" value="1" <?php checked('1', $options['encrypt_content']); ?> />
                                    <?php esc_html_e('Encrypt page body content to prevent view-source inspection', 'accelvia-content-protection'); ?>
                                </label>
                                <p class="description">
                                    <?php esc_html_e('When enabled, the HTML body content is base64-encoded on the server and decoded by JavaScript at runtime. This means typing "view-source:" before your URL will show encoded gibberish instead of readable HTML. Search engine bots (Google, Bing, etc.) are automatically excluded so your SEO is not affected. Requires JavaScript to be enabled in the visitor\'s browser.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div><!-- /.accelvia-tab-panel advanced -->

            <!-- ================================================================
                 Watermark Settings Tab
                 ================================================================ -->
            <div class="accelvia-tab-panel" id="accelvia-tab-watermark" role="tabpanel" style="display:none;">

                <!-- Enable / Type -->
                <div class="accelvia-card">
                    <h2>
                        <?php esc_html_e('Image Watermark', 'accelvia-content-protection'); ?>
                    </h2>
                    <p class="accelvia-section-desc">
                        <?php esc_html_e('Overlay dynamic watermarks on your images to deter unauthorized use and strengthen brand identity.', 'accelvia-content-protection'); ?>
                    </p>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Enable Watermark', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <label class="accelvia-toggle-label">
                                    <input type="checkbox" id="accelvia_watermark_enabled"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_enabled]" value="1"
                                        <?php checked('1', $options['watermark_enabled']); ?> />
                                    <span class="accelvia-toggle-switch"></span>
                                    <span><?php esc_html_e('Apply watermarks to frontend images', 'accelvia-content-protection'); ?></span>
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Watermark Type', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <fieldset>
                                    <legend class="screen-reader-text">
                                        <?php esc_html_e('Watermark Type', 'accelvia-content-protection'); ?>
                                    </legend>
                                    <label>
                                        <input type="radio" id="accelvia_wm_type_text"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_type]"
                                            value="text" <?php checked('text', $options['watermark_type']); ?> />
                                        <?php esc_html_e('Text Watermark', 'accelvia-content-protection'); ?>
                                    </label>
                                    <label>
                                        <input type="radio" id="accelvia_wm_type_image"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_type]"
                                            value="image" <?php checked('image', $options['watermark_type']); ?> />
                                        <?php esc_html_e('Image Watermark', 'accelvia-content-protection'); ?>
                                    </label>
                                </fieldset>
                            </td>
                        </tr>
                    </table>
                </div>

                <!-- Text Watermark Settings -->
                <div class="accelvia-card accelvia-wm-text-fields" style="margin-top: 20px;">
                    <h2>
                        <?php esc_html_e('Text Watermark Settings', 'accelvia-content-protection'); ?>
                    </h2>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <label for="accelvia_watermark_text">
                                    <?php esc_html_e('Text Content', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <input type="text" id="accelvia_watermark_text"
                                    name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_text]"
                                    value="<?php echo esc_attr($options['watermark_text']); ?>"
                                    class="regular-text" placeholder="<?php esc_attr_e('© Your Brand Name', 'accelvia-content-protection'); ?>" />
                                <p class="description">
                                    <?php esc_html_e('The text to display as a watermark on images.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <label for="accelvia_watermark_font_size">
                                    <?php esc_html_e('Font Size', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <div class="accelvia-range-group">
                                    <input type="range" id="accelvia_watermark_font_size"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_font_size]"
                                        min="12" max="72" step="1"
                                        value="<?php echo esc_attr($options['watermark_font_size']); ?>" />
                                    <span class="accelvia-range-value" id="accelvia_font_size_val"><?php echo esc_html($options['watermark_font_size']); ?>px</span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <label for="accelvia_watermark_font_color">
                                    <?php esc_html_e('Font Color', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <input type="text" id="accelvia_watermark_font_color"
                                    name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_font_color]"
                                    value="<?php echo esc_attr($options['watermark_font_color']); ?>"
                                    class="accelvia-color-picker" data-default-color="#ffffff" />
                            </td>
                        </tr>
                    </table>
                </div>

                <!-- Image Watermark Settings -->
                <div class="accelvia-card accelvia-wm-image-fields" style="margin-top: 20px;">
                    <h2>
                        <?php esc_html_e('Image Watermark Settings', 'accelvia-content-protection'); ?>
                    </h2>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Watermark Image', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <div class="accelvia-media-upload">
                                    <input type="hidden" id="accelvia_watermark_image_url"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_image_url]"
                                        value="<?php echo esc_attr($options['watermark_image_url']); ?>" />
                                    <input type="hidden" id="accelvia_watermark_image_id"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_image_id]"
                                        value="<?php echo esc_attr($options['watermark_image_id']); ?>" />

                                    <div id="accelvia_watermark_preview" class="accelvia-image-preview <?php echo empty($options['watermark_image_url']) ? 'accelvia-hidden' : ''; ?>">
                                        <?php if (!empty($options['watermark_image_url'])): ?>
                                            <img src="<?php echo esc_url($options['watermark_image_url']); ?>" alt="<?php esc_attr_e('Watermark preview', 'accelvia-content-protection'); ?>" />
                                        <?php endif; ?>
                                    </div>

                                    <button type="button" id="accelvia_upload_watermark" class="button button-secondary">
                                        <?php esc_html_e('Upload Watermark Image', 'accelvia-content-protection'); ?>
                                    </button>
                                    <button type="button" id="accelvia_remove_watermark" class="button accelvia-remove-btn <?php echo empty($options['watermark_image_url']) ? 'accelvia-hidden' : ''; ?>">
                                        <?php esc_html_e('Remove', 'accelvia-content-protection'); ?>
                                    </button>

                                    <p class="description">
                                        <?php esc_html_e('Upload a PNG or SVG logo for best results. Transparent backgrounds work best.', 'accelvia-content-protection'); ?>
                                    </p>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>

                <!-- Positioning & Appearance -->
                <div class="accelvia-card" style="margin-top: 20px;">
                    <h2>
                        <?php esc_html_e('Positioning & Appearance', 'accelvia-content-protection'); ?>
                    </h2>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Position', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <div class="accelvia-position-grid">
                                    <?php
                                    $positions = array(
                                        'top-left'      => __('Top Left', 'accelvia-content-protection'),
                                        'top-center'    => __('Top Center', 'accelvia-content-protection'),
                                        'top-right'     => __('Top Right', 'accelvia-content-protection'),
                                        'middle-left'   => __('Middle Left', 'accelvia-content-protection'),
                                        'center'        => __('Center', 'accelvia-content-protection'),
                                        'middle-right'  => __('Middle Right', 'accelvia-content-protection'),
                                        'bottom-left'   => __('Bottom Left', 'accelvia-content-protection'),
                                        'bottom-center' => __('Bottom Center', 'accelvia-content-protection'),
                                        'bottom-right'  => __('Bottom Right', 'accelvia-content-protection'),
                                    );
                                    foreach ($positions as $value => $label): ?>
                                        <label class="accelvia-position-cell <?php echo ($options['watermark_position'] === $value) ? 'active' : ''; ?>"
                                            title="<?php echo esc_attr($label); ?>">
                                            <input type="radio"
                                                name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_position]"
                                                value="<?php echo esc_attr($value); ?>"
                                                <?php checked($value, $options['watermark_position']); ?> />
                                            <span class="accelvia-position-dot"></span>
                                        </label>
                                    <?php endforeach; ?>
                                </div>
                                <div style="margin-top: 12px;">
                                    <label class="accelvia-tiled-option <?php echo ($options['watermark_position'] === 'tiled') ? 'active' : ''; ?>">
                                        <input type="radio"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_position]"
                                            value="tiled" <?php checked('tiled', $options['watermark_position']); ?> />
                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <rect x="1" y="1" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5"/>
                                            <rect x="11" y="1" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5"/>
                                            <rect x="1" y="11" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5"/>
                                            <rect x="11" y="11" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5"/>
                                        </svg>
                                        <?php esc_html_e('Tiled / Repeat Pattern', 'accelvia-content-protection'); ?>
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr class="accelvia-tile-spacing-row" <?php echo ($options['watermark_position'] !== 'tiled') ? 'style="display:none;"' : ''; ?>>
                            <th scope="row">
                                <label for="accelvia_watermark_tile_spacing">
                                    <?php esc_html_e('Tile Spacing', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <div class="accelvia-range-group">
                                    <input type="range" id="accelvia_watermark_tile_spacing"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_tile_spacing]"
                                        min="0" max="300" step="5"
                                        value="<?php echo esc_attr($options['watermark_tile_spacing']); ?>" />
                                    <span class="accelvia-range-value" id="accelvia_tile_spacing_val"><?php echo esc_html($options['watermark_tile_spacing']); ?>px</span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <label for="accelvia_watermark_opacity">
                                    <?php esc_html_e('Opacity', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <div class="accelvia-range-group">
                                    <input type="range" id="accelvia_watermark_opacity"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_opacity]"
                                        min="0" max="100" step="5"
                                        value="<?php echo esc_attr($options['watermark_opacity']); ?>" />
                                    <span class="accelvia-range-value" id="accelvia_opacity_val"><?php echo esc_html($options['watermark_opacity']); ?>%</span>
                                </div>
                                <p class="description">
                                    <?php esc_html_e('0% = fully transparent, 100% = fully opaque.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <label for="accelvia_watermark_size">
                                    <?php esc_html_e('Size', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <div class="accelvia-range-group">
                                    <input type="range" id="accelvia_watermark_size"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_size]"
                                        min="5" max="100" step="5"
                                        value="<?php echo esc_attr($options['watermark_size']); ?>" />
                                    <span class="accelvia-range-value" id="accelvia_size_val"><?php echo esc_html($options['watermark_size']); ?>%</span>
                                </div>
                                <p class="description">
                                    <?php esc_html_e('Percentage of the image width occupied by the watermark.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>

                <!-- Scope & Device -->
                <div class="accelvia-card" style="margin-top: 20px;">
                    <h2>
                        <?php esc_html_e('Scope & Device Targeting', 'accelvia-content-protection'); ?>
                    </h2>

                    <table class="form-table" role="presentation">
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Apply To', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <fieldset>
                                    <legend class="screen-reader-text">
                                        <?php esc_html_e('Watermark scope', 'accelvia-content-protection'); ?>
                                    </legend>
                                    <label style="display:block; margin-bottom:8px;">
                                        <input type="radio" id="accelvia_wm_scope_all"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_scope]"
                                            value="all" <?php checked('all', $options['watermark_scope']); ?> />
                                        <?php esc_html_e('All images on the page', 'accelvia-content-protection'); ?>
                                    </label>
                                    <label style="display:block; margin-bottom:8px;">
                                        <input type="radio" id="accelvia_wm_scope_selector"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_scope]"
                                            value="selector" <?php checked('selector', $options['watermark_scope']); ?> />
                                        <?php esc_html_e('Only images matching a CSS selector', 'accelvia-content-protection'); ?>
                                    </label>
                                </fieldset>
                                <div class="accelvia-selector-field" <?php echo ($options['watermark_scope'] !== 'selector') ? 'style="display:none;"' : ''; ?>>
                                    <input type="text" id="accelvia_watermark_selector"
                                        name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_selector]"
                                        value="<?php echo esc_attr($options['watermark_selector']); ?>"
                                        class="regular-text code" placeholder=".my-gallery img, .post-content img" />
                                    <p class="description">
                                        <?php esc_html_e('Enter a CSS selector to target specific images. E.g., .post-content img', 'accelvia-content-protection'); ?>
                                    </p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <label for="accelvia_watermark_exclude_selector">
                                    <?php esc_html_e('Exclude Images', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <input type="text" id="accelvia_watermark_exclude_selector"
                                    name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_exclude_selector]"
                                    value="<?php echo esc_attr($options['watermark_exclude_selector']); ?>"
                                    class="regular-text code" placeholder=".wp-image-123, img[src*='logo.png']" />
                                <p class="description">
                                    <?php esc_html_e('Enter CSS selectors for images that should NEVER be watermarked. Separate multiple selectors with commas.', 'accelvia-content-protection'); ?><br>
                                    <small><?php esc_html_e('Tip: Use .wp-image-{ID} for standard WordPress images, or img[src*="filename.jpg"] for maximum compatibility with page builders.', 'accelvia-content-protection'); ?></small>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <label for="accelvia_watermark_excluded_page_ids">
                                    <?php esc_html_e('Exclude Page IDs', 'accelvia-content-protection'); ?>
                                </label>
                            </th>
                            <td>
                                <input type="text" id="accelvia_watermark_excluded_page_ids"
                                    name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_excluded_page_ids]"
                                    value="<?php echo esc_attr($options['watermark_excluded_page_ids']); ?>"
                                    class="regular-text" placeholder="12, 45, 89" />
                                <p class="description">
                                    <?php esc_html_e('Comma-separated list of page/post IDs where watermarking should NOT be applied.', 'accelvia-content-protection'); ?>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                <?php esc_html_e('Device Visibility', 'accelvia-content-protection'); ?>
                            </th>
                            <td>
                                <fieldset>
                                    <legend class="screen-reader-text">
                                        <?php esc_html_e('Device visibility', 'accelvia-content-protection'); ?>
                                    </legend>
                                    <label>
                                        <input type="radio"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_device]"
                                            value="both" <?php checked('both', $options['watermark_device']); ?> />
                                        <?php esc_html_e('Both', 'accelvia-content-protection'); ?>
                                    </label>
                                    <label>
                                        <input type="radio"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_device]"
                                            value="desktop" <?php checked('desktop', $options['watermark_device']); ?> />
                                        <?php esc_html_e('Desktop Only', 'accelvia-content-protection'); ?>
                                    </label>
                                    <label>
                                        <input type="radio"
                                            name="<?php echo esc_attr(ACCELVIA_OPTION_KEY); ?>[watermark_device]"
                                            value="mobile" <?php checked('mobile', $options['watermark_device']); ?> />
                                        <?php esc_html_e('Mobile Only', 'accelvia-content-protection'); ?>
                                    </label>
                                </fieldset>
                            </td>
                        </tr>
                    </table>
                </div>

            </div><!-- /.accelvia-tab-panel watermark -->

            <div class="accelvia-submit-row">
                <?php submit_button(__('Save Settings', 'accelvia-content-protection'), 'primary', 'submit', false); ?>
                <span class="accelvia-save-note">
                    <?php esc_html_e('Changes take effect immediately on the frontend.', 'accelvia-content-protection'); ?>
                </span>
            </div>

        </form>

        <div class="accelvia-footer">
            <p>
                <?php
                printf(
                    /* translators: %s: plugin version */
                    esc_html__('Accelvia Content Protection v%s — Deterrence-based frontend security.', 'accelvia-content-protection'),
                    esc_html(ACCELVIA_VERSION)
                );
                ?>
            </p>
        </div>

    </div><!-- /.wrap -->
    <?php
}