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

class Sportsx_Jumbo_Widget extends Sportsx_Widget_Base
{
    /**
     * Sets up a new widget instance.
     *
     * @since 1.0.0
     */
    public function __construct()
    {
        $this->widget_cssclass = 'sportsx-widget-jumbo-post';
        $this->widget_description = __("Jumbo Widget transforms your posts into a visually appealing mosaic, creating a stylish and organized showcase for an immersive reader experience.", 'sportsx');
        $this->widget_id = 'Sportsx_Jumbo_Widget';
        $this->widget_name = __('Sportsx: Jumbo Post', 'sportsx');
        $this->settings = $this->get_widget_settings();
        parent::__construct();
    }

    /**
     * Define widget settings.
     */
    protected function get_widget_settings()
    {
        return array(
            'title' => array(
                'type' => 'text',
                'label' => __('Title', 'sportsx'),
            ),
            'layout_style' => array(
                'type' => 'select',
                'label' => __('Style Layout', 'sportsx'),
                'options' => array(
                    'jumbo-layout-1' => __('Layout 1', 'sportsx'),
                    'jumbo-layout-2' => __('Layout 2', 'sportsx'),
                    'jumbo-layout-3' => __('Layout 3', 'sportsx'),
                ),
                'std' => 'jumbo-layout-1',
            ),
            'offset' => array(
                'type' => 'number',
                'step' => 1,
                'min' => 0,
                'max' => '',
                'std' => '',
                'label' => __('Offset', 'sportsx'),
                'desc' => __('Offsets are used to skip a certain number of WordPress posts before starting output. Set it to 0 if you do not wish to use this feature.', 'sportsx'),
            ),
            'category' => array(
                'type' => 'dropdown-taxonomies',
                'label' => __('Select Category', 'sportsx'),
                'desc' => __('Leave empty if you don\'t want the posts to be category specific', 'sportsx'),
                'args' => array(
                    'taxonomy' => 'category',
                    'class' => 'widefat',
                    'hierarchical' => true,
                    'show_count' => 1,
                    'show_option_all' => __('&mdash; Select &mdash;', 'sportsx'),
                ),
            ),
            'show_category' => array(
                'type' => 'checkbox',
                'label' => __('Show Category', 'sportsx'),
                'std' => true,
            ),
            'category_text' => array(
                'type' => 'text',
                'label' => __('Category Text', 'sportsx'),
            ),
            'display_category_option' => array(
                'type' => 'select',
                'label' => __('Category Option', 'sportsx'),
                'options' => array(
                    'none' => __('None', 'sportsx'),
                    'has-background' => __('Has background', 'sportsx'),
                    'has-text-color' => __('Has text color', 'sportsx'),
                ),
                'std' => 'has-text-color',
            ),
            'number_of_cat' => array(
                'type' => 'number',
                'step' => 1,
                'min' => 1,
                'std' => 1,
                'label' => __('Number of Category to show', 'sportsx'),
            ),
            'show_date' => array(
                'type' => 'checkbox',
                'label' => __('Show Date', 'sportsx'),
                'std' => true,
            ),
            'date_format' => array(
                'type' => 'select',
                'label' => __('Date Format', 'sportsx'),
                'options' => array(
                    'format_1' => __('Format 1', 'sportsx'),
                    'format_2' => __('Format 2', 'sportsx'),
                ),
                'std' => 'format_2',
            ),
            'show_author' => array(
                'type' => 'checkbox',
                'label' => __('Show Author', 'sportsx'),
                'std' => true,
            ),
            'display_author_option' => array(
                'type' => 'select',
                'label' => __('Author Option', 'sportsx'),
                'options' => array(
                    'with_label' => __('With Label', 'sportsx'),
                    'with_icon' => __('With Icon', 'sportsx'),
                    'with_avatar_image' => __('With Avatar Image', 'sportsx'),
                ),
                'std' => 'with_icon',
            ),
            'author_text' => array(
                'type' => 'text',
                'label' => __('Author Text', 'sportsx'),
                'std' => __('By:', 'sportsx'),
                'desc' => __('This only works when the "With Label" option is selected under "Author Option"', 'sportsx'),
            ),
        );
    }

    /**
     * Query the posts and return them.
     * @param array $args
     * @param array $instance
     * @return WP_Query
     */
    public function get_posts($args, $instance)
    {
        $post_count = "";
        switch ($instance['layout_style']) {
            case "jumbo-layout-1":
                $post_count = "5";
                break;
            case "jumbo-layout-2":
                $post_count = "2";
                break;
            case "jumbo-layout-3":
                $post_count = "9";
                break;
            default:
                $post_count = "";
        }
        $query_args = array(
            'post_status' => 'publish',
            'posts_per_page' => $post_count,
            'no_found_rows' => 1,
            'offset' => !empty($instance['offset']) ? sanitize_text_field($instance['offset']) : $this->settings['offset']['std'],
            'ignore_sticky_posts' => 1
        );
        if (isset($instance['offset']) && absint($instance['offset']) != 0) {
            $query_args['offset'] = absint($instance['offset']);
        }
        if (!empty($instance['category']) && -1 != $instance['category'] && 0 != $instance['category']) {
            $query_args['tax_query'][] = array(
                'taxonomy' => 'category',
                'field' => 'term_id',
                'terms' => $instance['category'],
            );
        }
        return new WP_Query(apply_filters('Sportsx_Jumbo_Widget_query_args', $query_args));
    }

    /**
     * Output widget.
     *
     * @param array $args
     * @param array $instance
     * @see WP_Widget
     */
    public function widget($args, $instance)
    {
        ob_start();
        echo $args['before_widget'];
        do_action('sportsx_before_jumbo_widget');
        $counter = 1;
        // Provide a default value for $instance['title']
        $title = isset($instance['title']) ? esc_html($instance['title']) : '';
        $category_text = !empty($instance['category_text']) ? $instance['category_text'] : '';
        $display_category_option = !empty($instance['display_category_option']) ? $instance['display_category_option'] : $this->settings['display_category_option']['std'];
        $number_of_cat = !empty($instance['number_of_cat']) ? absint($instance['number_of_cat']) : $this->settings['number_of_cat']['std'];
        $show_author = !empty($instance['show_author']) ? $instance['show_author'] : $this->settings['show_author']['std'];
        $author_text = !empty($instance['author_text']) ? $instance['author_text'] : $this->settings['author_text']['std'];
        $display_author_option = !empty($instance['display_author_option']) ? $instance['display_author_option'] : $this->settings['display_author_option']['std'];
        if (($posts = $this->get_posts($args, $instance)) && $posts->have_posts()) {
            ?>
        <div class="jumbo-layout-style <?php echo esc_attr($instance['layout_style']); ?>">
            <?php if ($title) : ?>
                <h2 class="widget-title">
                    <?php echo $title; ?>
                </h2>
            <?php endif; ?>
            <?php switch ($instance['layout_style']) {
                case "jumbo-layout-1": ?>
                    <div class="wpi-jumbo-widget">
                        <?php
                        // Initialize the counter variable
                        $counter = 1;
                        // Loop through posts
                        while ($posts->have_posts()): $posts->the_post();
                            // Set image and title classes based on the post's position
                            $image_class = ($counter == 1) ? "entry-image-large" : (($counter == 2 || $counter == 3) ? "entry-image-medium" : "");
                            $title_class = ($counter == 1) ? "entry-title-big" : "entry-title-small";
                            // Determine if we need to open or close the right container
                            if ($counter == 1) echo '<div class="jumbo-widget-left border-lg-r">';
                            if ($counter == 2) echo '</div><div class="jumbo-widget-right"><div class="jumbo-upper-area">';
                            if ($counter == 4) echo '</div><div class="jumbo-lower-area">';
                            $article_class = '';
                            switch ($counter) {
                                case "1":
                                    $article_class = "wpi-post-default";
                                    break;
                                case "2":
                                    $article_class = "wpi-post-default";
                                    break;
                                case "3":
                                    $article_class = "wpi-post-default";
                                    break;
                                case "4":
                                    $article_class = "wpi-post-list";
                                    break;
                                case "5":
                                    $article_class = "wpi-post-list";
                                    break;
                                default:
                                    $article_class = "";
                            }
                            ?>
                            <article id="jumbo-article-<?php the_ID(); ?>" <?php post_class('wpi-post wpi-post-jumbo ' . esc_attr($article_class)); ?>>
                                <?php if (has_post_thumbnail()): ?>
                                    <div class="entry-image <?php echo esc_attr($image_class); ?>">
                                        <a class="post-thumbnail" href="<?php the_permalink(); ?>"
                                           aria-hidden="true" tabindex="-1">
                                            <?php
                                            the_post_thumbnail('medium', [
                                                'alt' => the_title_attribute(['echo' => false])
                                            ]);
                                            ?>
                                        </a>
                                    </div>
                                <?php endif; ?>
                                <div class="entry-details">
                                    <?php if (!empty($instance['show_category']) && $instance['show_category']) {
                                        sportsx_post_category($display_category_option, $category_text, $number_of_cat);
                                    } ?>
                                    <header class="entry-header">
                                        <?php the_title('<h3 class="entry-title ' . esc_attr($title_class) . '"><a href="' . esc_url(get_permalink()) . '" rel="bookmark">', '</a></h3>'); ?>
                                    </header>
                                    <div class="entry-meta-wrapper">
                                        <?php if (!empty($instance['show_date']) && $instance['show_date']) : ?>
                                            <div class="entry-meta entry-date posted-on">
                                                <span class="screen-reader-text"><?php _e('Post Date', 'sportsx'); ?></span>
                                                <?php sportsx_the_theme_svg('calendar'); ?>
                                                <?php
                                                $date_format = !empty($instance['date_format']) ? $instance['date_format'] : 'format_1';
                                                echo ('format_1' === $date_format) ?
                                                    esc_html(human_time_diff(get_the_time('U'), current_time('timestamp')) . ' ' . __('ago', 'sportsx')) :
                                                    esc_html(get_the_date());
                                                ?>
                                            </div>
                                        <?php endif; ?>
                                        <?php if (!empty($instance['show_author']) && $instance['show_author']) : ?>
                                            <?php if ($show_author) {
                                                sportsx_posted_by($display_author_option, $author_text);
                                            } ?>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </article>
                            <?php $counter++; ?>
                        <?php endwhile; ?>
                        <?php wp_reset_postdata(); ?>
                    </div>
                    </div>
                    </div>
                    <?php
                    break;
                case "jumbo-layout-2": ?>
                    <div class="wpi-jumbo-widget">
                        <?php
                        while ($posts->have_posts()): $posts->the_post();
                            $image_class = "entry-image-large";
                            $title_class = "entry-title-big";
                            ?>
                            <article id="jumbo-article-<?php the_ID(); ?>" <?php post_class('wpi-post wpi-post-default wpi-post-jumbo wpi-post-jumbo-' . $counter . ''); ?>>
                                <?php if (has_post_thumbnail()): ?>
                                    <div class="entry-image <?php echo esc_attr($image_class); ?>">
                                        <a class="post-thumbnail" href="<?php the_permalink(); ?>"
                                           aria-hidden="true" tabindex="-1">
                                            <?php
                                            the_post_thumbnail(
                                                'medium_large',
                                                array(
                                                    'alt' => the_title_attribute(
                                                        array(
                                                            'echo' => false,
                                                        )
                                                    ),
                                                )
                                            );
                                            ?>
                                        </a>
                                    </div>
                                <?php endif; ?>
                                <div class="entry-details">
                                    <?php
                                    if (!empty($instance['show_category']) && $instance['show_category']) {
                                        sportsx_post_category($display_category_option, $category_text, $number_of_cat);
                                    }
                                    ?>
                                    <header class="entry-header">
                                        <?php the_title('<h3 class="entry-title ' . esc_attr($title_class) . '"><a href="' . esc_url(get_permalink()) . '" rel="bookmark">', '</a></h3>'); ?>
                                    </header>
                                    <div class="entry-meta-wrapper">
                                        <?php if (!empty($instance['show_date']) && $instance['show_date']) : ?>
                                            <div class="entry-meta entry-date posted-on">
                                                <span class="screen-reader-text"><?php _e('Post Date', 'sportsx'); ?></span>
                                                <?php sportsx_the_theme_svg('calendar'); ?>
                                                <?php
                                                $date_format = !empty($instance['date_format']) ? $instance['date_format'] : 'format_1';
                                                if ('format_1' === $date_format) {
                                                    echo esc_html(human_time_diff(get_the_time('U'), current_time('timestamp')) . ' ' . __('ago', 'sportsx'));
                                                } else {
                                                    echo esc_html(get_the_date());
                                                }
                                                ?>
                                            </div>
                                        <?php endif; ?>
                                        <?php if (!empty($instance['show_author']) && $instance['show_author']) : ?>
                                            <?php
                                            if ($show_author) {
                                                sportsx_posted_by($display_author_option, $author_text);
                                            }
                                            ?>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </article>
                        <?php
                        endwhile;
                        wp_reset_postdata(); ?>
                    </div>
                    <?php break;
                case "jumbo-layout-3": ?>
                    <div class="wpi-jumbo-widget">
                        <?php while ($posts->have_posts()): $posts->the_post(); ?>
                            <?php
                            // Set image and title classes based on the post's position
                            $image_class = ($counter <= 3) ? "entry-image-big" : "entry-image-thumbnail";
                            $title_class = ($counter <= 3) ? "entry-title-medium" : "entry-title-small";
                            // Determine if we need to open or close the right container
                            if ($counter == 1) echo '<div class="jumbo-upper-area">';
                            if ($counter == 4) echo '</div><div class="jumbo-lower-area">';
                            $article_class = 'wpi-post-jumbo wpi-post-jumbo-' . $counter;
                            $article_class .= ($counter <= 3) ? " wpi-post-default" : " wpi-post-list";
                            ?>
                            <article id="jumbo-article-<?php the_ID(); ?>" <?php post_class('wpi-post ' . esc_attr($article_class)); ?>>
                                <?php if (has_post_thumbnail()): ?>
                                    <div class="entry-image <?php echo esc_attr($image_class); ?>">
                                        <a class="post-thumbnail" href="<?php the_permalink(); ?>"
                                           aria-hidden="true" tabindex="-1">
                                            <?php
                                            the_post_thumbnail('medium', [
                                                'alt' => the_title_attribute(['echo' => false])
                                            ]);
                                            ?>
                                        </a>
                                    </div>
                                <?php endif; ?>
                                <div class="entry-details">
                                    <?php if (!empty($instance['show_category']) && $instance['show_category']) {
                                        sportsx_post_category($display_category_option, $category_text, $number_of_cat);
                                    } ?>
                                    <header class="entry-header">
                                        <?php the_title('<h3 class="entry-title ' . esc_attr($title_class) . '"><a href="' . esc_url(get_permalink()) . '" rel="bookmark">', '</a></h3>'); ?>
                                    </header>
                                    <div class="entry-meta-wrapper">
                                        <?php if (!empty($instance['show_date']) && $instance['show_date']) : ?>
                                            <div class="entry-meta entry-date posted-on">
                                                <span class="screen-reader-text"><?php _e('Post Date', 'sportsx'); ?></span>
                                                <?php sportsx_the_theme_svg('calendar'); ?>
                                                <?php
                                                $date_format = !empty($instance['date_format']) ? $instance['date_format'] : 'format_1';
                                                echo ('format_1' === $date_format) ?
                                                    esc_html(human_time_diff(get_the_time('U'), current_time('timestamp')) . ' ' . __('ago', 'sportsx')) :
                                                    esc_html(get_the_date());
                                                ?>
                                            </div>
                                        <?php endif; ?>
                                        <?php if (!empty($instance['show_author']) && $instance['show_author']) : ?>
                                            <?php if ($show_author) {
                                                sportsx_posted_by($display_author_option, $author_text);
                                            } ?>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </article>
                            <?php $counter++; ?>
                        <?php endwhile; ?>
                        <?php wp_reset_postdata(); ?>
                    </div>
                    </div>
                    <?php
                    break;
            } ?>
            </div>
            <?php
        }
        echo $args['after_widget'];
        do_action('sportsx_after_jumbo_widget');
        ob_end_flush();
    }
}