<?php
namespace ABILITY\Frontend;

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

class Ability_Frontend {
    private $plugin_name;
    private $version;

    public function __construct($plugin_name, $version){
        $this->plugin_name = $plugin_name;
        $this->version     = $version;

        add_action('wp_enqueue_scripts', [$this, 'enqueue_scripts']);
        add_action('wp_head', [$this, 'output_inline_css']);
        add_action('wp_head', [$this, 'add_structured_data'], 20);
        add_action('wp_footer', [$this, 'render_widget']);
        add_action('wp_footer', [$this, 'render_skip_links'], 5);
        add_filter('body_class', [$this, 'filter_body_class']);
        add_filter('theme_page_templates', [$this, 'add_plugin_page_template']);
        add_filter('template_include', [$this, 'load_plugin_page_template']);
    }

    private function legacy_enabled() {
        $adv = get_option('ability_a11y_settings', []);
        return !empty($adv['enable_legacy_toolbar']);
    }

    private function presentation_mode(): string {
        $adv = get_option('ability_a11y_settings', []);
        $mode = isset($adv['presentation_mode']) ? sanitize_key($adv['presentation_mode']) : 'classic';
        return in_array($mode, ['classic', 'modern'], true) ? $mode : 'classic';
    }

    public function filter_body_class(array $classes): array {
        $mode = $this->presentation_mode();
        $classes[] = 'ability-presentation-mode-' . $mode;
        $classes[] = 'ability-' . ($mode === 'modern' ? 'modern-contrast' : 'classic-mode');
        return array_values(array_unique($classes));
    }

    public function enqueue_scripts() {
        if (is_admin()) return;
        if ($this->legacy_enabled()) return;

        $settings = class_exists('ABILITY\\Config') ? \ABILITY\Config::get_settings() : [];
        $enabled  = !empty($settings['widget_enabled']) || !empty($settings['frontend_widget_enabled']);
        if (!$enabled) return;

        wp_enqueue_style('ability-widget', ABILITY_URL . 'assets/css/frontend.css', [], $this->version);
        wp_enqueue_script('ability-widget', ABILITY_URL . 'assets/js/frontend.js', ['jquery'], $this->version, true);

        $adv = get_option('ability_a11y_settings', []);
        $widget_position = isset($adv['widget_position']) ? $adv['widget_position'] : 'top_right';
        $mobile_position = isset($adv['widget_position_mobile']) ? $adv['widget_position_mobile'] : 'bottom_right';
        $presentation_mode = $this->presentation_mode();

        // Prefer local Comic Sans font file if present; no external CDN is used by the plugin.
        // Check for multiple formats in order of preference (woff2 > woff > ttf > otf).
        $dyslexia_font_url = '';
        $font_formats = ['woff2', 'woff', 'ttf', 'otf'];
        $font_name = 'ComicSansMS-Regular';
        foreach ($font_formats as $format) {
            $local_font_path = ABILITY_PATH . 'assets/fonts/' . $font_name . '.' . $format;
            if (file_exists($local_font_path)) {
                $dyslexia_font_url = ABILITY_URL . 'assets/fonts/' . $font_name . '.' . $format;
                break;
            }
        }

        $l10n = [
            'toggleOff'         => __('Off', 'ability'),
            'toggleOn'          => __('On', 'ability'),
            'reportAlert'       => __('Accessibility heuristic report generated. A JSON file download should begin.', 'ability'),
            'reportFileName'    => 'accessibility-report.json',
            'dialogLabel'       => __('Accessibility Options', 'ability'),
            'closePanel'        => __('Close accessibility panel', 'ability'),
            'escToClose'        => __('Press Escape to close the accessibility panel', 'ability'),
            'announcePageLoad'  => __('Page loaded successfully', 'ability'),
            'keyboardNotice'    => __('Keyboard navigation enabled', 'ability'),
            'reportGeneration'  => __('Generating accessibility heuristic report', 'ability'),
            'dyslexiaFontUrl'   => $dyslexia_font_url,
            'toolVersion'       => $this->version,
            'presentationMode'  => $presentation_mode,
            'widgetPosition'       => $widget_position,
            'widgetPositionMobile' => $mobile_position,
        ];
        wp_localize_script('ability-widget', 'DWSAccessibilityL10n', $l10n);
        wp_localize_script('ability-widget', 'AbilityA11yL10n', $l10n);

        $this->inject_visibility_and_initial_state_scripts();
    }

    private function inject_visibility_and_initial_state_scripts() {
        if ($this->legacy_enabled()) return;
        $adv = get_option('ability_a11y_settings', []);
        $hidden = [];
        if (!empty($adv['show_controls'])) {
            foreach ($adv['show_controls'] as $id => $show) {
                if (!$show) $hidden[] = $id;
            }
        }
        $hideScript = '';
        if ($hidden) {
            $hideScript .= 'document.addEventListener("DOMContentLoaded",function(){';
            foreach ($hidden as $hid) {
                if ('font-size-controls' === $hid) {
                    $hideScript .= 'var g=document.getElementById("increase-font");if(g){var p=g.closest(".control-group");if(p)p.style.display="none";}';
                } else {
                    $hideScript .= 'var b=document.getElementById("'.esc_js($hid).'");if(b){var p=b.closest(".control-group");if(p)p.style.display="none";}';
                }
            }
            $hideScript .= '});';
        }

        $states_json = wp_json_encode($adv['default_states'] ?? []);
        $scale       = isset($adv['initial_font_scale']) ? esc_js($adv['initial_font_scale']) : '1.0';
        $initScript  = <<<JS
(function(){
 try {
   var stored = localStorage.getItem('dwsA11yStates');
   if (!stored) { localStorage.setItem('dwsA11yStates', JSON.stringify($states_json)); }
   var storedScale = localStorage.getItem('dwsA11yFontScale');
   if (!storedScale) {
     localStorage.setItem('dwsA11yFontScale', JSON.stringify($scale));
     document.body.style.fontSize = (parseFloat($scale)*100).toFixed(0)+"%";
   }
 } catch(e){}
})();
JS;
        if ($hideScript) {
            wp_add_inline_script('ability-widget', $hideScript, 'after');
        }
        wp_add_inline_script('ability-widget', $initScript, 'before');
    }

    public function output_inline_css() {
        if (is_admin()) return;
        if ($this->legacy_enabled()) return;
        $settings = class_exists('ABILITY\\Config') ? \ABILITY\Config::get_settings() : [];
        $enabled  = !empty($settings['widget_enabled']) || !empty($settings['frontend_widget_enabled']);
        if (!$enabled) return;

        $adv = get_option('ability_a11y_settings', []);
        ?>
        <style>
        /* Minimal inline helpers; main styles live in assets/css/frontend.css */
        .accessibility-panel[aria-hidden="false"] { display: block; }
        .accessibility-panel[role="dialog"] { max-height: 85vh; overflow-y: auto; }
        .skip-links a { position: absolute; left: -9999px; top: -9999px; }
        <?php
        if ('body_open' === ($adv['skip_links_position'] ?? 'body_open') && !empty($adv['hide_footer_skip_links'])) {
            echo '.skip-links:not(.skip-links-early){position:absolute;left:-9999px;top:-9999px;}';
        }
        ?>
        </style>
        <?php
    }

    public function add_structured_data() {
        if (is_admin()) return;
        if ($this->legacy_enabled()) return;

        $adv = get_option('ability_a11y_settings', []);
        if (empty($adv['enable_structured_data'])) return;
        if (!is_front_page()) return;

        // Keep default metadata factual and site-neutral. Accessibility/conformance
        // properties can be added by a site owner only after they have verified
        // those claims for the actual site.
        $data = [
            '@context'    => 'https://schema.org',
            '@type'       => 'WebSite',
            'name'        => get_bloginfo('name'),
            'description' => get_bloginfo('description'),
            'url'         => home_url(),
        ];
        $data = apply_filters('ability_accessibility_structured_data', $data);
        if (!is_array($data) || empty($data)) return;
        echo '<script type="application/ld+json">' .
            wp_json_encode($data, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) .
            '</script>' . "\n";
    }

    public function render_skip_links() {
        if (is_admin()) return;
        if ($this->legacy_enabled()) return;

        $adv = get_option('ability_a11y_settings', []);
        if ('footer' !== ($adv['skip_links_position'] ?? 'body_open')) return;

        $main_id   = !empty($adv['skip_link_main_id']) ? esc_attr($adv['skip_link_main_id']) : 'main-content';
        $nav_id    = !empty($adv['skip_link_nav_id']) ? esc_attr($adv['skip_link_nav_id']) : 'navigation';
        $footer_id = !empty($adv['skip_link_footer_id']) ? esc_attr($adv['skip_link_footer_id']) : 'footer';

        if (apply_filters('ability_accessibility_render_skip_links', true)) :
            ?>
            <nav class="skip-links" aria-label="<?php esc_attr_e('Skip links', 'ability'); ?>">
                <a href="#<?php echo $main_id; ?>" class="skip-link"><?php esc_html_e('Skip to main content', 'ability'); ?></a>
                <a href="#<?php echo $nav_id; ?>" class="skip-link"><?php esc_html_e('Skip to navigation', 'ability'); ?></a>
                <a href="#<?php echo $footer_id; ?>" class="skip-link"><?php esc_html_e('Skip to footer', 'ability'); ?></a>
            </nav>
            <?php
        endif;
    }

    public function add_plugin_page_template($templates) {
        $templates['accessibility-statement.php'] = __('Accessibility Statement', 'ability');
        return $templates;
    }

    public function load_plugin_page_template($template) {
        if (is_singular('page')) {
            $page_id = get_queried_object_id();
            $slug = get_page_template_slug($page_id);
            if ('accessibility-statement.php' === $slug) {
                $plugin_tpl = ABILITY_PATH . 'templates/accessibility-statement.php';
                if (file_exists($plugin_tpl)) return $plugin_tpl;
            }
        }
        return $template;
    }

    public function render_widget() {
        if (is_admin()) return;
        if ($this->legacy_enabled()) return;

        static $rendered = false;
        if ($rendered) return;
        $rendered = true;

        $settings = class_exists('ABILITY\\Config') ? \ABILITY\Config::get_settings() : [];
        $enabled  = !empty($settings['widget_enabled']) || !empty($settings['frontend_widget_enabled']);
        if (!$enabled) return;

        $adv = get_option('ability_a11y_settings', []);
        $widget_position = isset($adv['widget_position']) ? $adv['widget_position'] : 'top_right';
        $mobile_position = isset($adv['widget_position_mobile']) ? $adv['widget_position_mobile'] : 'bottom_right';
        $show_branding = isset($adv['panel_show_branding']) ? (bool) $adv['panel_show_branding'] : true;
        $custom_brand_text = isset($adv['panel_brand_text']) ? $adv['panel_brand_text'] : '';

        $statement_url = '';
        $page_id = (int) get_option('ability_a11y_statement_page_id', 0);
        if ($page_id && 'publish' === get_post_status($page_id)) {
            $permalink = get_permalink($page_id);
            if ($permalink) $statement_url = $permalink;
        }
        ?>
        <div class="dws-a11y-overlay" id="dws-a11y-overlay" data-a11y-overlay></div>
        <div id="accessibility-widget" class="accessibility-widget" role="region" aria-label="<?php esc_attr_e('Accessibility Controls', 'ability'); ?>" data-position="<?php echo esc_attr($widget_position); ?>" data-position-mobile="<?php echo esc_attr($mobile_position); ?>">
            <button id="accessibility-toggle" class="accessibility-toggle <?php echo esc_attr('pos-' . $widget_position); ?>" aria-expanded="false" aria-controls="accessibility-panel" aria-haspopup="dialog">
                <span class="sr-only"><?php esc_html_e('Accessibility Options', 'ability'); ?></span>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="58" height="58" aria-hidden="true" focusable="false">
                    <path fill="#ffffff" d="M64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM225.5 233.9C213.3 228.7 199.2 234.3 194 246.5C188.8 258.7 194.4 272.8 206.6 278L218.5 283.1C235.8 290.5 253.7 296 272.1 299.4L272.1 349.5C272.1 353.8 271.4 358.1 270 362.1L241.3 448.2C237.1 460.8 243.9 474.4 256.5 478.6C269.1 482.8 282.7 476 286.9 463.4L311.3 390.2C312.6 386.4 316.1 383.8 320.1 383.8C324.1 383.8 327.7 386.4 328.9 390.2L353.3 463.4C357.5 476 371.1 482.8 383.7 478.6C396.3 474.4 403 461 398.8 448.4L370.1 362.3C368.7 358.2 368 354 368 349.7L368 299.6C386.4 296.1 404.3 290.7 421.6 283.3L433.5 278.2C445.7 273 451.3 258.9 446.1 246.7C440.9 234.5 426.8 228.9 414.6 234.1L402.7 239C376.6 250.2 348.5 256 320 256C291.5 256 263.5 250.2 237.3 239L225.4 233.9zM320 224C342.1 224 360 206.1 360 184C360 161.9 342.1 144 320 144C297.9 144 280 161.9 280 184C280 206.1 297.9 224 320 224z"></path>
                </svg>
            </button>
            <div id="accessibility-panel" class="accessibility-panel" role="dialog" aria-modal="true" aria-labelledby="accessibility-title" aria-hidden="true" tabindex="-1">
                <div class="accessibility-header">
                    <?php if ($show_branding) : ?>
                    <div class="ability-panel-branding">
                        <img src="<?php echo esc_url(ABILITY_ICON_SIDEBAR_URL); ?>" alt="" class="ability-panel-logo" aria-hidden="true" />
                        <div class="ability-panel-brand-text">
                            <span class="ability-panel-name"><?php echo esc_html($custom_brand_text ?: 'ABILITY'); ?></span>
                            <span class="ability-panel-tagline"><?php esc_html_e('All-in-one Accessibility Plugin', 'ability'); ?></span>
                        </div>
                    </div>
                    <?php endif; ?>
                    <h2 id="accessibility-title"><?php esc_html_e('Accessibility Options', 'ability'); ?></h2>
                    <button type="button" class="close-panel" id="a11y-close-panel" aria-label="<?php esc_attr_e('Close accessibility panel', 'ability'); ?>">×</button>
                </div>
                <p class="a11y-disclaimer">
                    <?php esc_html_e('These tools assist with accessibility. Achieving full compliance also depends on accessible content authoring.', 'ability'); ?>
                </p>
                <div class="accessibility-controls" id="accessibility-controls" data-a11y-controls="">
                    <div class="control-group">
                        <label for="high-contrast-toggle"><?php esc_html_e('High Contrast Mode', 'ability'); ?></label>
                        <button id="high-contrast-toggle" type="button" class="toggle-button" aria-pressed="false" data-a11y-toggle="">
                            <span class="toggle-text"><?php esc_html_e('Off', 'ability'); ?></span>
                        </button>
                    </div>
                    <div class="control-group">
                        <label for="increase-font"><?php esc_html_e('Font Size', 'ability'); ?></label>
                        <div class="font-size-controls">
                            <button id="decrease-font" type="button" class="font-button" aria-label="<?php esc_attr_e('Decrease font size', 'ability'); ?>">A-</button>
                            <button id="reset-font" type="button" class="font-button" aria-label="<?php esc_attr_e('Reset font size', 'ability'); ?>">A</button>
                            <button id="increase-font" type="button" class="font-button" aria-label="<?php esc_attr_e('Increase font size', 'ability'); ?>">A+</button>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="line-spacing-toggle"><?php esc_html_e('Increased Line Spacing', 'ability'); ?></label>
                        <button id="line-spacing-toggle" type="button" class="toggle-button" aria-pressed="false" data-a11y-toggle="">
                            <span class="toggle-text"><?php esc_html_e('Off', 'ability'); ?></span>
                        </button>
                    </div>
                    <div class="control-group">
                        <label for="focus-indicators-toggle"><?php esc_html_e('Enhanced Focus Indicators', 'ability'); ?></label>
                        <button id="focus-indicators-toggle" type="button" class="toggle-button" aria-pressed="false" data-a11y-toggle="">
                            <span class="toggle-text"><?php esc_html_e('Off', 'ability'); ?></span>
                        </button>
                    </div>
                    <div class="control-group">
                        <label for="screen-reader-mode-toggle"><?php esc_html_e('Screen Reader Optimized Mode', 'ability'); ?></label>
                        <button id="screen-reader-mode-toggle" type="button" class="toggle-button" aria-pressed="true" data-a11y-toggle="">
                            <span class="toggle-text"><?php esc_html_e('On', 'ability'); ?></span>
                        </button>
                    </div>
                    <div class="control-group">
                        <label for="voice-navigation-toggle"><?php esc_html_e('Voice Read-Out', 'ability'); ?></label>
                        <button id="voice-navigation-toggle" type="button" class="toggle-button" aria-pressed="false" data-a11y-toggle="">
                            <span class="toggle-text"><?php esc_html_e('Off', 'ability'); ?></span>
                        </button>
                    </div>
                    <div class="control-group">
                        <label for="dyslexia-font-toggle"><?php esc_html_e('Dyslexia-Friendly Font', 'ability'); ?></label>
                        <button id="dyslexia-font-toggle" type="button" class="toggle-button" aria-pressed="false" data-a11y-toggle="">
                            <span class="toggle-text"><?php esc_html_e('Off', 'ability'); ?></span>
                        </button>
                    </div>
                    <div class="control-group">
                        <label for="reduce-motion-toggle"><?php esc_html_e('Reduce Motion', 'ability'); ?></label>
                        <button id="reduce-motion-toggle" type="button" class="toggle-button" aria-pressed="false" data-a11y-toggle="">
                            <span class="toggle-text"><?php esc_html_e('Off', 'ability'); ?></span>
                        </button>
                    </div>
                    <div class="control-group">
                        <label for="adhd-mode-toggle"><?php esc_html_e('Distraction-Free Mode (ADHD/ADD)', 'ability'); ?></label>
                        <button id="adhd-mode-toggle" type="button" class="toggle-button" aria-pressed="false" data-a11y-toggle="">
                            <span class="toggle-text"><?php esc_html_e('Off', 'ability'); ?></span>
                        </button>
                    </div>
                </div>
                <div class="accessibility-footer">
                    <button id="compliance-report" type="button" class="compliance-button">
                        <?php esc_html_e('Generate Accessibility Heuristic Report', 'ability'); ?>
                    </button>
                    <p class="compliance-info">
                        <?php esc_html_e('Heuristic tools only — always conduct full audits (manual + assistive tech).', 'ability'); ?>
                        <?php if ($statement_url) : ?>
                            <br>
                            <a href="<?php echo esc_url($statement_url); ?>" target="_blank" rel="noopener">
                                <?php esc_html_e('View accessibility statement', 'ability'); ?>
                            </a>
                        <?php endif; ?>
                    </p>
                    <p class="compliance-info">
                        <?php esc_html_e('ABILITY provides accessibility assistance and heuristic tools. These tools do not establish site-wide conformance.', 'ability'); ?>
                    </p>
                </div>
                <div id="screen-reader-announcements" class="sr-only" aria-live="polite" aria-atomic="true"></div>
            </div>
        </div>
        <?php
    }
}