<?php
/**
 * EPP Advanced Search Widget
 *
 * Live AJAX search with results dropdown, keyword highlight,
 * loading indicator, and no-results message.
 *
 * @package AdMoreWidgetsSuite
 * @since   1.0.0
 */

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

class EPPRO_Advanced_Search_Widget extends EPPRO_Base_Widget {

    public function get_name(): string  { return 'eppro-advanced-search'; }
    public function get_title(): string { return __( 'Advanced Search', 'admore-widgets-suite' ); }
    public function get_icon(): string  { return 'eicon-search'; }
    public function get_keywords(): array { return [ 'search', 'ajax', 'advanced', 'live', 'find', 'eppro' ]; }

    public function get_style_depends(): array  { return [ 'eppro-advanced-search' ]; }
    public function get_script_depends(): array { return [ 'eppro-advanced-search-script' ]; }

    // -------------------------------------------------------------------------
    // Controls
    // -------------------------------------------------------------------------

    protected function register_controls(): void {

        /* ── Search Settings ── */
        $this->start_controls_section( 'section_search_settings', [
            'label' => __( 'Search Settings', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'placeholder', [
            'label'   => __( 'Placeholder Text', 'admore-widgets-suite' ),
            'type'    => \Elementor\Controls_Manager::TEXT,
            'default' => __( 'Search…', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'post_types', [
            'label'    => __( 'Post Types', 'admore-widgets-suite' ),
            'type'     => \Elementor\Controls_Manager::SELECT2,
            'multiple' => true,
            'options'  => self::get_post_type_options(),
            'default'  => [ 'post', 'page' ],
        ] );

        $this->add_control( 'max_results', [
            'label'   => __( 'Max Results', 'admore-widgets-suite' ),
            'type'    => \Elementor\Controls_Manager::NUMBER,
            'min'     => 1,
            'max'     => 20,
            'default' => 6,
        ] );

        $this->add_control( 'min_chars', [
            'label'   => __( 'Min Characters to Search', 'admore-widgets-suite' ),
            'type'    => \Elementor\Controls_Manager::NUMBER,
            'min'     => 1,
            'max'     => 5,
            'default' => 2,
        ] );

        $this->add_control( 'show_thumbnail', [
            'label'        => __( 'Show Thumbnail', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'label_on'     => __( 'Yes', 'admore-widgets-suite' ),
            'label_off'    => __( 'No', 'admore-widgets-suite' ),
            'return_value' => 'yes',
            'default'      => 'yes',
        ] );

        $this->add_control( 'show_type_label', [
            'label'        => __( 'Show Post Type Label', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'label_on'     => __( 'Yes', 'admore-widgets-suite' ),
            'label_off'    => __( 'No', 'admore-widgets-suite' ),
            'return_value' => 'yes',
            'default'      => 'yes',
        ] );

        $this->add_control( 'show_excerpt', [
            'label'        => __( 'Show Excerpt', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'label_on'     => __( 'Yes', 'admore-widgets-suite' ),
            'label_off'    => __( 'No', 'admore-widgets-suite' ),
            'return_value' => 'yes',
            'default'      => 'no',
        ] );

        $this->add_control( 'no_results_text', [
            'label'   => __( 'No Results Text', 'admore-widgets-suite' ),
            'type'    => \Elementor\Controls_Manager::TEXT,
            'default' => __( 'No results found.', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'show_search_button', [
            'label'        => __( 'Show Search Button', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'return_value' => 'yes',
            'separator'    => 'before',
            'description'  => __( 'Add a clickable search button next to the input.', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'search_button_text', [
            'label'     => __( 'Button Text', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::TEXT,
            'default'   => __( 'Search', 'admore-widgets-suite' ),
            'condition' => [ 'show_search_button' => 'yes' ],
        ] );

        $this->add_control( 'enable_clear_button', [
            'label'        => __( 'Enable Clear Button', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'return_value' => 'yes',
            'default'      => 'yes',
            'description'  => __( 'Show X button to clear search input.', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'keyboard_shortcut', [
            'label'        => __( 'Keyboard Shortcut (Ctrl+K)', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'return_value' => 'yes',
            'default'      => 'yes',
            'description'  => __( 'Press Ctrl+K (Cmd+K on Mac) to focus search.', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'show_category_filter', [
            'label'        => __( 'Category Filter Dropdown', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'return_value' => 'yes',
            'separator'    => 'before',
            'description'  => __( 'Show a category dropdown next to the search field.', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'category_taxonomy', [
            'label'     => __( 'Taxonomy', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::SELECT,
            'default'   => 'category',
            'options'   => self::get_taxonomy_options(),
            'condition' => [ 'show_category_filter' => 'yes' ],
        ] );

        $this->add_control( 'category_all_label', [
            'label'     => __( '"All" Label', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::TEXT,
            'default'   => __( 'All Categories', 'admore-widgets-suite' ),
            'condition' => [ 'show_category_filter' => 'yes' ],
        ] );

        $this->add_control( 'show_view_all', [
            'label'        => __( 'Show "View All Results" Link', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'return_value' => 'yes',
            'default'      => 'yes',
            'separator'    => 'before',
            'description'  => __( 'Add a link at bottom to view full search results page.', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'view_all_text', [
            'label'     => __( '"View All" Text', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::TEXT,
            'default'   => __( 'View all results →', 'admore-widgets-suite' ),
            'condition' => [ 'show_view_all' => 'yes' ],
        ] );

        $this->end_controls_section();

        /* ── Input Style ── */
        $this->start_controls_section( 'section_input_style', [
            'label' => __( 'Input Style', 'admore-widgets-suite' ),
            'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
        ] );

        $this->add_responsive_control( 'input_width', [
            'label'      => __( 'Width', 'admore-widgets-suite' ),
            'type'       => \Elementor\Controls_Manager::SLIDER,
            'size_units' => [ 'px', '%' ],
            'range'      => [ 'px' => [ 'min' => 200, 'max' => 1200 ], '%' => [ 'min' => 20, 'max' => 100 ] ],
            'default'    => [ 'unit' => '%', 'size' => 100 ],
            'selectors'  => [ '{{WRAPPER}} .eppro-search-wrap' => 'width: {{SIZE}}{{UNIT}};' ],
        ] );

        $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [
            'name'     => 'input_typography',
            'selector' => '{{WRAPPER}} .eppro-search-field',
        ] );

        $this->add_control( 'input_text_color', [
            'label'     => __( 'Text Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'selectors' => [ '{{WRAPPER}} .eppro-search-field' => 'color: {{VALUE}};' ],
        ] );

        $this->add_control( 'input_bg_color', [
            'label'     => __( 'Background Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#ffffff',
            'selectors' => [ '{{WRAPPER}} .eppro-search-field' => 'background-color: {{VALUE}};' ],
        ] );

        $this->add_control( 'input_placeholder_color', [
            'label'     => __( 'Placeholder Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .eppro-search-field::placeholder' => 'color: {{VALUE}};',
                '{{WRAPPER}} .eppro-search-field::-webkit-input-placeholder' => 'color: {{VALUE}};',
            ],
        ] );

        $this->add_group_control( \Elementor\Group_Control_Border::get_type(), [
            'name'     => 'input_border',
            'selector' => '{{WRAPPER}} .eppro-search-field',
        ] );

        $this->add_control( 'input_border_radius', [
            'label'      => __( 'Border Radius', 'admore-widgets-suite' ),
            'type'       => \Elementor\Controls_Manager::DIMENSIONS,
            'size_units' => [ 'px', '%' ],
            'selectors'  => [
                '{{WRAPPER}} .eppro-search-field' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
            ],
        ] );

        $this->add_responsive_control( 'input_padding', [
            'label'      => __( 'Padding', 'admore-widgets-suite' ),
            'type'       => \Elementor\Controls_Manager::DIMENSIONS,
            'size_units' => [ 'px', 'em' ],
            'selectors'  => [
                '{{WRAPPER}} .eppro-search-field' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
            ],
        ] );

        $this->add_control( 'icon_color', [
            'label'     => __( 'Icon Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'selectors' => [ '{{WRAPPER}} .eppro-search-icon' => 'color: {{VALUE}};' ],
            'separator' => 'before',
        ] );

        $this->add_control( 'focus_heading', [
            'label'     => __( 'Focus State', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::HEADING,
            'separator' => 'before',
        ] );

        $this->add_control( 'focus_border_color', [
            'label'     => __( 'Border Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => EPPRO_Elementor_Helper::brand_color(),
            'selectors' => [ '{{WRAPPER}} .eppro-search-field:focus' => 'border-color: {{VALUE}};' ],
        ] );

        $this->add_group_control( \Elementor\Group_Control_Box_Shadow::get_type(), [
            'name'     => 'focus_box_shadow',
            'label'    => __( 'Focus Shadow', 'admore-widgets-suite' ),
            'selector' => '{{WRAPPER}} .eppro-search-field:focus',
        ] );

        $this->add_control( 'focus_bg_color', [
            'label'     => __( 'Background on Focus', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'selectors' => [ '{{WRAPPER}} .eppro-search-field:focus' => 'background-color: {{VALUE}};' ],
        ] );

        $this->end_controls_section();

        /* ── Results Style ── */
        $this->start_controls_section( 'section_results_style', [
            'label' => __( 'Results Dropdown', 'admore-widgets-suite' ),
            'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
        ] );

        $this->add_control( 'results_bg', [
            'label'     => __( 'Background', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#ffffff',
            'selectors' => [ '{{WRAPPER}} .eppro-search-results' => 'background-color: {{VALUE}};' ],
        ] );

        $this->add_group_control( \Elementor\Group_Control_Box_Shadow::get_type(), [
            'name'     => 'results_shadow',
            'selector' => '{{WRAPPER}} .eppro-search-results',
        ] );

        $this->add_control( 'result_title_color', [
            'label'     => __( 'Title Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'selectors' => [ '{{WRAPPER}} .eppro-result-title' => 'color: {{VALUE}};' ],
        ] );

        $this->add_control( 'result_hover_bg', [
            'label'     => __( 'Item Hover Background', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#f8fafc',
            'selectors' => [ '{{WRAPPER}} .eppro-result-item:hover' => 'background-color: {{VALUE}};' ],
        ] );

        $this->add_control( 'highlight_color', [
            'label'     => __( 'Highlight Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#fef08a',
            'selectors' => [ '{{WRAPPER}} .eppro-result-highlight' => 'background-color: {{VALUE}};' ],
        ] );

        $this->add_control( 'excerpt_color', [
            'label'     => __( 'Excerpt Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#64748b',
            'selectors' => [ '{{WRAPPER}} .eppro-result-excerpt' => 'color: {{VALUE}};' ],
        ] );

        $this->end_controls_section();

        /* ── Search Button Style ── */
        $this->start_controls_section( 'section_btn_style', [
            'label'     => __( 'Search Button', 'admore-widgets-suite' ),
            'tab'       => \Elementor\Controls_Manager::TAB_STYLE,
            'condition' => [ 'show_search_button' => 'yes' ],
        ] );

        $this->add_control( 'search_btn_bg', [
            'label'     => __( 'Background', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => EPPRO_Elementor_Helper::brand_color(),
            'selectors' => [ '{{WRAPPER}} .eppro-search-btn' => 'background-color: {{VALUE}};' ],
        ] );

        $this->add_control( 'search_btn_color', [
            'label'     => __( 'Text / Icon Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#ffffff',
            'selectors' => [ '{{WRAPPER}} .eppro-search-btn, {{WRAPPER}} .eppro-search-btn svg' => 'color: {{VALUE}}; stroke: {{VALUE}};' ],
        ] );

        $this->add_control( 'search_btn_hover_bg', [
            'label'     => __( 'Hover Background', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => EPPRO_Elementor_Helper::brand_color( 'dark' ),
            'selectors' => [ '{{WRAPPER}} .eppro-search-btn:hover' => 'background-color: {{VALUE}};' ],
        ] );

        $this->add_control( 'search_btn_radius', [
            'label'      => __( 'Border Radius', 'admore-widgets-suite' ),
            'type'       => \Elementor\Controls_Manager::SLIDER,
            'size_units' => [ 'px', '%' ],
            'default'    => [ 'size' => 6 ],
            'selectors'  => [ '{{WRAPPER}} .eppro-search-btn' => 'border-radius: {{SIZE}}{{UNIT}};' ],
        ] );

        $this->add_responsive_control( 'search_btn_padding', [
            'label'      => __( 'Padding', 'admore-widgets-suite' ),
            'type'       => \Elementor\Controls_Manager::DIMENSIONS,
            'size_units' => [ 'px', 'em' ],
            'selectors'  => [ '{{WRAPPER}} .eppro-search-btn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
        ] );

        $this->end_controls_section();

        // Entrance animation — inherited from base
        $this->eppro_register_entrance_animation_controls();
    }

    // -------------------------------------------------------------------------
    // Render
    // -------------------------------------------------------------------------

    protected function render(): void {
        $s = $this->get_settings_for_display();

        $post_types   = (array) ( $s['post_types'] ?? [ 'post', 'page' ] );
        $max_results  = absint( $s['max_results'] ?? 6 );
        $min_chars    = absint( $s['min_chars'] ?? 2 );
        $placeholder  = esc_attr( $s['placeholder'] ?? __( 'Search…', 'admore-widgets-suite' ) );
        $nonce        = wp_create_nonce( 'eppro_live_search' );

        $show_cat_filter = 'yes' === ( $s['show_category_filter'] ?? '' );
        $cat_taxonomy    = sanitize_key( $s['category_taxonomy'] ?? 'category' );
        $cat_all_label   = esc_attr( $s['category_all_label'] ?? __( 'All Categories', 'admore-widgets-suite' ) );

        $enable_clear     = 'yes' === ( $s['enable_clear_button'] ?? 'yes' );
        $show_search_btn  = 'yes' === ( $s['show_search_button'] ?? '' );
        $enable_shortcut  = 'yes' === ( $s['keyboard_shortcut'] ?? 'yes' );
        $show_view_all    = 'yes' === ( $s['show_view_all'] ?? 'yes' );
        $view_all_text    = $s['view_all_text'] ?? __( 'View all results →', 'admore-widgets-suite' );
        $search_btn_text  = $s['search_button_text'] ?? __( 'Search', 'admore-widgets-suite' );

        ?>
        <div class="eppro-search-wrap"
            data-post-types="<?php echo esc_attr( implode( ',', $post_types ) ); ?>"
            data-max="<?php echo esc_attr( $max_results ); ?>"
            data-min="<?php echo esc_attr( $min_chars ); ?>"
            data-nonce="<?php echo esc_attr( $nonce ); ?>"
            data-show-thumb="<?php echo esc_attr( $s['show_thumbnail'] ?? 'yes' ); ?>"
            data-show-type="<?php echo esc_attr( $s['show_type_label'] ?? 'yes' ); ?>"
            data-show-excerpt="<?php echo esc_attr( $s['show_excerpt'] ?? 'no' ); ?>"
            data-no-results="<?php echo esc_attr( $s['no_results_text'] ?? __( 'No results found.', 'admore-widgets-suite' ) ); ?>"
            data-taxonomy="<?php echo esc_attr( $cat_taxonomy ); ?>"
            data-enable-shortcut="<?php echo esc_attr( $enable_shortcut ? 'yes' : 'no' ); ?>"
            data-show-view-all="<?php echo esc_attr( $show_view_all ? 'yes' : 'no' ); ?>"
            data-view-all-text="<?php echo esc_attr( $view_all_text ); ?>">
            <div class="eppro-search-input-wrap">
                <?php if ( $show_cat_filter ) :
                    $terms = get_terms( [ 'taxonomy' => $cat_taxonomy, 'hide_empty' => true ] );
                ?>
                <select class="eppro-search-category-filter" aria-label="<?php echo esc_attr( $cat_all_label ); ?>">
                    <option value=""><?php echo esc_html( $s['category_all_label'] ?? __( 'All Categories', 'admore-widgets-suite' ) ); ?></option>
                    <?php if ( ! is_wp_error( $terms ) ) : foreach ( $terms as $term ) : ?>
                        <option value="<?php echo esc_attr( $term->term_id ); ?>"><?php echo esc_html( $term->name ); ?></option>
                    <?php endforeach; endif; ?>
                </select>
                <?php endif; ?>

                <span class="eppro-search-icon" aria-hidden="true">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
                    </svg>
                </span>
                <input type="search" class="eppro-search-field"
                       placeholder="<?php echo esc_attr( $placeholder ); ?>"
                       autocomplete="off"
                       aria-label="<?php echo esc_attr( $placeholder ); ?>"
                       aria-autocomplete="list"
                       aria-haspopup="listbox">
                
                <?php if ( $enable_clear ) : ?>
                <button type="button" class="eppro-search-clear" aria-label="<?php esc_attr_e( 'Clear search', 'admore-widgets-suite' ); ?>" style="display:none;">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
                    </svg>
                </button>
                <?php endif; ?>
                
                <span class="eppro-search-spinner" aria-hidden="true" style="display:none;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/>
                    </svg>
                </span>
            </div>
            
            <?php if ( $show_search_btn ) : ?>
            <button type="submit" class="eppro-search-btn">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
                </svg>
                <span><?php echo esc_html( $search_btn_text ); ?></span>
            </button>
            <?php endif; ?>
            <div class="eppro-search-results" role="listbox" aria-live="polite" style="display:none;"></div>
        </div>
        <?php
    }

    // -------------------------------------------------------------------------
    // Helpers
    // -------------------------------------------------------------------------

    private static function get_post_type_options(): array {
        $types   = get_post_types( [ 'public' => true ], 'objects' );
        $options = [];
        foreach ( $types as $type ) {
            $options[ $type->name ] = $type->label;
        }
        return $options;
    }

    private static function get_taxonomy_options(): array {
        $taxonomies = get_taxonomies( [ 'public' => true ], 'objects' );
        $options    = [];
        foreach ( $taxonomies as $tax ) {
            $options[ $tax->name ] = $tax->label;
        }
        return $options;
    }
}