<?php
/**
 * Plugin Name: Adjust Accessibility
 * Plugin URI:
 * Description: Adds front-end accessibility controls: brightness, saturation, font size, line height, letter spacing, dark/light mode, and highlight links/titles.
 * Version:     1.0.6
 * Author:      Techlogica
 * Author URI:  https://techlogica.com
 * License:     GPLv2 or later
 * Text Domain: adjust-accessibility
 */

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

register_activation_hook( __FILE__, [ 'Adjst_Acsiblty', 'activate' ] );

class Adjst_Acsiblty {

    private static $rendered = false;

    public function __construct() {
        add_action( 'init',                    [ $this, 'load_textdomain' ] );
        add_action( 'wp_enqueue_scripts',      [ $this, 'adjst_acsiblty_enqueue_styles' ] );
        add_action( 'wp_enqueue_scripts',      [ $this, 'adjst_acsiblty_enqueue_assets' ] );

        // Render in footer (most themes) + body open (some builders/themes)
        add_action( 'wp_body_open',            [ $this, 'adjst_acsiblty_render_panel' ] );
        add_action( 'wp_footer',               [ $this, 'adjst_acsiblty_render_panel' ] );

        add_action( 'admin_menu',              [ $this, 'add_admin_menu' ] );
        add_action( 'admin_init',              [ $this, 'adjst_acsiblty_register_settings' ] );
        add_action( 'admin_enqueue_scripts',   [ $this, 'enqueue_color_picker_assets' ] );
        add_action( 'admin_enqueue_scripts',   [ $this, 'adjst_acsiblty_enqueue_admin_styles' ] );
    }

    public static function activate() {
        if ( get_option( 'adjst_acsiblty_primary_color' ) === false ) {
            add_option( 'adjst_acsiblty_primary_color', '#0073aa' );
        }
        if ( get_option( 'adjst_acsiblty_enabled_features' ) === false ) {
            add_option( 'adjst_acsiblty_enabled_features', [ 'brightness' ] );
        }
        if ( get_option( 'adjst_acsiblty_settings' ) === false ) {
            add_option( 'adjst_acsiblty_settings', [ 'desktop_enabled' => 1, 'mobile_enabled' => 1 ] );
        }
    }

    public function load_textdomain() {
        load_plugin_textdomain(
            'adjust-accessibility',
            false,
            dirname( plugin_basename( __FILE__ ) ) . '/languages/'
        );
    }

    public function enqueue_color_picker_assets( $hook_suffix ) {
        if ( $hook_suffix !== 'toplevel_page_adjst_acsiblty_settings' ) {
            return;
        }
        wp_enqueue_style( 'wp-color-picker' );
        wp_enqueue_script( 'wp-color-picker' );
        wp_enqueue_script(
            'adjst_acsiblty_color_picker_init',
            plugin_dir_url( __FILE__ ) . 'assets/js/color-picker-init.js',
            [ 'jquery', 'wp-color-picker' ],
            '1.0.0',
            true
        );
    }

    public function adjst_acsiblty_enqueue_admin_styles() {
        wp_enqueue_style(
            'adjst_acsiblty_admin',
            plugin_dir_url( __FILE__ ) . 'assets/css/admin.css',
            [],
            '1.0.0'
        );
    }

    public function adjst_acsiblty_enqueue_styles() {
        $css_file = plugin_dir_path(__FILE__) . 'assets/css/accessibility.tailwind.css';

        wp_enqueue_style(
            'adjst_acsiblty_front',
            plugin_dir_url(__FILE__) . 'assets/css/accessibility.tailwind.css',
            [],
            file_exists( $css_file ) ? filemtime( $css_file ) : '1.0.0'
        );

        $primary = get_option( 'adjst_acsiblty_primary_color', '#0073aa' );
        wp_add_inline_style(
            'adjst_acsiblty_front',
            ":root { --aa-primary-color: " . esc_attr( $primary ) . "; }"
        );
    }

    public function adjst_acsiblty_enqueue_assets() {
        wp_enqueue_style(
            'adjst_acsiblty_fontawesome',
            plugin_dir_url( __FILE__ ) . 'assets/css/fontawesome.min.css',
            [],
            '6.4.0'
        );

        wp_enqueue_script(
            'adjst_acsiblty_script',
            plugin_dir_url( __FILE__ ) . 'assets/js/accessibility.js',
            [ 'jquery' ],
            '1.1.1',
            true
        );

        $enabled = get_option( 'adjst_acsiblty_enabled_features', [ 'brightness' ] );
        $opts    = get_option(
            'adjst_acsiblty_settings',
            [ 'desktop_enabled' => 1, 'mobile_enabled' => 1 ]
        );

        wp_localize_script(
            'adjst_acsiblty_script',
            'adjstAcsibltySettings',
            [
                'enabledFeatures' => $enabled,
                'desktopEnabled'  => ! empty( $opts['desktop_enabled'] ),
                'mobileEnabled'   => ! empty( $opts['mobile_enabled'] ),
            ]
        );
    }

    public function adjst_acsiblty_render_panel() {

        // Prevent double output (because we hook wp_body_open + wp_footer)
        if ( self::$rendered ) {
            return;
        }
        self::$rendered = true;

        $opts = get_option(
            'adjst_acsiblty_settings',
            [ 'desktop_enabled' => 1, 'mobile_enabled' => 1 ]
        );

        if ( wp_is_mobile() && empty( $opts['mobile_enabled'] ) ) return;
        if ( ! wp_is_mobile() && empty( $opts['desktop_enabled'] ) ) return;

        $enabled = get_option( 'adjst_acsiblty_enabled_features', [ 'brightness' ] );

        $desktop = get_option( 'adjst_acsiblty_panel_position', 'bottom-right' );
        $mobile  = get_option( 'adjst_acsiblty_mobile_panel_position', 'bottom-left' );
        $pos     = wp_is_mobile() ? $mobile : $desktop;
        ?>
        <div class="aa-wrap">
            <div id="aa-panel" class="aa-panel aa-pos-<?php echo esc_attr( $pos ); ?>">
                <button id="aa-toggle" class="aa-toggle" type="button" aria-label="Accessibility">
                    <img src="<?php echo esc_url( plugin_dir_url( __FILE__ ) . 'assets/img/accessibility.png' ); ?>" alt="">
                </button>
            </div>

            <div id="aa-panel-main" class="aa-panel-main aa-pos-<?php echo esc_attr( $pos ); ?>">
                <div class="aa-header">
                    <div class="aa-header-lt">
                        <h3><?php esc_html_e( 'Accessibility', 'adjust-accessibility' ); ?></h3>
                    </div>
                    <div class="aa-header-rt">
                        <button id="aa-clear" class="aa-clear" type="button" aria-label="<?php esc_attr_e( 'Clear', 'adjust-accessibility' ); ?>">&#8635;</button>
                        <button id="aa-close" class="aa-close" type="button" aria-label="<?php esc_attr_e( 'Close', 'adjust-accessibility' ); ?>">&#10799;</button>
                    </div>
                </div>

                <div id="aa-controls" class="aa-controls">
                    <?php if ( in_array( 'brightness', $enabled, true ) ) : ?>
                        <label>
                            <i class="fas fa-adjust"></i>
                            <?php esc_html_e( 'Brightness:', 'adjust-accessibility' ); ?>
                            <input type="range" id="aa-brightness" min="50" max="150" value="100">
                        </label>

                        <label>
                            <i class="fa-solid fa-droplet"></i>
                            <?php esc_html_e( 'Saturation:', 'adjust-accessibility' ); ?>
                            <input type="range" id="aa-saturation" min="0" max="200" value="100">
                        </label>

                        <label>
                            <i class="fa-solid fa-sun"></i>
                            <?php esc_html_e( 'Contrast:', 'adjust-accessibility' ); ?>
                            <input type="range" id="aa-contrast" min="0" max="200" value="100">
                        </label>
                    <?php endif; ?>

                    <?php if ( in_array( 'font_size', $enabled, true ) ) : ?>
                        <label>
                            <i class="fa-solid fa-font"></i>
                            <?php esc_html_e( 'Font Size:', 'adjust-accessibility' ); ?>
                            <input type="range" id="aa-font-size" min="50" max="200" value="100" step="1">
                        </label>
                    <?php endif; ?>

                    <?php if ( in_array( 'line_height', $enabled, true ) ) : ?>
                        <label>
                            <i class="fa-solid fa-text-height"></i>
                            <?php esc_html_e( 'Line Height:', 'adjust-accessibility' ); ?>
                            <input type="range" id="aa-line-height" min="50" max="200" value="100" step="1">
                        </label>
                    <?php endif; ?>

                    <?php if ( in_array( 'letter_spacing', $enabled, true ) ) : ?>
                        <label>
                            <i class="fa-solid fa-arrows-left-right-to-line"></i>
                            <?php esc_html_e( 'Letter Spacing:', 'adjust-accessibility' ); ?>
                            <input type="range" id="aa-letter-spacing" min="0" max="5" value="0" step="0.1">
                        </label>
                    <?php endif; ?>

                    <?php if ( in_array( 'dark_light_mode', $enabled, true ) ) : ?>
                        <button id="aa-darkmode" class="aa-btn" type="button">
                            <i class="fa-solid fa-moon"></i>
                            <?php esc_html_e( 'Dark Mode', 'adjust-accessibility' ); ?>
                        </button>

                        <button id="aa-lightmode" class="aa-btn" type="button">
                            <i class="fa-solid fa-sun"></i>
                            <?php esc_html_e( 'Light Mode', 'adjust-accessibility' ); ?>
                        </button>
                    <?php endif; ?>

                    <?php if ( in_array( 'highlight_links', $enabled, true ) ) : ?>
                        <button id="aa-highlight-links" class="aa-btn" type="button">
                            <i class="fa-solid fa-link"></i>
                            <?php esc_html_e( 'Highlight Links', 'adjust-accessibility' ); ?>
                        </button>
                    <?php endif; ?>

                    <?php if ( in_array( 'highlight_titles', $enabled, true ) ) : ?>
                        <button id="aa-highlight-titles" class="aa-btn" type="button">
                            <i class="fa-solid fa-wand-magic-sparkles"></i>
                            <?php esc_html_e( 'Highlight Titles', 'adjust-accessibility' ); ?>
                        </button>
                    <?php endif; ?>
                </div>
            </div>
        </div>
        <?php
    }

    public function add_admin_menu() {
        // add_menu_page(
        //     __( 'Accessibility', 'adjust-accessibility' ),
        //     __( 'Accessibility', 'adjust-accessibility' ),
        //     'manage_options',
        //     'adjst_acsiblty_settings',
        //     [ $this, 'settings_page' ],
        //     plugins_url( 'assets/img/wp-images.png', __FILE__ ), // (your zip has wp-image.png)
        //     80
        // );

        add_menu_page(
            __( 'Accessibility', 'adjust-accessibility' ),
            __( 'Accessibility', 'adjust-accessibility' ),
            'manage_options',
            'adjst_acsiblty_settings',
            [ $this, 'settings_page' ],
            'dashicons-universal-access',
            80
        );
    }

    public function adjst_acsiblty_register_settings() {
        register_setting(
            'adjst_acsiblty_settings_group',
            'adjst_acsiblty_settings',
            [ $this, 'adjst_acsiblty_sanitize_settings' ]
        );

        add_settings_section(
            'adjst_acsiblty_main_section',
            __( 'Device Visibility', 'adjust-accessibility' ),
            '__return_false',
            'adjst_acsiblty_settings'
        );

        add_settings_field(
            'desktop_enabled',
            __( 'Enable on Desktop', 'adjust-accessibility' ),
            [ $this, 'field_checkbox_cb' ],
            'adjst_acsiblty_settings',
            'adjst_acsiblty_main_section',
            [ 'label_for' => 'desktop_enabled' ]
        );

        add_settings_field(
            'mobile_enabled',
            __( 'Enable on Mobile', 'adjust-accessibility' ),
            [ $this, 'field_checkbox_cb' ],
            'adjst_acsiblty_settings',
            'adjst_acsiblty_main_section',
            [ 'label_for' => 'mobile_enabled' ]
        );

        register_setting(
            'adjst_acsiblty_settings_group',
            'adjst_acsiblty_primary_color',
            [ 'sanitize_callback' => 'sanitize_hex_color', 'default' => '#0073aa' ]
        );

        add_settings_section(
            'adjst_acsiblty_style_section',
            __( 'Appearance', 'adjust-accessibility' ),
            function () {
                echo '<p>' . esc_html__( 'Pick your panel’s primary color:', 'adjust-accessibility' ) . '</p>';
            },
            'adjst_acsiblty_settings'
        );

        add_settings_field(
            'adjst_acsiblty_primary_color',
            __( 'Primary Color', 'adjust-accessibility' ),
            [ $this, 'adjst_acsiblty_color_picker_field_cb' ],
            'adjst_acsiblty_settings',
            'adjst_acsiblty_style_section',
            [ 'label_for' => 'adjst_acsiblty_primary_color' ]
        );

        register_setting(
            'adjst_acsiblty_settings_group',
            'adjst_acsiblty_enabled_features',
            [ 'sanitize_callback' => [ $this, 'adjst_acsiblty_sanitize_features' ], 'default' => [ 'brightness' ] ]
        );

        add_settings_section(
            'adjst_acsiblty_features_section',
            __( 'Front-end Features', 'adjust-accessibility' ),
            function () {
                echo '<p>' . esc_html__( 'Select which controls show up on the front end:', 'adjust-accessibility' ) . '</p>';
            },
            'adjst_acsiblty_settings'
        );

        register_setting(
            'adjst_acsiblty_settings_group',
            'adjst_acsiblty_panel_position',
            [ 'sanitize_callback' => [ $this, 'adjst_acsiblty_sanitize_panel_position' ], 'default' => 'bottom-right' ]
        );

        add_settings_field(
            'adjst_acsiblty_panel_position',
            __( 'Panel Position for Desktop', 'adjust-accessibility' ),
            [ $this, 'adjst_acsiblty_panel_position_field_cb' ],
            'adjst_acsiblty_settings',
            'adjst_acsiblty_style_section',
            [ 'label_for' => 'adjst_acsiblty_panel_position' ]
        );

        register_setting(
            'adjst_acsiblty_settings_group',
            'adjst_acsiblty_mobile_panel_position',
            [ 'sanitize_callback' => [ $this, 'adjst_acsiblty_sanitize_panel_position' ], 'default' => 'bottom-left' ]
        );

        add_settings_field(
            'adjst_acsiblty_mobile_panel_position',
            __( 'Panel Position for Mobile', 'adjust-accessibility' ),
            [ $this, 'adjst_acsiblty_panel_position_field_cb' ],
            'adjst_acsiblty_settings',
            'adjst_acsiblty_style_section',
            [ 'label_for' => 'adjst_acsiblty_mobile_panel_position' ]
        );

        $features = [
            'brightness'       => 'Brightness / Saturation / Contrast',
            'font_size'        => 'Font Size',
            'line_height'      => 'Line Height',
            'letter_spacing'   => 'Letter Spacing',
            'dark_light_mode'  => 'Dark / Light Mode',
            'highlight_links'  => 'Highlight Links',
            'highlight_titles' => 'Highlight Titles',
        ];

        foreach ( $features as $key => $label ) {
            add_settings_field(
                'adjst_acsiblty_feat_' . $key,
                esc_html( $label ),
                [ $this, 'feature_checkbox_cb' ],
                'adjst_acsiblty_settings',
                'adjst_acsiblty_features_section',
                [ 'feature_key' => $key ]
            );
        }
    }

    public function adjst_acsiblty_color_picker_field_cb( $args ) {
        $color = get_option( 'adjst_acsiblty_primary_color', '#0073aa' );
        printf(
            '<input type="text" id="%1$s" name="adjst_acsiblty_primary_color" value="%2$s" class="wp-color-picker-field" data-default-color="#0073aa" />',
            esc_attr( $args['label_for'] ),
            esc_attr( $color )
        );
    }

    public function adjst_acsiblty_sanitize_settings( $input ) {
        return [
            'desktop_enabled' => ! empty( $input['desktop_enabled'] ) ? 1 : 0,
            'mobile_enabled'  => ! empty( $input['mobile_enabled'] ) ? 1 : 0,
        ];
    }

    public function adjst_acsiblty_sanitize_panel_position( $input ) {
        $allowed = [ 'center-right', 'center-left', 'bottom-right', 'bottom-left' ];
        return in_array( $input, $allowed, true ) ? $input : 'bottom-right';
    }

    public function field_checkbox_cb( $args ) {
        $opts = get_option( 'adjst_acsiblty_settings', [ 'desktop_enabled' => 1, 'mobile_enabled' => 1 ] );
        $id = $args['label_for'];
        $checked = ! empty( $opts[ $id ] ) ? 'checked' : '';
        printf(
            '<input type="checkbox" id="%1$s" name="adjst_acsiblty_settings[%1$s]" value="1" %2$s />',
            esc_attr( $id ),
            esc_attr( $checked )
        );
    }

    public function adjst_acsiblty_sanitize_features( $input ) {
        $allowed = [ 'brightness','font_size','line_height','letter_spacing','dark_light_mode','highlight_links','highlight_titles' ];
        $vals = array_intersect( $allowed, (array) $input );
        if ( empty( $vals ) ) $vals = [ 'brightness' ];
        return array_values( $vals );
    }

    public function feature_checkbox_cb( $args ) {
        $opts = get_option( 'adjst_acsiblty_enabled_features', [ 'brightness' ] );
        $key = $args['feature_key'];
        $id = 'adjst_acsiblty_feat_' . $key;
        $checked = in_array( $key, $opts, true ) ? 'checked="checked"' : '';
        printf(
            '<input type="checkbox" id="%1$s" name="adjst_acsiblty_enabled_features[]" value="%2$s" %3$s />',
            esc_attr( $id ),
            esc_attr( $key ),
            $checked
        );
    }

    public function adjst_acsiblty_panel_position_field_cb( $args ) {
        $option_key = $args['label_for'];
        $current = get_option( $option_key, 'bottom-right' );

        $options = [
            'center-right' => __( 'Center Right', 'adjust-accessibility' ),
            'center-left'  => __( 'Center Left', 'adjust-accessibility' ),
            'bottom-right' => __( 'Bottom Right', 'adjust-accessibility' ),
            'bottom-left'  => __( 'Bottom Left', 'adjust-accessibility' ),
        ];

        printf( '<select id="%1$s" name="%1$s">', esc_attr( $option_key ) );
        foreach ( $options as $value => $label ) {
            printf(
                '<option value="%1$s"%3$s>%2$s</option>',
                esc_attr( $value ),
                esc_html( $label ),
                selected( $current, $value, false )
            );
        }
        echo '</select>';
    }

    public function settings_page() {
        ?>
        <div class="wrap">
            <h1><?php esc_html_e( 'Adjust Accessibility Settings', 'adjust-accessibility' ); ?></h1>
            <form method="post" action="options.php">
                <?php
                settings_fields( 'adjst_acsiblty_settings_group' );
                do_settings_sections( 'adjst_acsiblty_settings' );
                submit_button();
                ?>
            </form>
        </div>
        <?php
    }
}

new Adjst_Acsiblty();