<?php
if ( ! defined( 'ABSPATH' ) ) exit;

class EPPRO_Related_Posts_Widget extends EPPRO_Base_Widget {

    public function get_name(): string  { return 'eppro-related-posts'; }
    public function get_title(): string { return __( 'Related Posts', 'admore-widgets-suite' ); }
    public function get_icon(): string  { return 'eicon-posts-grid'; }
    public function get_keywords(): array { return [ 'related', 'posts', 'similar', 'blog', 'articles', 'eppro' ]; }

    public function get_style_depends(): array { return [ 'eppro-related-posts' ]; }

    protected function register_controls(): void {

        $this->start_controls_section( 'section_query', [
            'label' => __( 'Query', 'admore-widgets-suite' ),
        ] );

        $this->add_control( 'relation', [
            'label'   => __( 'Related By', 'admore-widgets-suite' ),
            'type'    => \Elementor\Controls_Manager::SELECT,
            'default' => 'category',
            'options' => [
                'category' => __( 'Category', 'admore-widgets-suite' ),
                'tag'      => __( 'Tags', 'admore-widgets-suite' ),
                'author'   => __( 'Author', 'admore-widgets-suite' ),
            ],
        ] );

        $this->add_control( 'posts_per_page', [
            'label'   => __( 'Number of Posts', 'admore-widgets-suite' ),
            'type'    => \Elementor\Controls_Manager::NUMBER,
            'default' => 3,
            'min'     => 1,
            'max'     => 12,
        ] );

        $this->add_control( 'orderby', [
            'label'   => __( 'Order By', 'admore-widgets-suite' ),
            'type'    => \Elementor\Controls_Manager::SELECT,
            'default' => 'date',
            'options' => [
                'date'          => __( 'Date', 'admore-widgets-suite' ),
                'rand'          => __( 'Random', 'admore-widgets-suite' ),
                'comment_count' => __( 'Comment Count', 'admore-widgets-suite' ),
                'modified'      => __( 'Last Modified', 'admore-widgets-suite' ),
            ],
        ] );

        $this->end_controls_section();

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

        $this->add_responsive_control( 'columns', [
            'label'          => __( 'Columns', 'admore-widgets-suite' ),
            'type'           => \Elementor\Controls_Manager::SELECT,
            'default'        => '3',
            'tablet_default' => '2',
            'mobile_default' => '1',
            'options'        => [ '1'=>'1','2'=>'2','3'=>'3','4'=>'4' ],
            'selectors'      => [ '{{WRAPPER}} .eppro-rp-grid' => 'grid-template-columns: repeat({{VALUE}}, 1fr);' ],
        ] );

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

        $this->add_control( 'show_date', [
            'label'        => __( 'Show Date', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'default'      => 'yes',
            'return_value' => 'yes',
        ] );

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

        $this->add_control( 'excerpt_length', [
            'label'     => __( 'Excerpt Length (words)', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::NUMBER,
            'default'   => 15,
            'min'       => 5,
            'condition' => [ 'show_excerpt' => 'yes' ],
        ] );

        $this->add_control( 'show_category', [
            'label'        => __( 'Show Category Badge', 'admore-widgets-suite' ),
            'type'         => \Elementor\Controls_Manager::SWITCHER,
            'default'      => 'yes',
            'return_value' => 'yes',
        ] );

        $this->add_control( 'section_title', [
            'label'   => __( 'Section Title', 'admore-widgets-suite' ),
            'type'    => \Elementor\Controls_Manager::TEXT,
            'default' => __( 'Related Posts', 'admore-widgets-suite' ),
            'dynamic' => [ 'active' => true ],
        ] );

        $this->end_controls_section();

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

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

        $this->add_control( 'card_radius', [
            'label'      => __( 'Border Radius', 'admore-widgets-suite' ),
            'type'       => \Elementor\Controls_Manager::SLIDER,
            'range'      => [ 'px' => [ 'min' => 0, 'max' => 30 ] ],
            'default'    => [ 'size' => 10 ],
            'selectors'  => [ '{{WRAPPER}} .eppro-rp-card' => 'border-radius: {{SIZE}}px; overflow: hidden;' ],
        ] );

        $this->add_control( 'img_height', [
            'label'      => __( 'Image Height', 'admore-widgets-suite' ),
            'type'       => \Elementor\Controls_Manager::SLIDER,
            'range'      => [ 'px' => [ 'min' => 80, 'max' => 400 ] ],
            'default'    => [ 'size' => 180 ],
            'selectors'  => [ '{{WRAPPER}} .eppro-rp-thumb img' => 'height: {{SIZE}}px;' ],
            'condition'  => [ 'show_thumbnail' => 'yes' ],
        ] );

        $this->add_control( 'title_color', [
            'label'     => __( 'Title Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#1e293b',
            'selectors' => [ '{{WRAPPER}} .eppro-rp-title a' => 'color: {{VALUE}};' ],
        ] );

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

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

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

        $this->add_control( 'date_color', [
            'label'     => __( 'Date Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#94a3b8',
            'selectors' => [ '{{WRAPPER}} .eppro-rp-date' => 'color: {{VALUE}};' ],
        ] );

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

        $this->add_control( 'card_hover_bg', [
            'label'     => __( 'Card Hover Background', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'separator' => 'before',
            'selectors' => [ '{{WRAPPER}} .eppro-rp-card:hover' => 'background: {{VALUE}};' ],
        ] );

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

        $this->add_control( 'section_title_color', [
            'label'     => __( 'Section Title Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'separator' => 'before',
            'selectors' => [ '{{WRAPPER}} .eppro-rp-heading' => 'color: {{VALUE}};' ],
        ] );

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

        $this->end_controls_section();

        $this->eppro_register_entrance_animation_controls();
    }

    protected function render(): void {
        $s        = $this->get_settings_for_display();
        $relation = $s['relation']       ?? 'category';
        $num      = intval( $s['posts_per_page'] ?? 3 );
        $orderby  = $s['orderby']        ?? 'date';

        $post_id   = get_the_ID();
        $post_type = get_post_type( $post_id );
        $tax_query = [];

        if ( 'category' === $relation ) {
            $cats = wp_get_post_categories( $post_id );
            if ( $cats ) {
                $tax_query[] = [ 'taxonomy' => 'category', 'field' => 'term_id', 'terms' => $cats ];
            }
        } elseif ( 'tag' === $relation ) {
            $tags = wp_get_post_tags( $post_id, [ 'fields' => 'ids' ] );
            if ( $tags ) {
                $tax_query[] = [ 'taxonomy' => 'post_tag', 'field' => 'term_id', 'terms' => $tags ];
            }
        }

        $args = [
            'post_type'           => $post_type,
            'posts_per_page'      => $num,
            'post__not_in'        => [ $post_id ],
            'orderby'             => $orderby,
            'no_found_rows'       => true,
            'ignore_sticky_posts' => true,
        ];

        if ( 'author' === $relation ) {
            $args['author'] = (int) get_post_field( 'post_author', $post_id );
        } elseif ( ! empty( $tax_query ) ) {
            $args['tax_query'] = $tax_query;
        }

        $query = new WP_Query( $args );

        if ( ! $query->have_posts() ) {
            wp_reset_postdata();
            if ( \Elementor\Plugin::$instance->editor->is_edit_mode() ) {
                echo '<div class="eppro-editor-placeholder">
                    <svg width="36" height="36" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" class="eppro-editor-placeholder__icon"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>
                    <p class="eppro-editor-placeholder__title">' . esc_html__( 'Related Posts', 'admore-widgets-suite' ) . '</p>
                    <p class="eppro-editor-placeholder__desc">' . esc_html__( 'Related posts will appear here on singular post pages.', 'admore-widgets-suite' ) . '</p>
                </div>';
            }
            return;
        }

        $title = $s['section_title'] ?? '';
        ?>
        <div class="eppro-rp-wrap">
            <?php if ( $title ) : ?>
            <h3 class="eppro-rp-heading"><?php echo esc_html( $title ); ?></h3>
            <?php endif; ?>

            <div class="eppro-rp-grid">
            <?php while ( $query->have_posts() ) : $query->the_post(); ?>
                <article class="eppro-rp-card">
                    <?php if ( 'yes' === ( $s['show_thumbnail'] ?? 'yes' ) && has_post_thumbnail() ) : ?>
                    <a class="eppro-rp-thumb" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
                        <?php the_post_thumbnail( 'medium', [ 'loading' => 'lazy' ] ); ?>
                    </a>
                    <?php endif; ?>

                    <div class="eppro-rp-body">
                        <?php if ( 'yes' === ( $s['show_category'] ?? 'yes' ) ) :
                            $cats = get_the_category();
                            if ( $cats ) : ?>
                            <a class="eppro-rp-cat" href="<?php echo esc_url( get_category_link( $cats[0]->term_id ) ); ?>">
                                <?php echo esc_html( $cats[0]->name ); ?>
                            </a>
                        <?php endif; endif; ?>

                        <h4 class="eppro-rp-title"><a href="<?php the_permalink(); ?>"><?php echo esc_html( get_the_title() ); ?></a></h4>

                        <?php if ( 'yes' === ( $s['show_date'] ?? 'yes' ) ) : ?>
                        <time class="eppro-rp-date" datetime="<?php echo esc_attr( get_the_date('c') ); ?>">
                            <?php echo esc_html( get_the_date() ); ?>
                        </time>
                        <?php endif; ?>

                        <?php if ( 'yes' === ( $s['show_excerpt'] ?? 'yes' ) ) : ?>
                        <p class="eppro-rp-excerpt"><?php echo esc_html( wp_trim_words( get_the_excerpt(), intval( $s['excerpt_length'] ?? 15 ), '…' ) ); ?></p>
                        <?php endif; ?>
                    </div>
                </article>
            <?php endwhile; wp_reset_postdata(); ?>
            </div>
        </div>
        <?php
    }
}