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

class EPPRO_Post_Comments_Widget extends EPPRO_Base_Widget {

    public function get_name(): string  { return 'eppro-post-comments'; }
    public function get_title(): string { return __( 'Post Comments', 'admore-widgets-suite' ); }
    public function get_icon(): string  { return 'eicon-comments'; }
    public function get_keywords(): array { return [ 'comments', 'post', 'discussion', 'review', 'eppro' ]; }

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

    protected function register_controls(): void {

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

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

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

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

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

        $this->add_control( 'avatar_size', [
            'label'     => __( 'Avatar Size', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::SLIDER,
            'range'     => [ 'px' => [ 'min' => 24, 'max' => 80 ] ],
            'default'   => [ 'size' => 44 ],
            'condition' => [ 'show_avatar' => 'yes' ],
            'selectors' => [ '{{WRAPPER}} .eppro-pc-avatar img' => 'width: {{SIZE}}px; height: {{SIZE}}px;' ],
        ] );

        $this->end_controls_section();

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

        $this->add_control( 'comment_bg', [
            'label'     => __( 'Comment Background', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#f8fafc',
            'selectors' => [ '{{WRAPPER}} .eppro-pc-comment' => 'background: {{VALUE}};' ],
        ] );

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

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

        $this->add_control( 'text_color', [
            'label'     => __( 'Comment Text Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#475569',
            'selectors' => [ '{{WRAPPER}} .eppro-pc-text' => 'color: {{VALUE}};' ],
        ] );

        $this->add_control( 'accent_color', [
            'label'     => __( 'Accent Color', 'admore-widgets-suite' ),
            'type'      => \Elementor\Controls_Manager::COLOR,
            'default'   => '#7c3aed',
            'selectors' => [
                '{{WRAPPER}} .eppro-pc-reply-link'      => 'color: {{VALUE}};',
                '{{WRAPPER}} .eppro-pc-submit-btn'      => 'background: {{VALUE}}; border-color: {{VALUE}};',
                '{{WRAPPER}} .eppro-pc-input:focus'     => 'border-color: {{VALUE}};',
            ],
        ] );

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

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

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

        $this->add_responsive_control( 'comment_padding', [
            'label'      => __( 'Comment Padding', 'admore-widgets-suite' ),
            'type'       => \Elementor\Controls_Manager::DIMENSIONS,
            'size_units' => [ 'px', 'em' ],
            'default'    => [ 'top'=>'16','right'=>'16','bottom'=>'16','left'=>'16','unit'=>'px' ],
            'selectors'  => [ '{{WRAPPER}} .eppro-pc-comment' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
            'separator'  => 'before',
        ] );

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

        $this->end_controls_section();
    }

    protected function render(): void {
        $s          = $this->get_settings_for_display();
        $post_id    = get_the_ID();
        $show_form  = 'yes' === ( $s['show_form'] ?? 'yes' );
        $show_avtr  = 'yes' === ( $s['show_avatar'] ?? 'yes' );
        $avtr_size  = intval( $s['avatar_size']['size'] ?? 44 );
        $title      = $s['section_title'] ?? __('Comments','admore-widgets-suite');

        if ( ! $post_id ) {
            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"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                    <p class="eppro-editor-placeholder__title">' . esc_html__( 'Post Comments', 'admore-widgets-suite' ) . '</p>
                    <p class="eppro-editor-placeholder__desc">' . esc_html__( 'Comments will display on actual post/page templates.', 'admore-widgets-suite' ) . '</p>
                </div>';
            }
            return;
        }

        $comments = get_comments([
            'post_id' => $post_id,
            'status'  => 'approve',
            'parent'  => 0,
        ]);

        $count = get_comments_number( $post_id );
        ?>
        <div class="eppro-pc-wrap">
            <h3 class="eppro-pc-heading">
                <?php echo esc_html( $title ); ?>
                <?php if ( 'yes' === ( $s['show_count'] ?? 'yes' ) ) : ?>
                <span class="eppro-pc-count">(<?php echo esc_html( $count ); ?>)</span>
                <?php endif; ?>
            </h3>

            <?php if ( $comments ) : ?>
            <ol class="eppro-pc-list">
                <?php foreach ( $comments as $comment ) :
                    $children = get_comments([
                        'post_id' => $post_id,
                        'status'  => 'approve',
                        'parent'  => $comment->comment_ID,
                    ]);
                    ?>
                    <li class="eppro-pc-item" id="comment-<?php echo esc_attr( $comment->comment_ID ); ?>">
                        <div class="eppro-pc-comment">
                            <?php if ( $show_avtr ) : ?>
                            <div class="eppro-pc-avatar">
                                <?php echo wp_kses_post( get_avatar( $comment, $avtr_size ) ); ?>
                            </div>
                            <?php endif; ?>
                            <div class="eppro-pc-body">
                                <div class="eppro-pc-meta">
                                    <span class="eppro-pc-author"><?php echo esc_html( get_comment_author( $comment ) ); ?></span>
                                    <time class="eppro-pc-date" datetime="<?php echo esc_attr( get_comment_date('c', $comment) ); ?>">
                                        <?php echo esc_html( get_comment_date( '', $comment ) ); ?>
                                    </time>
                                </div>
                                <div class="eppro-pc-text"><?php echo wp_kses_post( get_comment_text( $comment ) ); ?></div>
                                <?php if ( get_option('thread_comments') ) : ?>
                                <?php comment_reply_link( [ 'reply_text' => __('Reply','admore-widgets-suite'), 'class' => 'eppro-pc-reply-link', 'before' => '<div class="eppro-pc-reply">', 'after' => '</div>' ], $comment, $post_id ); ?>
                                <?php endif; ?>
                            </div>
                        </div>

                        <?php if ( $children ) : ?>
                        <ol class="eppro-pc-children">
                            <?php foreach ( $children as $child ) : ?>
                            <li class="eppro-pc-item eppro-pc-item--child">
                                <div class="eppro-pc-comment">
                                    <?php if ( $show_avtr ) : ?>
                                    <div class="eppro-pc-avatar"><?php echo wp_kses_post( get_avatar( $child, $avtr_size ) ); ?></div>
                                    <?php endif; ?>
                                    <div class="eppro-pc-body">
                                        <div class="eppro-pc-meta">
                                            <span class="eppro-pc-author"><?php echo esc_html( get_comment_author( $child ) ); ?></span>
                                            <time class="eppro-pc-date" datetime="<?php echo esc_attr( get_comment_date('c',$child) ); ?>"><?php echo esc_html( get_comment_date('',$child) ); ?></time>
                                        </div>
                                        <div class="eppro-pc-text"><?php echo wp_kses_post( get_comment_text( $child ) ); ?></div>
                                    </div>
                                </div>
                            </li>
                            <?php endforeach; ?>
                        </ol>
                        <?php endif; ?>
                    </li>
                <?php endforeach; ?>
            </ol>
            <?php elseif ( ! $show_form ) : ?>
            <p class="eppro-pc-empty"><?php esc_html_e('No comments yet. Be the first!','admore-widgets-suite'); ?></p>
            <?php endif; ?>

            <?php if ( $show_form && comments_open( $post_id ) ) : ?>
            <div class="eppro-pc-form-wrap">
                <h4 class="eppro-pc-form-title"><?php esc_html_e( 'Leave a Comment', 'admore-widgets-suite' ); ?></h4>
                <?php
                comment_form([
                    'class_form'   => 'eppro-pc-form',
                    'class_submit' => 'eppro-pc-submit-btn',
                    'fields'       => [
                        'author' => '<p class="eppro-pc-field"><label>' . esc_html__('Name','admore-widgets-suite') . ' <span class="required">*</span></label><input class="eppro-pc-input" name="author" type="text" required></p>',
                        'email'  => '<p class="eppro-pc-field"><label>' . esc_html__('Email','admore-widgets-suite') . ' <span class="required">*</span></label><input class="eppro-pc-input" name="email" type="email" required></p>',
                        'url'    => '',
                    ],
                    'comment_field' => '<p class="eppro-pc-field"><label>' . esc_html__('Comment','admore-widgets-suite') . ' <span class="required">*</span></label><textarea class="eppro-pc-input eppro-pc-textarea" name="comment" rows="5" required></textarea></p>',
                    'title_reply'   => '',
                    'label_submit'  => esc_html__('Post Comment','admore-widgets-suite'),
                ]);
                ?>
            </div>
            <?php endif; ?>
        </div>
        <?php
    }
}