<?php
/**
 * admin/settings-ai.php: AI Features for the A11yBridge Plugin
 */

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

require_once dirname(plugin_dir_path(__FILE__)) . '/includes/sanitize.php';

function a11ybridge_register_ai_settings() {
    register_setting('a11ybridge_ai_settings_group', 'a11ybridge_ai_settings', array('type' => 'array', 'sanitize_callback' => 'a11ybridge_sanitize_option_array'));
    register_setting('a11ybridge_ai_settings_group', 'a11ybridge_simplification_settings', [
            'sanitize_callback' => 'a11ybridge_sanitize_simplification_settings',
        ]);
}

if (!function_exists('a11ybridge_sanitize_simplification_settings')) {
    /**
     * Canonicalize stored admin simplification defaults to Catalog values.
     */
    function a11ybridge_sanitize_simplification_settings($input) {
        $in = is_array($input) ? $input : [];
        $out = [];
        $out['enable_text_simplification'] = !empty($in['enable_text_simplification']) ? 1 : 0;
        // NOTE: show_toolbar_button must default to ON.
        // If the field is missing in the POST payload, keep previous stored value (or default to 1).
        $existing = get_option('a11ybridge_simplification_settings', []);
        if (!is_array($existing)) { $existing = []; }
        $existing_show = array_key_exists('show_toolbar_button', $existing) ? (int)$existing['show_toolbar_button'] : 1;
        $out['show_toolbar_button'] = array_key_exists('show_toolbar_button', $in)
            ? (!empty($in['show_toolbar_button']) ? 1 : 0)
            : $existing_show;
        $out['consent_required'] = !empty($in['consent_required']) ? 1 : 0;
        $out['consent_ttl_hours'] = isset($in['consent_ttl_hours']) ? max(0, intval($in['consent_ttl_hours'])) : 24;

        $out['default_level'] = a11ybridge_catalog_canonical(
            'textSimplification.level',
            (string)($in['default_level'] ?? ''),
            'basic'
        );

        $tl_raw = (string)($in['target_language'] ?? '');
        // Legacy UI values (pre-catalog). Keep backward compatibility.
        $legacy_map = [
            'german'  => 'de-DE',
            'english' => 'en-US',
            'french'  => 'fr-FR',
            'spanish' => 'es-ES',
        ];
        $tl_key = strtolower(trim($tl_raw));
        if (isset($legacy_map[$tl_key])) { $tl_raw = $legacy_map[$tl_key]; }
        
        $out['target_language'] = a11ybridge_catalog_canonical(
            'textSimplification.targetLanguage',
            $tl_raw,
            'original'
        );
        return $out;
    }
}


// Render directly (avoid raw superglobals in file scope; keeps PHPCS happy)
if (is_admin()) {
    $a11ybridge_page_raw = filter_input(INPUT_GET, 'page', FILTER_UNSAFE_RAW);
    $a11ybridge_page = is_string($a11ybridge_page_raw) ? sanitize_key(wp_unslash($a11ybridge_page_raw)) : '';
    if ($a11ybridge_page === 'a11ybridge-settings') {
        a11ybridge_show_ai_settings();
    }
}

function a11ybridge_show_ai_settings() {

    $ai_settings = get_option('a11ybridge_ai_settings', [
        'enable_ai_image_description' => false,
        'description_level' => 'detailed',
        'target_language' => 'german',
        'auto_describe_on_upload' => true,
        'daily_cron_check' => true
    ]);

    // While AI Alt-Text is not implemented yet, hard-disable its controls.
    // This avoids an UI that appears interactive but doesn't do anything.
    if (function_exists('a11ybridge_feature_state')) {
        $a11ybridge_alt_state = a11ybridge_feature_state('ai_alt_text');
        if ($a11ybridge_alt_state === 'coming_soon' || $a11ybridge_alt_state === 'experimental') {
            $ai_settings['enable_ai_image_description'] = false;
            $ai_settings['auto_describe_on_upload'] = false;
            $ai_settings['daily_cron_check'] = false;
        }
    }
    $simplification_settings = get_option('a11ybridge_simplification_settings', [
        'enable_text_simplification' => false,
        'default_level' => 'basic',
        'target_language' => 'original',
        'show_toolbar_button' => true,
        'consent_required' => true,
        'consent_ttl_hours' => 24
    ]);
    // Canonicalize legacy stored values so UI + resolver + requests stay in sync.
    // (e.g. german/english, a2_level/b1_level, bullet_form/step_by_step, etc.)
    $simplification_settings['default_level'] = a11ybridge_catalog_alias(
        'simplificationLevels',
        (string)($simplification_settings['default_level'] ?? 'basic')
    );
    $simplification_settings['target_language'] = a11ybridge_catalog_alias(
        'languages',
        (string)($simplification_settings['target_language'] ?? 'original')
    );
    ?>

<form method="post" action="options.php">
<?php settings_fields('a11ybridge_ai_settings_group'); ?>

<!-- Text Simplification -->
<div class="a11y-settings-section">

    <h3>📝 <?php echo esc_html__('Text Simplification', 'a11ybridge'); ?></h3>

    <p><?php echo esc_html__('AI-powered text simplification for improved readability.', 'a11ybridge'); ?></p>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_text_simplify'); ?>
    <div class="a11y-field-group  a11ybridge-setting <?php echo esc_attr($lock['class']); ?>" 
        data-setting-key="a11ybridge_plugin_enable_simple_language"
        data-flag-id="basics_translations"
        data-legal-id="text_simplify_ai"
        data-script="">

        <input type="checkbox"
            id="enable_text_simplification"
            name="a11ybridge_simplification_settings[enable_text_simplification]"
            value="1"
            <?php checked(!empty($simplification_settings['enable_text_simplification'])); ?> />

        <label for="enable_text_simplification">
            <!-- 📝 Text-Vereinfachung aktivieren -->
            📝 <?php echo esc_html__('Enable Text Simplification', 'a11ybridge'); ?>
        </label>

        <?php a11ybridge_render_legal_hint('ai_feature_text_simplify'); ?>

        <abbr title="<?php echo esc_attr__('Allows simplifying selected text','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>

    <!-- Show / hide the "simplify selected text" action in the toolbar (does NOT change whether the settings are available) -->
    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_text_simplify'); ?>
    <div class="a11y-field-group <?php echo esc_attr($lock['class']); ?>">

        <input type="hidden"
            name="a11ybridge_simplification_settings[show_toolbar_button]"
            value="0" />

        <input type="checkbox"
            id="show_toolbar_button"
            name="a11ybridge_simplification_settings[show_toolbar_button]"
            value="1"
            <?php checked(!array_key_exists('show_toolbar_button', $simplification_settings) || !empty($simplification_settings['show_toolbar_button'])); ?> />

        <label for="show_toolbar_button">
            <?php echo esc_html__('Show "Simplify selected text" button in toolbar', 'a11ybridge'); ?>
        </label>

        <abbr title="<?php echo esc_attr__('If disabled, visitors can still open the text simplification settings, but the selection action is hidden.','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>
    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_simplification_default'); ?>
    <div class="a11y-field-group <?php echo esc_attr($lock['class']); ?>">

        <label for="simplification_default_level">
            <?php echo esc_html__('Default Simplification Level', 'a11ybridge'); ?>:
        </label>

        <select name="a11ybridge_simplification_settings[default_level]" id="simplification_default_level">
            <?php foreach (a11ybridge_catalog_context('textSimplification.level') as $row) : ?>
                <option value="<?php echo esc_attr($row['id']); ?>" <?php selected($simplification_settings['default_level'], $row['id']); ?>>
                    <?php echo esc_html($row['label']); ?>
                </option>
            <?php endforeach; ?>
        </select>

        <?php a11ybridge_render_legal_hint('ai_feature_simplification_default'); ?>

        <abbr title="<?php echo esc_attr__('Default type of simplification','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_simplification_language'); ?>
    <div class="a11y-field-group <?php echo esc_attr($lock['class']); ?>">

        <label for="simplification_target_language">
            <?php echo esc_html__('Target Language', 'a11ybridge'); ?>:
        </label>

        <select name="a11ybridge_simplification_settings[target_language]" id="simplification_target_language">
            <?php foreach (a11ybridge_catalog_context('textSimplification.targetLanguage') as $row) : ?>
                <option value="<?php echo esc_attr($row['id']); ?>" <?php selected($simplification_settings['target_language'], $row['id']); ?>>
                    <?php echo esc_html($row['label']); ?>
                </option>
            <?php endforeach; ?>
        </select>
        <?php a11ybridge_render_legal_hint('ai_feature_simplification_language'); ?>

        <abbr title="<?php echo esc_attr__('Default target language for simplified text','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>

    <div class="a11y-field-group">
      <label><?php esc_html_e('Consent required', 'a11ybridge'); ?></label>
      <div>
        <label>
          <input type="checkbox"
                 name="a11ybridge_simplification_settings[consent_required]"
                 value="1"
                 <?php checked(!isset($simplification_settings['consent_required']) || !empty($simplification_settings['consent_required'])); ?> />
          <?php esc_html_e('Require explicit user consent before sending selected text to the AI service.', 'a11ybridge'); ?>
        </label>
        <?php a11ybridge_render_legal_hint('ai_feature_simplification_consent_required'); ?>

      </div>
    </div>

    <div class="a11y-field-group">
      <label for="consent_ttl_hours"><?php esc_html_e('Re-consent interval (hours)', 'a11ybridge'); ?></label>
      <input type="number" min="0" step="1"
               name="a11ybridge_simplification_settings[consent_ttl_hours]"
               value="<?php echo esc_attr(isset($simplification_settings['consent_ttl_hours']) ? max(0, (int)$simplification_settings['consent_ttl_hours']) : 0); ?>" />
        <p class="description"><?php esc_html_e('0 = remember forever in the visitor’s browser. Otherwise ask again after X hours.', 'a11ybridge'); ?></p>
        <?php a11ybridge_render_legal_hint('ai_feature_simplification_reconsent_interval'); ?>

      </div>
    

</div>

<!-- AI Alt-Text Generation -->
<div class="a11y-settings-section">
    <h3>🤖 <?php echo esc_html__('AI Alt-Text Generation', 'a11ybridge'); ?></h3>

    <!-- <p>Automatische Generierung von Bildbeschreibungen durch künstliche Intelligenz.</p> -->
    <p><?php echo esc_html__('Automatically generate image descriptions using artificial intelligence.', 'a11ybridge'); ?></p>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_alt_text'); ?>
    <div class="a11y-field-group <?php echo esc_attr($lock['class']); ?>">

        <input type="checkbox"
            id="enable_ai_image_description"
            name="a11ybridge_ai_settings[enable_ai_image_description]"
            value="1"
            <?php checked($ai_settings['enable_ai_image_description'] ?? false, true); ?> />

        <label for="enable_ai_image_description">
            <!-- 🤖 KI-Bildbeschreibung aktivieren -->
            🤖 <?php echo esc_html__('Enable AI Image Descriptions', 'a11ybridge'); ?>
        </label>

        <?php a11ybridge_render_legal_hint('alt_text_ai'); ?>

        <abbr title="<?php echo esc_attr__('Automatically generates alt-texts for images without descriptions','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_automatic_alt_text_on_upload'); ?>
    <div class="a11y-field-group <?php echo esc_attr($lock['class']); ?>">

        <input type="checkbox"
            id="auto_describe_on_upload"
            name="a11ybridge_ai_settings[auto_describe_on_upload]"
            value="1"
            <?php checked($ai_settings['auto_describe_on_upload'] ?? false, true); ?> />

        <label for="auto_describe_on_upload">
            <!-- 📤 Automatisch bei Upload beschreiben -->
            📤 <?php echo esc_html__('Describe Automatically on Upload', 'a11ybridge'); ?>
        </label>

        <?php a11ybridge_render_legal_hint('ai_feature_automatic_alt_text_on_upload'); ?>

        <abbr title="<?php echo esc_attr__('New images without alt-text will be described automatically','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_description_level'); ?>
    <div class="a11y-field-group <?php echo esc_attr($lock['class']); ?>">

        <!-- <label for="description_level">Beschreibungsebene:</label> -->
        <label for="description_level"><?php echo esc_html__('Description Level', 'a11ybridge'); ?>:</label>

        <select name="a11ybridge_ai_settings[description_level]" id="description_level" <?php echo wp_kses_data($lock['attrs']); ?> >

            <option value="brief" <?php selected($ai_settings['description_level'], 'brief'); ?>>
                <!-- Kurz - Eine Zeile -->
                <?php echo esc_html__('Brief – One Line','a11ybridge'); ?>
            </option>

            <option value="detailed" <?php selected($ai_settings['description_level'], 'detailed'); ?>>
                <?php echo esc_html__('Detailed – Screen-Reader Friendly','a11ybridge'); ?>
            </option>

            <option value="context" <?php selected($ai_settings['description_level'], 'context'); ?>>
                <?php echo esc_html__('Contextual – Meaning for the Website','a11ybridge'); ?>
            </option>

            <option value="technical" <?php selected($ai_settings['description_level'], 'technical'); ?>>
                <?php echo esc_html__('Technical – Precise Details','a11ybridge'); ?>
            </option>

            <option value="emotional" <?php selected($ai_settings['description_level'], 'emotional'); ?>>
                <?php echo esc_html__('Emotional – Mood & Tone','a11ybridge'); ?>
            </option>

            <option value="functional" <?php selected($ai_settings['description_level'], 'functional'); ?>>
                <?php echo esc_html__('Functional – Purpose of the Image','a11ybridge'); ?>
            </option>

        </select>

        <?php a11ybridge_render_legal_hint('ai_feature_description_level'); ?>

        <abbr title="<?php echo esc_attr__('Type of AI image description','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_language'); ?>
    <div class="a11y-field-group <?php echo esc_attr($lock['class']); ?>">

        <label for="ai_target_language"><?php echo esc_html__('Language', 'a11ybridge'); ?>:</label>

        <select name="a11ybridge_ai_settings[target_language]" id="ai_target_language" <?php echo wp_kses_data($lock['attrs']); ?>
            <?php
            if (function_exists('a11ybridge_catalog_options_html')) {
                echo a11ybridge_catalog_options_html('textSimplification.targetLanguage', $ai_settings['target_language'] ?? 'original', 'original');
            } else {
                // Fallback (legacy)
                ?>
                <option value="original" <?php selected($ai_settings['target_language'] ?? 'original', 'original'); ?>><?php echo esc_html__('Keep original language','a11ybridge'); ?></option>
                <option value="de-DE" <?php selected($ai_settings['target_language'] ?? '', 'de-DE'); ?>><?php echo esc_html__('German','a11ybridge'); ?></option>
                <option value="en-US" <?php selected($ai_settings['target_language'] ?? '', 'en-US'); ?>><?php echo esc_html__('English','a11ybridge'); ?></option>
                <option value="fr-FR" <?php selected($ai_settings['target_language'] ?? '', 'fr-FR'); ?>><?php echo esc_html__('French','a11ybridge'); ?></option>
                <option value="es-ES" <?php selected($ai_settings['target_language'] ?? '', 'es-ES'); ?>><?php echo esc_html__('Spanish','a11ybridge'); ?></option>
                <?php
            }
            ?>
        </select>

        <?php a11ybridge_render_legal_hint('ai_feature_language'); ?>

        <abbr title="<?php echo esc_attr__('Language of generated alt-texts','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_automatic_daily_alt_text'); ?>
    <div class="a11y-field-group <?php echo esc_attr($lock['class']); ?>">

        <input type="checkbox"
            id="daily_cron_check"
            name="a11ybridge_ai_settings[daily_cron_check]"
            value="1"
            <?php checked($ai_settings['daily_cron_check'] ?? false, true); ?> />

        <label for="daily_cron_check">
            <!-- ⏰ Tägliche automatische Überprüfung -->
            ⏰ <?php echo esc_html__('Daily Automatic Scan', 'a11ybridge'); ?>
        </label>

        <?php a11ybridge_render_legal_hint('ai_feature_automatic_daily_alt_text'); ?>

        <abbr title="<?php echo esc_attr__('Checks daily for images without alt-text','a11ybridge'); ?>">
            <span class="a11y-tooltip">i</span>
        </abbr>

        <?php echo wp_kses_post($lock['badge']); ?>
        <?php if ($lock['attrs']) echo '<span class="a11y-disabled-overlay"></span>'; ?>
    </div>
</div>

<!-- Save Settings -->
<div class="a11y-action-section">
    <h3>💾 <?php echo esc_html__('Save AI Settings', 'a11ybridge'); ?></h3>

    <?php submit_button(__('💾 Save AI Features', 'a11ybridge'), 'primary', 'submit', false, ['class' => 'a11y-button']); ?>
</div>

</form>

<!-- AI Alt-Text Actions -->
<?php if ($ai_settings['enable_ai_image_description'] ?? false) : ?>
<div class="a11y-action-section">
    <h3>🚀 <?php echo esc_html__('AI Alt-Text Tools', 'a11ybridge'); ?></h3>

    <p><?php echo esc_html__('Generate alt-texts for existing images without descriptions.', 'a11ybridge'); ?></p>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_simplification_generate_all'); ?>
    <button type="button" id="generate-alt-texts-btn" class="a11y-button <?php echo esc_attr($lock['class']); ?>">
        <?php echo esc_html__('🤖 Generate Missing Alt-Texts', 'a11ybridge'); ?>
    </button>
    <?php echo wp_kses_post($lock['badge']); ?>

    <?php $lock = a11ybridge_ui_lock_attrs('ai_feature_simplification_check_missing'); ?>
    <button type="button" id="count-missing-btn" class="a11y-button secondary <?php echo esc_attr($lock['class']); ?>">
        <?php echo esc_html__('📊 Check Missing Alt-Texts', 'a11ybridge'); ?>
    </button>

    <button type="button" id="a11yb-alttext-toggle" class="a11y-button secondary">
        <?php echo esc_html__('🖼️ Browse Images', 'a11ybridge'); ?>
    </button>

    <div id="a11yb-alttext-panel" class="a11yb-alttext-panel" style="display:none; margin-top: 12px;">
        <div class="a11yb-alttext-meta">
            <span id="a11yb-alttext-summary" class="a11yb-inline-msg"></span>
            <div class="a11yb-alttext-controls" style="margin-top:8px; display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end;">
                <label style="display:flex; flex-direction:column; gap:2px;">
                    <span style="font-size:12px; opacity:.8;"><?php echo esc_html__('Sort by', 'a11ybridge'); ?></span>
                    <select id="a11yb-alttext-orderby">
                        <option value="date"><?php echo esc_html__('Date', 'a11ybridge'); ?></option>
                        <option value="filesize"><?php echo esc_html__('File size', 'a11ybridge'); ?></option>
                        <option value="title"><?php echo esc_html__('Image name', 'a11ybridge'); ?></option>
                        <option value="alt_text"><?php echo esc_html__('Alt text', 'a11ybridge'); ?></option>
                    </select>
                </label>

                <label style="display:flex; flex-direction:column; gap:2px;">
                    <span style="font-size:12px; opacity:.8;"><?php echo esc_html__('Order', 'a11ybridge'); ?></span>
                    <select id="a11yb-alttext-order">
                        <option value="asc"><?php echo esc_html__('Ascending', 'a11ybridge'); ?></option>
                        <option value="desc"><?php echo esc_html__('Descending', 'a11ybridge'); ?></option>
                    </select>
                </label>

                <label style="display:flex; flex-direction:column; gap:2px;">
                    <span style="font-size:12px; opacity:.8;"><?php echo esc_html__('Per page', 'a11ybridge'); ?></span>
                    <select id="a11yb-alttext-perpage">
                        <option value="50">50</option>
                        <option value="100">100</option>
                        <option value="200">200</option>
                        <option value="500">500</option>
                    </select>
                </label>

                <label style="display:flex; flex-direction:column; gap:2px;"></option>
                    <span style="font-size:12px; opacity:.8;"><?php echo esc_html__('Alt text', 'a11ybridge'); ?></span>
                    <select id="a11yb-alttext-hasalt">
                        <option value="any"><?php echo esc_html__('Any', 'a11ybridge'); ?></option>
                        <option value="yes"><?php echo esc_html__('With alt text', 'a11ybridge'); ?></option>
                        <option value="no"><?php echo esc_html__('Without alt text', 'a11ybridge'); ?></option>
                    </select>
                </label>

                <label style="display:flex; flex-direction:column; gap:2px;">
                    <span style="font-size:12px; opacity:.8;"><?php echo esc_html__('Date after', 'a11ybridge'); ?></span>
                    <input type="date" id="a11yb-alttext-date-after" />
                </label>

                <label style="display:flex; flex-direction:column; gap:2px;">
                    <span style="font-size:12px; opacity:.8;"><?php echo esc_html__('Date before', 'a11ybridge'); ?></span>
                    <input type="date" id="a11yb-alttext-date-before" />
                </label>

                <label style="display:flex; flex-direction:column; gap:2px;">
                    <span style="font-size:12px; opacity:.8;"><?php echo esc_html__('Size ≥ (KB)', 'a11ybridge'); ?></span>
                    <input type="number" id="a11yb-alttext-size-gt" min="0" step="1" placeholder="0" style="width:110px;" />
                </label>

                <label style="display:flex; flex-direction:column; gap:2px;">
                    <span style="font-size:12px; opacity:.8;"><?php echo esc_html__('Size ≤ (KB)', 'a11ybridge'); ?></span>
                    <input type="number" id="a11yb-alttext-size-lt" min="0" step="1" placeholder="0" style="width:110px;" />
                </label>

                <button type="button" class="button" id="a11yb-alttext-apply"><?php echo esc_html__('Apply', 'a11ybridge'); ?></button>
                <button type="button" class="button" id="a11yb-alttext-reset"><?php echo esc_html__('Reset', 'a11ybridge'); ?></button>
            </div>

        </div>

        <table class="widefat striped a11yb-alttext-table" style="margin-top: 10px;">
            <thead>
                <tr>
                    <th style="width: 80px;"><?php echo esc_html__('Thumbnail', 'a11ybridge'); ?></th>
                    <th><?php echo esc_html__('Image', 'a11ybridge'); ?></th>
                    <th><?php echo esc_html__('Current Alt Text', 'a11ybridge'); ?></th>
                    <th style="width: 180px;"><?php echo esc_html__('Action', 'a11ybridge'); ?></th>
                </tr>
            </thead>
            <tbody id="a11yb-alttext-tbody">
                <tr>
                    <td colspan="4"><?php echo esc_html__('Open the panel to load images…', 'a11ybridge'); ?></td>
                </tr>
            </tbody>
        </table>

        <div class="tablenav bottom" style="margin-top: 6px;">
            <div class="tablenav-pages">
                <button type="button" class="button" id="a11yb-alttext-load-more" style="display:none;">
                    <?php echo esc_html__('Load more', 'a11ybridge'); ?>
                </button>
            </div>
        </div>
    </div>


    <div id="alt-text-status" class="a11y-status"></div>
</div>
<?php endif; ?>

<?php
}