<?php

if (!defined('ABSPATH')) exit; // Exit if accessed directly

class AddonNest_Widget_Blog_List extends \Elementor\Widget_Base {
    public function get_name() {
        return 'addonnest-blog-list';
    }

    public function get_title() {
        return __('AddonNest Blog List', 'addonnest');
    }

    public function get_icon() {
        return 'eicon-post-list';
    }

    public function get_categories() {
        return ['addonnest-elementor'];
    }

    protected function register_controls() {
        $this->start_controls_section(
            'content_section',
            [
                'label' => __('Content Settings', 'addonnest'),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'blog_number',
            [
                'label' => __('Post Count', 'addonnest'),
                'type' => \Elementor\Controls_Manager::NUMBER,
                'label_block' => true,
                'default' => 6,
                'min' => 1,
                'max' => 24,
            ]
        );

        $this->add_control(
            'post_column',
            [
                'label' => __('Number of Columns', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'default' => '4',
                'options' => [
                    '12' => __('One Column', 'addonnest'),
                    '6' => __('Two Columns', 'addonnest'),
                    '4' => __('Three Columns', 'addonnest'),
                    '3' => __('Four Columns', 'addonnest'),
                ],
            ]
        );

        $this->add_control(
            'post_cat',
            [
                'label' => __('Post Category', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SELECT2,
                'options' => $this->get_all_categories(),
                'multiple' => true,
                'default' => [],
                'label_block' => true,
            ]
        );

        $this->add_control(
            'post_order',
            [
                'label' => __('Order', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'default' => 'DESC',
                'options' => [
                    'DESC' => __('Descending', 'addonnest'),
                    'ASC' => __('Ascending', 'addonnest'),
                ],
            ]
        );

        $this->add_control(
            'show_date',
            [
                'label' => __('Show Date', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => __('Show', 'addonnest'),
                'label_off' => __('Hide', 'addonnest'),
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->add_control(
            'show_category',
            [
                'label' => __('Show Category', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => __('Show', 'addonnest'),
                'label_off' => __('Hide', 'addonnest'),
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->add_control(
            'show_author',
            [
                'label' => __('Show Author', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => __('Show', 'addonnest'),
                'label_off' => __('Hide', 'addonnest'),
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->end_controls_section();

        // Style Tab
        $this->start_controls_section(
            'section_style',
            [
                'label' => __('General Style', 'addonnest'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_control(
            'box_bg_color',
            [
                'label' => __('Box Background Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'default'   => '#ffffff',
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'box_border',
                'selector' => '{{WRAPPER}} .addonnest-blog-list .card',
                'separator' => 'before',
            ]
        );

        $this->add_control(
            'box_border_radius',
            [
                'label' => __('Border Radius', 'addonnest'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'box_shadow',
                'selector' => '{{WRAPPER}} .addonnest-blog-list .card',
            ]
        );

        $this->add_responsive_control(
            'box_padding',
            [
                'label' => __('Padding', 'addonnest'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'box_margin',
            [
                'label' => __('Margin', 'addonnest'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->end_controls_section();

        // Image Style
        $this->start_controls_section(
            'section_image_style',
            [
                'label' => __('Image Style', 'addonnest'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_control(
            'image_spacing',
            [
                'label' => __('Spacing', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => [
                        'max' => 100,
                    ],
                ],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-image-container' => 'margin-bottom: {{SIZE}}{{UNIT}};',
                ],
            ]
        );

        $this->add_control(
            'image_border_radius',
            [
                'label' => __('Border Radius', 'addonnest'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-image-container .card-image' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->end_controls_section();

        // Date Style
        $this->start_controls_section(
            'section_date_style',
            [
                'label' => __('Date Style', 'addonnest'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
                'condition' => [
                    'show_date' => 'yes',
                ],
            ]
        );

        $this->add_control(
            'date_color',
            [
                'label' => __('Text Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .publish-date' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'date_bg_color',
            [
                'label' => __('Background Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .publish-date' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'date_typography',
                'selector' => '{{WRAPPER}} .addonnest-blog-list .publish-date',
            ]
        );

        $this->add_responsive_control(
            'date_padding',
            [
                'label' => __('Padding', 'addonnest'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .publish-date' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'date_margin',
            [
                'label' => __('Margin', 'addonnest'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .publish-date' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_control(
            'date_border_radius',
            [
                'label' => __('Border Radius', 'addonnest'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .publish-date' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->end_controls_section();

        // Category Style
        $this->start_controls_section(
            'section_category_style',
            [
                'label' => __('Category Style', 'addonnest'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
                'condition' => [
                    'show_category' => 'yes',
                ],
            ]
        );

        $this->add_control(
            'category_color',
            [
                'label' => __('Text Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-content .card-category' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'category_hover_color',
            [
                'label' => __('Hover Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-content .card-category:hover' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'category_bg_color',
            [
                'label' => __('Background Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-category' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'category_typography',
                'selector' => '{{WRAPPER}} .addonnest-blog-list .card-content .card-category',
            ]
        );

        $this->add_responsive_control(
            'category_spacing',
            [
                'label' => __('Spacing', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => [
                        'max' => 50,
                    ],
                ],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-category' => 'margin-bottom: {{SIZE}}{{UNIT}};',
                ],
            ]
        );

        $this->end_controls_section();

        // Title Style
        $this->start_controls_section(
            'section_title_style',
            [
                'label' => __('Title Style', 'addonnest'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_control(
            'title_color',
            [
                'label' => __('Text Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-content .card-title' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'title_hover_color',
            [
                'label' => __('Hover Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-title a:hover' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'title_typography',
                'selector' => '{{WRAPPER}} .addonnest-blog-list .card-content .card-title',
            ]
        );

        $this->add_responsive_control(
            'title_spacing',
            [
                'label' => __('Spacing', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => [
                        'max' => 50,
                    ],
                ],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .card-content .card-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
                ],
            ]
        );

        $this->end_controls_section();

        // Meta Style
        $this->start_controls_section(
            'section_meta_style',
            [
                'label' => __('Meta Style', 'addonnest'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_control(
            'meta_color',
            [
                'label' => __('Text Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .author-info, {{WRAPPER}} .addonnest-blog-list .author-info a' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'meta_hover_color',
            [
                'label' => __('Hover Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .author-info a:hover' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'meta_icon_color',
            [
                'label' => __('Icon Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .author-info i' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'meta_typography',
                'selector' => '{{WRAPPER}} .addonnest-blog-list .author-info',
            ]
        );

        $this->add_responsive_control(
            'meta_spacing',
            [
                'label' => __('Spacing', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => [
                        'max' => 50,
                    ],
                ],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .author-info' => 'margin-top: {{SIZE}}{{UNIT}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'meta_item_spacing',
            [
                'label' => __('Item Spacing', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => [
                        'max' => 30,
                    ],
                ],
                'selectors' => [
                    '{{WRAPPER}} .addonnest-blog-list .author-info li' => 'margin-right: {{SIZE}}{{UNIT}};',
                    '{{WRAPPER}} .addonnest-blog-list .author-info li:last-child' => 'margin-right: 0;',
                ],
            ]
        );

        $this->end_controls_section();

        // Read More Button Controls
        $this->start_controls_section(
            'read_more_button_section',
            [
                'label' => __('Read More Button', 'addonnest'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_control(
            'read_more_bg_color',
            [
                'label' => __('Background Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .read-more-btn' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'read_more_text_color',
            [
                'label' => __('Text Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .read-more-btn' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'read_more_bg_hover_color',
            [
                'label' => __('Hover Background Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .read-more-btn:hover' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'read_more_text_hover_color',
            [
                'label' => __('Hover Text Color', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .read-more-btn:hover' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'read_more_typography',
                'label' => __('Typography', 'addonnest'),
                'selector' => '{{WRAPPER}} .read-more-btn',
            ]
        );

        $this->add_control(
            'read_more_border_radius',
            [
                'label' => __('Border Radius', 'addonnest'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 50,
                        'step' => 1,
                    ],
                    '%' => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'selectors' => [
                    '{{WRAPPER}} .read-more-btn' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'read_more_padding',
            [
                'label' => __('Padding', 'addonnest'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors' => [
                    '{{WRAPPER}} .read-more-btn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'read_more_border',
                'label' => __('Border', 'addonnest'),
                'selector' => '{{WRAPPER}} .read-more-btn',
            ]
        );

        // Border Color - Normal
        $this->add_control(
            'readmore_border_color',
            [
                'label' => __('Border Color (Normal)', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .read-more-btn' => 'border-color: {{VALUE}};',
                ],
            ]
        );

        // Border Color - Hover
        $this->add_control(
            'read_more_border_hover_color',
            [
                'label' => __('Border Color (Hover)', 'addonnest'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .read-more-btn:hover' => 'border-color: {{VALUE}};',
                ],
            ]
        );

        $this->end_controls_section();
    }

    protected function render() {
        $settings = $this->get_settings_for_display();

        $post_number = !empty($settings['blog_number']) ? $settings['blog_number'] : 6;
        $post_column = !empty($settings['post_column']) ? $settings['post_column'] : '3';
        $post_cat = !empty($settings['post_cat']) ? $settings['post_cat'] : [];
        $post_order = !empty($settings['post_order']) ? $settings['post_order'] : 'DESC';
        $paged = get_query_var('paged') ? get_query_var('paged') : 1;

        // Query arguments
        $args = [
            'post_type' => 'post',
            'post_status' => 'publish',
            'posts_per_page' => $post_number,
            'order' => $post_order,
            'paged' => $paged,
        ];

        if ( ! empty( $post_cat ) && ! in_array( 'all', $post_cat, true ) ) {
            // phpcs:ignore WordPress.DB.SlowDBQuery.slow_db_query_tax_query
            $args['tax_query'] = [
                [
                    'taxonomy' => 'category',
                    'field'    => 'slug',
                    'terms'    => $post_cat,
                ],
            ];
            $args['no_found_rows']          = true;
            $args['update_post_meta_cache'] = false;
            $args['update_term_meta_cache'] = false;
        }

        $query = new \WP_Query($args);

        // Add CSS to the page
        $this->add_render_attribute('blog-list', 'class', 'addonnest-blog-list');
        $this->add_render_attribute('row', 'class', 'addonnest-row');
        ?>

        <div
            <?php // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
            echo $this->get_render_attribute_string('blog-list'); ?>>
            <div
                <?php // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
                echo $this->get_render_attribute_string('row'); ?>>
                <?php if ($query->have_posts()) : ?>
                    <?php while ($query->have_posts()) : $query->the_post(); ?>
                        <div class="addonnest-col-<?php echo esc_attr($post_column); ?>">
                            <div class="card">
                                <div class="card-image-container">
                                    <a href="<?php the_permalink(); ?>">
                                        <?php the_post_thumbnail('medium_large', ['class' => 'card-image']); ?>
                                    </a>
                                </div>

                                <div class="card-content">
                                    <?php if ('yes' === $settings['show_category']) : ?>
                                        <?php
                                            $categories = get_the_category();
                                            if (!empty($categories)) {
                                                foreach ($categories as $category) {
                                                    echo '<a href="' . esc_url(get_category_link($category->term_id)) . '">
                                                    <span class="card-category">' . esc_html($category->name) . '</span></a>';
                                                }
                                            }
                                        ?>
                                    <?php endif; ?>

                                    <h2 class="card-title">
                                        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                                    </h2>

                                    <p class="card-excerpt">
                                        <?php
                                            // Set the limit of words to be displayed (e.g. 20).
                                            $excerpt_limit = 23;

                                            // Extracting excerpts from post content
                                            $content = get_the_excerpt();

                                            // Deduction according to limit
                                            if (str_word_count($content, 0) > $excerpt_limit) {
                                                $words = str_word_count($content, 2);
                                                $pos = array_keys($words);
                                                $content = substr($content, 0, $pos[$excerpt_limit]) . '...';
                                            }

                                            echo esc_html($content);
                                        ?>
                                    </p>

                                    <div class="card-footer">
                                        <div class="author-info">
                                            <?php if ('yes' === $settings['show_author']) : ?>
                                                <a href="<?php echo esc_url(get_author_posts_url(get_the_author_meta('ID'))); ?>" class="author-name">
                                                    <?php the_author(); ?>
                                                </a>
                                            <?php endif; ?>

                                            <?php if ('yes' === $settings['show_date']) : ?>
                                                <p class="publish-date">
                                                    <?php echo esc_html(get_the_date('F m, Y')); ?>
                                                </p>
                                            <?php endif; ?>
                                        </div>

                                        <a href="<?php the_permalink(); ?>" class="read-more-btn">
                                            <?php esc_html_e( 'Read more', 'addonnest' ); ?>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="btn-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endwhile; ?>
                    <?php wp_reset_postdata(); ?>
                <?php else : ?>
                    <p><?php esc_html_e('No posts found.', 'addonnest'); ?></p>
                <?php endif; ?>
            </div>
        </div>

        <?php
    }

    protected function get_all_categories() {
        $categories = get_categories(['taxonomy' => 'category']);
        $options = [];

        if (!empty($categories) && !is_wp_error($categories)) {
            foreach ($categories as $category) {
                $options[$category->slug] = $category->name;
            }
        }

        return $options;
    }
}

\Elementor\Plugin::instance()->widgets_manager->register_widget_type( new AddonNest_Widget_Blog_List() );