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

class FitNote_Carousel_Slider_Post extends FitNote_Widget_Base
{
    public function __construct()
    {
        $this->widget_cssclass = 'fitnote-slider-widget';
        $this->widget_description = __("Displays recent posts in a carousel slider with an image", 'fitnote');
        $this->widget_id = 'fitnote_carousel_slider_posts';
        $this->widget_name = __('FitNote: Carousel Posts', 'fitnote');
        $this->settings = $this->get_widget_settings();
        parent::__construct();
    }

    /**
     * Define widget settings.
     */
    protected function get_widget_settings()
    {
        return array(
            'title' => array(
                'type' => 'text',
                'label' => __('Title', 'fitnote'),
                'std' => __('Carousel Posts', 'fitnote'),
            ),
            'display_layout' => array(
                'type' => 'select',
                'label' => __('Display Layout', 'fitnote'),
                'options' => array(
                    'display-regular-layout' => __('Wrapper Layout', 'fitnote'),
                    'display-fullwidth-layout' => __('Full Width Layout', 'fitnote'),
                ),
                'std' => 'display-regular-layout',
                'desc' => __('Works exclusively in the fullwidth widget area', 'fitnote'),
            ),
            'vertical_alignment' => array(
                'type' => 'select',
                'label' => __('Vertical Alignment', 'fitnote'),
                'options' => array(
                    'vertical-align-top' => __('Top', 'fitnote'),
                    'vertical-align-middle' => __('Middle', 'fitnote'),
                    'vertical-align-bottom' => __('Bottom', 'fitnote'),
                ),
                'std' => 'vertical-align-bottom',
            ),
            'text_alignment' => array(
                'type' => 'select',
                'label' => __('Text Alignment', 'fitnote'),
                'options' => array(
                    'align-text-center' => __('Center', 'fitnote'),
                    'align-text-left' => __('Left', 'fitnote'),
                    'align-text-right' => __('Right', 'fitnote'),
                ),
                'std' => 'align-text-left',
            ),
            'display_style' => array(
                'type' => 'select',
                'label' => __('Display Style', 'fitnote'),
                'options' => array(
                    'wpi-post-regular' => __('Regular View', 'fitnote'),
                    'wpi-slides-card' => __('Card View', 'fitnote'),
                ),
                'std' => 'wpi-post-regular',
            ),
            'category' => array(
                'type' => 'dropdown-taxonomies',
                'label' => __('Select Category', 'fitnote'),
                'args' => array(
                    'taxonomy' => 'category',
                    'class' => 'widefat',
                    'hierarchical' => true,
                    'show_count' => 1,
                    'show_option_all' => __('&mdash; Select &mdash;', 'fitnote'),
                ),
            ),
            'number' => array(
                'type' => 'number',
                'step' => 1,
                'min' => 1,
                'std' => 7,
                'label' => __('Total Number of posts to slider', 'fitnote'),
            ),
            'number_of_slides' => array(
                'type' => 'number',
                'step' => 1,
                'min' => 2,
                'max' => 5,
                'std' => 3,
                'label' => __('Number of Slides to show', 'fitnote'),
            ),
            'offset' => array(
                'type' => 'number',
                'step' => 1,
                'min' => 0,
                'max' => '',
                'std' => 0,
                'label' => __('Offset', 'fitnote'),
                '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.', 'fitnote'),
            ),
            'font_size' => array(
                'type' => 'select',
                'label' => __('Entry title font size', 'fitnote'),
                'options' => array(
                    'entry-title-small' => __('Small', 'fitnote'),
                    'entry-title-medium' => __('Medium', 'fitnote'),
                    'entry-title-big' => __('Big', 'fitnote'),
                    'entry-title-large' => __('Large', 'fitnote'),
                ),
                'std' => 'entry-title-medium',
            ),
            'font_style' => array(
                'type' => 'select',
                'label' => __('Entry title font style', 'fitnote'),
                'options' => array(
                    'entry-title-normal' => __('Normal', 'fitnote'),
                    'entry-title-italic' => __('Italic', 'fitnote'),
                ),
                'std' => 'entry-title-normal',
            ),
            'image_size' => array(
                'type' => 'select',
                'label' => __('Image size', 'fitnote'),
                'options' => array(
                    'medium' => __('Medium', 'fitnote'),
                    'medium_large' => __('Medium Large', 'fitnote'),
                    'large' => __('Large', 'fitnote'),
                    'full' => __('Full', 'fitnote'),
                ),
                'std' => 'large',

            ),
            'image_hover_effects' => array(
                'type' => 'select',
                'label' => __('Image hover effects', 'fitnote'),
                'options' => array(
                    'hover-effect-shine' => __('Shine', 'fitnote'),
                    'hover-effect-slide' => __('Slide', 'fitnote'),
                    'hover-effect-zoom' => __('Zoom', 'fitnote'),
                ),
                'std' => 'hover-effect-shine',
            ),
            'show_overlay' => array(
                'type' => 'checkbox',
                'label' => __('Enable background overlay', 'fitnote'),
                'std' => true,
            ),
            'image_overlay_style' => array(
                'type' => 'select',
                'label' => __('Background overlay style', 'fitnote'),
                'options' => array(
                    'regular' => __('Regular', 'fitnote'),
                    'gradient' => __('Gradient', 'fitnote'),
                ),
                'std' => 'gradient',
            ),
            'height' => array(
                'type' => 'number',
                'step' => 1,
                'min' => 150,
                'max' => '',
                'std' => 440,
                'label' => __('Height (px)', 'fitnote'),
                'desc' => __('Change Height of Slides.', 'fitnote'),
            ),
            'arrows' => array(
                'type' => 'checkbox',
                'label' => __('Enable Arrows', 'fitnote'),
                'std' => true,
            ),
            'dots' => array(
                'type' => 'checkbox',
                'label' => __('Enable Dots', 'fitnote'),
                'std' => true,
            ),
            'autoplay' => array(
                'type' => 'checkbox',
                'label' => __('Autoplay', 'fitnote'),
                'std' => true,
            ),
            'centered' => array(
                'type' => 'checkbox',
                'label' => __('Centered Mode', 'fitnote'),
                'std' => false,
            ),
            'spacebetween' => array(
                'type' => 'number',
                'step' => 1,
                'min' => 0,
                'max' => '40',
                'std' => 20,
                'label' => __('Space Between', 'fitnote'),
                'desc' => __('Distance between slides in px.', 'fitnote'),
            ),

            'orderby' => array(
                'type' => 'select',
                'std' => 'date',
                'label' => __('Order by', 'fitnote'),
                'options' => array(
                    'date' => __('Date', 'fitnote'),
                    'ID' => __('ID', 'fitnote'),
                    'title' => __('Title', 'fitnote'),
                    'rand' => __('Random', 'fitnote'),
                ),
            ),
            'order' => array(
                'type' => 'select',
                'std' => 'desc',
                'label' => __('Order', 'fitnote'),
                'options' => array(
                    'asc' => __('ASC', 'fitnote'),
                    'desc' => __('DESC', 'fitnote'),
                ),
            ),
            'show_date' => array(
                'type' => 'checkbox',
                'label' => __('Show Date', 'fitnote'),
                'std' => true,
            ),
            'date_format' => array(
                'type' => 'select',
                'label' => __('Date Format', 'fitnote'),
                'options' => array(
                    'classic'   => __( 'Classic', 'fitnote' ),
                    'time_ago' => __( 'Time Ago', 'fitnote' ),
                ),
                'std' => 'classic',
            ),
            'show_author' => array(
                'type' => 'checkbox',
                'label' => __('Show Author', 'fitnote'),
                'std' => true,
            ),
            'display_author_option' => array(
                'type' => 'select',
                'label' => __('Author Option', 'fitnote'),
                'options' => array(
                    'with_label' => __('With Label', 'fitnote'),
                    'with_icon' => __('With Icon', 'fitnote'),
                    'with_avatar_image' => __('With Avatar Image', 'fitnote'),
                ),
                'std' => 'with_icon',
            ),
            'author_text' => array(
                'type' => 'text',
                'label' => __('Author Text', 'fitnote'),
                'std' => __('By:', 'fitnote'),
                'desc' => __('This only works when the "With Label" option is selected under "Author Option"', 'fitnote'),
            ),
            'show_category' => array(
                'type' => 'checkbox',
                'label' => __('Show Category', 'fitnote'),
                'std' => true,
            ),
            'category_text' => array(
                'type' => 'text',
                'label' => __('Category Text', 'fitnote'),
            ),
            'display_category_option' => array(
                'type' => 'select',
                'label' => __('Category Option', 'fitnote'),
                'options' => array(
                    'none' => __('None', 'fitnote'),
                    'has-background' => __('Has background', 'fitnote'),
                    'has-text-color' => __('Has text color', 'fitnote'),
                ),
                'std' => 'has-background',
            ),
            'number_of_cat' => array(
                'type' => 'number',
                'step' => 1,
                'min' => 1,
                'std' => 1,
                'label' => __('Number of Category to show', 'fitnote'),
            ),
            'show_excerpt' => array(
                'type' => 'checkbox',
                'label' => __('Enable Excerpt', 'fitnote'),
                'std' => false,
            ),
        );
    }

    /**
     * Query the posts and return them.
     */
    protected function get_posts($args, $instance)
    {
        $query_args = array(
            'posts_per_page' => !empty($instance['number']) ? absint($instance['number']) : $this->settings['number']['std'],
            'post_status' => 'publish',
            'no_found_rows' => 1,
            'orderby' => !empty($instance['orderby']) ? sanitize_text_field($instance['orderby']) : $this->settings['orderby']['std'],
            'order' => !empty($instance['order']) ? sanitize_text_field($instance['order']) : $this->settings['order']['std'],
            'offset' => !empty($instance['offset']) ? sanitize_text_field($instance['offset']) : $this->settings['offset']['std'],
            'ignore_sticky_posts' => 1
        );

        $query_args['offset'] = isset($instance['offset']) ? absint($instance['offset']) : 0;

        if (!empty($instance['category']) && -1 != $instance['category'] && 0 != $instance['category']) {
            $query_args['tax_query'][] = array(
                'taxonomy' => 'category',
                'field' => 'term_id',
                'terms' => absint($instance['category']),
            );
        }

        return new WP_Query(apply_filters('fitnote_carousel_slider_posts_query_args', $query_args));
    }

    /**
     * Output widget content.
     */
    public function widget($args, $instance)
    {
        $posts = $this->get_posts($args, $instance);

        if (!$posts->have_posts()) {
            return;
        }

        echo $args['before_widget'];
        do_action('fitnote_before_carousel_slider_posts_with_image');

        $class = isset($instance['display_layout']) ? $instance['display_layout'] : $this->settings['display_layout']['std'];

        $vertical_alignment = !empty($instance['vertical_alignment']) ? $instance['vertical_alignment'] : $this->settings['vertical_alignment']['std'];
        if ($vertical_alignment) {
            $class .= ' ' . $vertical_alignment;
        }

        $slider_nav = '';
        $data_slider = array();
        $number_of_slides = isset($instance['number_of_slides']) ? $instance['number_of_slides'] : $this->settings['number_of_slides']['std'];

        if ($number_of_slides == 2) {
            $data_slider['breakpoints'] = array(
                '576' => array(
                    'slidesPerView' => 2,
                ),
            );
        } elseif ($number_of_slides == 3) {
            $data_slider['breakpoints'] = array(
                '576' => array(
                    'slidesPerView' => 2,
                ),
                '768' => array(
                    'slidesPerView' => 3,
                ),
            );
        } elseif ($number_of_slides == 4) {
            $data_slider['breakpoints'] = array(
                '576' => array(
                    'slidesPerView' => 2,
                ),
                '768' => array(
                    'slidesPerView' => 3,
                ),
                '992' => array(
                    'slidesPerView' => 4,
                ),
            );
        } elseif ($number_of_slides == 5) {
            $data_slider['breakpoints'] = array(
                '576' => array(
                    'slidesPerView' => 2,
                ),
                '768' => array(
                    'slidesPerView' => 3,
                ),
                '992' => array(
                    'slidesPerView' => 4,
                ),
                '1200' => array(
                    'slidesPerView' => 5,
                ),
            );
        }

        $autoplay = isset($instance['autoplay']) ? $instance['autoplay'] : $this->settings['autoplay']['std'];
        if ($autoplay) :
            $data_slider['autoplay'] = array(
                'delay' => 4000,
            );
        endif;

        $centered = isset($instance['centered']) ? $instance['centered'] : $this->settings['centered']['std'];
        if ($centered) {
            $data_slider['centeredSlides'] = true;
        }
        $spacebetween = isset($instance['spacebetween']) ? $instance['spacebetween'] : $this->settings['spacebetween']['std'];
        if ($spacebetween) {
            $data_slider['spaceBetween'] = absint($spacebetween);
        }

        $dots = isset($instance['dots']) ? $instance['dots'] : $this->settings['dots']['std'];
        if ($dots) {
            $slider_nav .= '<div class="swiper-pagination wpi-swiper-pagination wpi-widget-pagination"></div>';
        }
        $arrows = isset($instance['arrows']) ? $instance['arrows'] : $this->settings['arrows']['std'];
        if ($arrows) {
            $slider_nav .= '<div class="widget-slider-next swiper-button-next"></div><div class="widget-slider-prev swiper-button-prev"></div>';
        }

        $widget_title = !empty($instance['title']) ? $instance['title'] : $this->settings['title']['std'];
        $words = explode(' ', $widget_title, 2);

        ?>


        <div class="wpi-carousel-widget <?php echo esc_attr($class); ?>">
            <header class="section-header default-section-header section-header-center">
                <h2 class="section-title">
                    <span class="title-first-word" data-first-word="<?php echo esc_attr($words[0]); ?>">
                        <?php echo esc_html($words[0]); ?>
                    </span>
                    <?php echo isset($words[1]) ? ' ' . esc_html($words[1]) : ''; ?>
                </h2>
            </header>
            <div class="swiper wpi-swiper-init" data-slider='<?php echo esc_attr(json_encode($data_slider)); ?>'>
                <div class="swiper-wrapper">
                    <?php
                    while ($posts->have_posts()) : $posts->the_post();
                        $this->render_post($instance);
                    endwhile;
                    wp_reset_postdata();
                    ?>
                </div>
                <?php
                if ($slider_nav) :
                    echo $slider_nav;
                endif;
                ?>
            </div>
        </div>
        <?php
        do_action('fitnote_after_carousel_slider_posts_with_image');
        echo $args['after_widget'];
    }

    /**
     * Render a single post item.
     */
    protected function render_post($instance)
    {
        $style = '';
        $display_style = !empty($instance['display_style']) ? $instance['display_style'] : $this->settings['display_style']['std'];

        $image_size = !empty($instance['image_size']) ? $instance['image_size'] : $this->settings['image_size']['std'];
        $image_hover_effects = !empty($instance['image_hover_effects']) ? $instance['image_hover_effects'] : $this->settings['image_hover_effects']['std'];
        $show_overlay = !empty($instance['show_overlay']) ? $instance['show_overlay'] : $this->settings['show_overlay']['std'];
        $image_overlay_style = !empty($instance['image_overlay_style']) ? $instance['image_overlay_style'] : $this->settings['image_overlay_style']['std'];

        $text_alignment = !empty($instance['text_alignment']) ? $instance['text_alignment'] : $this->settings['text_alignment']['std'];
        $font_size = !empty($instance['font_size']) ? $instance['font_size'] : $this->settings['font_size']['std'];
        $font_style = !empty($instance['font_style']) ? $instance['font_style'] : $this->settings['font_style']['std'];
        $height = isset($instance['height']) ? $instance['height'] : $this->settings['height']['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'];

        $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_excerpt = !empty($instance['show_excerpt']) ? $instance['show_excerpt'] : $this->settings['show_excerpt']['std'];

        $style = 'height:' . esc_attr($height) . 'px;';
        ?>
        <div class="swiper-slide wpi-swiper-slide">
            <article id="widget-slide-<?php the_ID(); ?>" <?php post_class('wpi-post ' . esc_attr($display_style)); ?>>
                <?php if (has_post_thumbnail()) : ?>
                    <div class="entry-image image-hover-effect <?php echo $image_hover_effects; ?> <?php if ($show_overlay) {
                        echo "entry-image-overlay";
                    } ?> image-overlay-<?php echo $image_overlay_style; ?>">
                        <a class="post-thumbnail" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
                            <?php
                            the_post_thumbnail(
                                $image_size,
                                array(
                                    'alt' => the_title_attribute(
                                        array(
                                            'echo' => false,
                                        )
                                    ),
                                    'style' => esc_attr($style)
                                )
                            );
                            ?>
                        </a>
                    </div>
                <?php endif; ?>
                <div class="entry-details <?php echo $text_alignment; ?>">
                    <?php
                    if (!empty($instance['show_category']) && $instance['show_category']) {
                        fitnote_post_category($display_category_option, $category_text, $number_of_cat);
                    }
                    ?>
                    <header class="entry-header">
                        <?php the_title('<h3 class="entry-title ' . $font_size . ' ' . $font_style . '"><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', 'fitnote'); ?></span>
                                <?php fitnote_the_theme_svg('calendar'); ?>
                                <?php
                                $date_format = !empty($instance['date_format']) ? $instance['date_format'] : 'classic';
                                    fitnote_posted_on($date_format);
                                ?>
                            </div>
                        <?php endif; ?>
                        <?php if (!empty($instance['show_author']) && $instance['show_author']) : ?>

                                <?php
                                if ($show_author) {
                                    fitnote_posted_by($display_author_option, $author_text);
                                }
                                ?>

                        <?php endif; ?>
                    </div>
                    <?php if ($show_excerpt) { ?>
                        <div class="entry-summary">
                            <?php
                            fitnote_the_archive_excerpt();
                            fitnote_the_archive_readmore();
                            ?>
                        </div><!-- .entry-summary -->
                    <?php } ?>
                </div>
            </article>
        </div>
        <?php
    }
}