<?php
/**
 * Ston Motion admin: menu, widget manager, settings and help.
 *
 * @package Ston_Motion
 */

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

final class Ston_Motion_Admin {

    const OPTION = 'ston_motion_settings';
    const SLUG   = 'ston-motion';
    const CAP    = 'manage_options';

    /** @var string */
    private static $hook = '';

    public static function init() {
        add_action( 'admin_menu', [ __CLASS__, 'menu' ] );
        add_action( 'admin_enqueue_scripts', [ __CLASS__, 'assets' ] );
        add_action( 'admin_post_ston_motion_save', [ __CLASS__, 'save' ] );
        add_filter( 'plugin_action_links_' . plugin_basename( STON_MOTION_FILE ), [ __CLASS__, 'action_links' ] );
    }

    /* ------------------------------------------------------------------
     * Settings
     * ---------------------------------------------------------------- */

    public static function defaults() {
        return [
            'disabled_widgets' => [],    // Widget slugs that are not registered.
            'smooth_scroll'    => '1',   // Lenis smooth scrolling on pages that use a Ston Motion widget.
            'smooth_duration'  => '1.2', // Seconds.
            'scroll_refresh'   => '1',   // Pro: re-measure scroll animations when the page height changes.
        ];
    }

    public static function get( $key = null ) {
        static $settings = null;
        if ( null === $settings ) {
            $saved    = get_option( self::OPTION, [] );
            $settings = wp_parse_args( is_array( $saved ) ? $saved : [], self::defaults() );
            $settings['disabled_widgets'] = array_values( array_filter( (array) $settings['disabled_widgets'], 'is_string' ) );
        }
        return null === $key ? $settings : ( isset( $settings[ $key ] ) ? $settings[ $key ] : null );
    }

    public static function is_widget_enabled( $slug ) {
        return ! in_array( $slug, self::get( 'disabled_widgets' ), true );
    }

    /**
     * Widget catalogue: slug => [ title, description, icon URL ].
     *
     * @return array
     */
    public static function widgets() {
        $icons   = STON_MOTION_URL . 'assets/icons/';
        $widgets = [
            'split-text'      => [ __( 'Split Text Reveal', 'ston-motion' ), __( 'Reveal text by character, word or line as it scrolls into view.', 'ston-motion' ), $icons . 'split-text.svg' ],
            'marquee'         => [ __( 'Marquee', 'ston-motion' ), __( 'Seamless infinite ticker for logos, text or images.', 'ston-motion' ), $icons . 'marquee.svg' ],
            'counter'         => [ __( 'Scroll Counter', 'ston-motion' ), __( 'Count a number up on view or scrub it with scroll.', 'ston-motion' ), $icons . 'counter.svg' ],
            'magnetic-button' => [ __( 'Magnetic Button', 'ston-motion' ), __( 'A button that pulls toward the cursor.', 'ston-motion' ), $icons . 'magnetic-button.svg' ],
            'custom-cursor'   => [ __( 'Custom Cursor', 'ston-motion' ), __( 'Replace the cursor with a dot or icon, site-wide.', 'ston-motion' ), $icons . 'custom-cursor.svg' ],
            'pulse-badge'     => [ __( 'Pulse Badge', 'ston-motion' ), __( 'A label with a pulsing dot: eyebrows, status and live tags.', 'ston-motion' ), $icons . 'pulse-badge.svg' ],
            'text-rotator'    => [ __( 'Text Rotator', 'ston-motion' ), __( 'A headline whose last words cycle through a list.', 'ston-motion' ), $icons . 'text-rotator.svg' ],
            'tag-pills'       => [ __( 'Tag Pills', 'ston-motion' ), __( 'A row of outlined tags with hover and staggered entrance.', 'ston-motion' ), $icons . 'tag-pills.svg' ],
            'connection-flow' => [ __( 'Connection Flow', 'ston-motion' ), __( 'Two nodes joined by a line with a travelling dot.', 'ston-motion' ), $icons . 'connection-flow.svg' ],
            'status-list'     => [ __( 'Status List', 'ston-motion' ), __( 'Cards with an icon, a title and a status badge.', 'ston-motion' ), $icons . 'status-list.svg' ],
            'ripple-button'   => [ __( 'Ripple Button', 'ston-motion' ), __( 'A round icon button with spreading rings.', 'ston-motion' ), $icons . 'ripple-button.svg' ],
            'lock-preview'    => [ __( 'Page Mockup', 'ston-motion' ), __( 'A browser window with page blocks, tags and a cursor that moves, edits or clicks them.', 'ston-motion' ), $icons . 'lock-preview.svg' ],
        ];

        /**
         * Filters the widget list on Ston Motion → Widgets.
         *
         * @param array $widgets slug => [ title, description, icon URL ].
         */
        return (array) apply_filters( 'ston_motion/admin_widgets', $widgets );
    }

    /** Whether an add-on extends Ston Motion (it then shows its own panels instead of the Pro info). */
    private static function has_addon() {
        return (bool) has_action( 'ston_motion/admin_help' );
    }

    /* ------------------------------------------------------------------
     * Menu
     * ---------------------------------------------------------------- */

    /** Menu icon: the Ston Motion mark, recoloured by WordPress to match the admin colour scheme. */
    private static function menu_icon() {
        $svg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="black" d="M10 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 2a6.5 6.5 0 0 1 6.3 4.9H3.7A6.5 6.5 0 0 1 10 3.5Zm-6.4 6.9h12.8a6.5 6.5 0 0 1-.6 2H4.2a6.5 6.5 0 0 1-.6-2Zm1.8 4h9.2A6.5 6.5 0 0 1 10 16.5a6.5 6.5 0 0 1-4.6-2.1Z"/><circle fill="black" cx="10" cy="11.4" r="1.6"/></svg>';
        return 'data:image/svg+xml;base64,' . base64_encode( $svg ); // phpcs:ignore WordPress.PHP.DiscouragedPHPFunctions.obfuscation_base64_encode
    }

    public static function menu() {
        self::$hook = add_menu_page(
            __( 'Ston Motion', 'ston-motion' ),
            __( 'Ston Motion', 'ston-motion' ),
            self::CAP,
            self::SLUG,
            [ __CLASS__, 'render' ],
            self::menu_icon(),
            58.7
        );
        add_submenu_page( self::SLUG, __( 'Widgets', 'ston-motion' ), __( 'Widgets', 'ston-motion' ), self::CAP, self::SLUG, [ __CLASS__, 'render' ] );
        add_submenu_page( self::SLUG, __( 'Settings', 'ston-motion' ), __( 'Settings', 'ston-motion' ), self::CAP, self::SLUG . '&tab=settings', '__return_null' );
        add_submenu_page( self::SLUG, __( 'Help', 'ston-motion' ), __( 'Help', 'ston-motion' ), self::CAP, self::SLUG . '&tab=help', '__return_null' );
    }

    public static function action_links( $links ) {
        array_unshift( $links, '<a href="' . esc_url( admin_url( 'admin.php?page=' . self::SLUG ) ) . '">' . esc_html__( 'Settings', 'ston-motion' ) . '</a>' );
        return $links;
    }

    public static function assets( $hook ) {
        if ( $hook !== self::$hook ) return;
        wp_enqueue_style( 'ston-motion-admin', STON_MOTION_URL . 'assets/css/admin.css', [], STON_MOTION_VERSION );
    }

    /* ------------------------------------------------------------------
     * Save
     * ---------------------------------------------------------------- */

    public static function save() {
        if ( ! current_user_can( self::CAP ) ) {
            wp_die( esc_html__( 'You are not allowed to change these settings.', 'ston-motion' ), 403 );
        }
        check_admin_referer( 'ston_motion_save' );

        $tab      = isset( $_POST['tab'] ) ? sanitize_key( wp_unslash( $_POST['tab'] ) ) : 'widgets';
        $settings = self::get();

        if ( 'widgets' === $tab ) {
            $enabled  = isset( $_POST['enabled'] ) ? array_map( 'sanitize_key', (array) wp_unslash( $_POST['enabled'] ) ) : [];
            $listed   = array_keys( self::widgets() );
            // Widgets not listed right now (e.g. an add-on is off) keep their saved state.
            $kept     = array_diff( $settings['disabled_widgets'], $listed );
            $settings['disabled_widgets'] = array_values( array_merge( $kept, array_diff( $listed, $enabled ) ) );
        } elseif ( 'settings' === $tab ) {
            $settings['smooth_scroll']   = empty( $_POST['smooth_scroll'] ) ? '0' : '1';
            $duration                    = isset( $_POST['smooth_duration'] ) ? (float) sanitize_text_field( wp_unslash( $_POST['smooth_duration'] ) ) : 1.2;
            $settings['smooth_duration'] = (string) max( 0.3, min( 3, $duration ) );

            /**
             * Filters the Settings tab values before they are saved (the nonce is already checked).
             * Add-ons use it to save the rows they add with `ston_motion/settings_rows`.
             *
             * @param array $settings All Ston Motion settings.
             */
            $settings = (array) apply_filters( 'ston_motion/save_settings', $settings );
        }

        update_option( self::OPTION, $settings );

        // Elementor caches widget lists and generated CSS.
        if ( class_exists( '\Elementor\Plugin' ) && isset( \Elementor\Plugin::$instance->files_manager ) ) {
            \Elementor\Plugin::$instance->files_manager->clear_cache();
        }

        wp_safe_redirect( add_query_arg( [ 'page' => self::SLUG, 'tab' => $tab, 'updated' => '1' ], admin_url( 'admin.php' ) ) );
        exit;
    }

    /* ------------------------------------------------------------------
     * Page
     * ---------------------------------------------------------------- */

    public static function render() {
        $tab  = isset( $_GET['tab'] ) ? sanitize_key( wp_unslash( $_GET['tab'] ) ) : 'widgets'; // phpcs:ignore WordPress.Security.NonceVerification.Recommended
        $tabs = [
            'widgets'  => __( 'Widgets', 'ston-motion' ),
            'settings' => __( 'Settings', 'ston-motion' ),
            'help'     => __( 'Help', 'ston-motion' ),
        ];
        $tab = isset( $tabs[ $tab ] ) ? $tab : 'widgets';
        ?>
        <div class="wrap ston-motion-admin">
            <header class="smo-header">
                <div class="smo-brand">
                    <img src="<?php echo esc_url( STON_MOTION_URL . 'assets/icons/marquee.svg' ); ?>" alt="" width="40" height="40">
                    <div>
                        <h1><?php esc_html_e( 'Ston Motion', 'ston-motion' ); ?> <span class="smo-version">v<?php echo esc_html( STON_MOTION_VERSION ); ?></span></h1>
                        <p><?php esc_html_e( 'Motion widgets for Elementor — zero code.', 'ston-motion' ); ?></p>
                    </div>
                </div>
                <?php
                /**
                 * Fires at the right of the Ston Motion page header (add-ons show their plan here).
                 */
                do_action( 'ston_motion/admin_header' );
                ?>
            </header>
            <hr class="wp-header-end">

            <nav class="nav-tab-wrapper">
                <?php foreach ( $tabs as $key => $label ) : ?>
                    <a class="nav-tab<?php echo $key === $tab ? ' nav-tab-active' : ''; ?>" href="<?php echo esc_url( admin_url( 'admin.php?page=' . self::SLUG . '&tab=' . $key ) ); ?>"><?php echo esc_html( $label ); ?></a>
                <?php endforeach; ?>
            </nav>

            <?php if ( isset( $_GET['updated'] ) ) : // phpcs:ignore WordPress.Security.NonceVerification.Recommended ?>
                <div class="notice notice-success is-dismissible"><p><?php esc_html_e( 'Settings saved.', 'ston-motion' ); ?></p></div>
            <?php endif; ?>

            <?php
            if ( 'settings' === $tab ) {
                self::tab_settings();
            } elseif ( 'help' === $tab ) {
                self::tab_help();
            } else {
                self::tab_widgets();
            }
            ?>
        </div>
        <?php
    }

    private static function form_open( $tab ) {
        echo '<form method="post" action="' . esc_url( admin_url( 'admin-post.php' ) ) . '">';
        echo '<input type="hidden" name="action" value="ston_motion_save">';
        echo '<input type="hidden" name="tab" value="' . esc_attr( $tab ) . '">';
        wp_nonce_field( 'ston_motion_save' );
    }

    private static function tab_widgets() {
        self::form_open( 'widgets' );
        ?>
        <p class="smo-intro"><?php esc_html_e( 'Turn off widgets you do not use: they disappear from the Elementor panel and none of their files load.', 'ston-motion' ); ?></p>
        <div class="smo-grid">
            <?php foreach ( self::widgets() as $slug => $w ) : ?>
                <label class="smo-card<?php echo self::is_widget_enabled( $slug ) ? '' : ' is-off'; ?>">
                    <img class="smo-card__icon" src="<?php echo esc_url( $w[2] ); ?>" alt="" width="44" height="44">
                    <span class="smo-card__body">
                        <strong><?php echo esc_html( $w[0] ); ?></strong>
                        <span><?php echo esc_html( $w[1] ); ?></span>
                    </span>
                    <span class="smo-switch">
                        <input type="checkbox" name="enabled[]" value="<?php echo esc_attr( $slug ); ?>" <?php checked( self::is_widget_enabled( $slug ) ); ?> onchange="this.closest('.smo-card').classList.toggle('is-off',!this.checked)">
                        <span class="smo-switch__ui" aria-hidden="true"></span>
                        <span class="screen-reader-text"><?php echo esc_html( sprintf( /* translators: %s: widget name */ __( 'Enable %s', 'ston-motion' ), $w[0] ) ); ?></span>
                    </span>
                </label>
            <?php endforeach; ?>
        </div>
        <?php submit_button( __( 'Save widgets', 'ston-motion' ) ); ?>
        </form>
        <?php
    }

    private static function tab_settings() {
        $s = self::get();
        self::form_open( 'settings' );
        ?>
        <table class="form-table" role="presentation">
            <tr>
                <th scope="row"><?php esc_html_e( 'Smooth scrolling', 'ston-motion' ); ?></th>
                <td>
                    <label><input type="checkbox" name="smooth_scroll" value="1" <?php checked( $s['smooth_scroll'], '1' ); ?>> <?php esc_html_e( 'Use Lenis smooth scrolling on pages with a Ston Motion widget', 'ston-motion' ); ?></label>
                    <p class="description"><?php esc_html_e( 'Turn off if your theme or another plugin already smooths scrolling. Scroll animations keep working either way.', 'ston-motion' ); ?></p>
                </td>
            </tr>
            <tr>
                <th scope="row"><label for="smo-duration"><?php esc_html_e( 'Smoothness', 'ston-motion' ); ?></label></th>
                <td>
                    <input id="smo-duration" type="number" min="0.3" max="3" step="0.1" name="smooth_duration" value="<?php echo esc_attr( $s['smooth_duration'] ); ?>" class="small-text"> <?php esc_html_e( 'seconds', 'ston-motion' ); ?>
                    <p class="description"><?php esc_html_e( 'How long the page glides after a wheel turn. 1.2 is a good default.', 'ston-motion' ); ?></p>
                </td>
            </tr>
            <?php
            /**
             * Lets add-ons print extra rows (<tr>) in the Settings table.
             *
             * @param array $s Current settings.
             */
            do_action( 'ston_motion/settings_rows', $s );
            ?>
            <tr>
                <th scope="row"><?php esc_html_e( 'Accessibility', 'ston-motion' ); ?></th>
                <td>
                    <p class="description" style="margin-top:0"><?php esc_html_e( 'Always on: visitors whose system asks for reduced motion get static versions — text and numbers appear at once and marquees stand still.', 'ston-motion' ); ?></p>
                </td>
            </tr>
        </table>
        <?php submit_button(); ?>
        </form>
        <?php
    }

    private static function tab_help() {
        ?>
        <div class="smo-help">
            <?php
            /**
             * Fires at the top of the Help tab (add-ons show their license panel here).
             */
            do_action( 'ston_motion/admin_help' );
            ?>
            <section class="smo-panel">
                <h2><?php esc_html_e( 'Getting started', 'ston-motion' ); ?></h2>
                <ol>
                    <li><?php esc_html_e( 'Open a page with Elementor.', 'ston-motion' ); ?></li>
                    <li><?php esc_html_e( 'Find the widgets in the “Ston Motion” category, or search for them by name.', 'ston-motion' ); ?></li>
                    <li><?php esc_html_e( 'Animations run on the live page; use Preview to see them.', 'ston-motion' ); ?></li>
                </ol>
            </section>
            <section class="smo-panel">
                <h2><?php esc_html_e( 'Troubleshooting', 'ston-motion' ); ?></h2>
                <ul>
                    <li><?php esc_html_e( 'Animations do not run after enabling a cache/optimisation plugin: exclude the ston-motion scripts from “combine” and “delay JavaScript”.', 'ston-motion' ); ?></li>
                    <li><?php esc_html_e( 'Two smooth-scroll libraries fight: turn off Smooth scrolling in Settings.', 'ston-motion' ); ?></li>
                </ul>
                <p><a href="https://www.ston.ae/our-product/ston-motion-plugin/" target="_blank" rel="noopener"><?php esc_html_e( 'Widget demos and documentation', 'ston-motion' ); ?> →</a></p>
            </section>
            <?php if ( ! self::has_addon() ) : ?>
                <section class="smo-panel">
                    <h2><?php esc_html_e( 'Ston Motion Pro', 'ston-motion' ); ?></h2>
                    <p><?php esc_html_e( 'A separate add-on with seven more widgets: Image Sequence Scroll with Scroll Narrative, Horizontal Scroll, SVG Draw & Morph, Draggable Card Stack, Index Carousel, Hover Reveal List and Value Reel.', 'ston-motion' ); ?></p>
                    <p><a class="button" href="https://www.ston.ae/our-product/ston-motion-plugin/" target="_blank" rel="noopener"><?php esc_html_e( 'Learn more', 'ston-motion' ); ?></a></p>
                </section>
            <?php endif; ?>
        </div>
        <?php
    }
}