<?php
if (!class_exists('Elegant_Magazine_Single_Col_Categorised_Posts')) :
    /**
     * Adds Elegant_Magazine_Single_Col_Categorised_Posts widget.
     */
    class Elegant_Magazine_Single_Col_Categorised_Posts extends AFthemes_Widget_Base
    {
        /**
         * Sets up a new widget instance.
         *
         * @since 1.0.0
         */
        function __construct()
        {
            $this->text_fields = array('em-categorised-posts-title', 'em-categorised-posts-subtitle', 'em-number-of-posts');
            $this->select_fields = array('em-select-category', 'em-show-excerpt');

            $widget_ops = array(
                'classname' => 'elegant_magazine_single_col_categorised_posts',
                'description' => __('Displays posts from selected category in single column.', 'elegant-magazine'),
                'customize_selective_refresh' => true,
            );

            parent::__construct('elegant_magazine_single_col_categorised_posts', __('EM Posts - Single Column ', 'elegant-magazine'), $widget_ops);
        }

        /**
         * Front-end display of widget.
         *
         * @see WP_Widget::widget()
         *
         * @param array $args Widget arguments.
         * @param array $instance Saved values from database.
         */

        public function widget($args, $instance)
        {

            $instance = parent::em_sanitize_data($instance, $instance);


            /** This filter is documented in wp-includes/default-widgets.php */

            $title = apply_filters('widget_title', $instance['em-categorised-posts-title'], $instance, $this->id_base);
            $subtitle = isset($instance['em-categorised-posts-subtitle']) ? $instance['em-categorised-posts-subtitle'] : '';
            $category = isset($instance['em-select-category']) ? $instance['em-select-category'] : '0';
            $show_excerpt = isset($instance['em-show-excerpt']) ? $instance['em-show-excerpt'] : 'true';
            $number_of_posts = '5' ;
            $excerpt_length = '20';

            // open the widget container
            echo $args['before_widget'];
            ?>
            <?php if(!empty($title)): ?>
            <h2 class="widget-title">
                <span><?php echo esc_html($title); ?></span>
            </h2>
        <?php endif; ?>
            <?php if (!empty($subtitle)): ?>
            <p class="em-widget-subtitle"><?php echo esc_html($subtitle); ?></p>
        <?php endif; ?>
            <?php
                $all_posts = elegant_magazine_get_posts($number_of_posts, $category);
            ?>
            <div class="widget-block">
                <div class="row-sm">
                    <?php
                    if ($all_posts->have_posts()) :
                        while ($all_posts->have_posts()) : $all_posts->the_post();
                            if (has_post_thumbnail()) {
                                $thumb = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), 'elegant-magazine-medium');
                                $url = $thumb['0'];
                                $col_class = 'col-five';
                            } else {
                                $url = '';
                                $col_class = 'col-ten';
                            }
                            global $post;

                            ?>
                            <div class="col col-ten base-border">
                                <div class="row-sm align-items-center">
                                    <?php if(!empty($url)): ?>
                                    <div class="col col-five col-image">
                                        <figure class="categorised-article">
                                            <div class="categorised-article-item">
                                                <div class="article-item-image">
                                                    <img src="<?php echo esc_url($url); ?>" alt="<?php the_title_attribute(); ?>">
                                                </div>
                                            </div>
                                        </figure>
                                    </div>
                                    <?php endif; ?>
                                    <div class="col col-details <?php echo esc_attr($col_class); ?>">
                                        <div class="figure-categories figure-categories-2">
                                            <?php elegant_magazine_post_categories('/'); ?>
                                        </div>
                                        <h3 class="article-title article-title-2">
                                            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                                        </h3>
                                        <div class="grid-item-metadata">
                                            <?php echo elegant_magazine_post_format($post->ID); ?>
                                            <?php elegant_magazine_post_item_meta(); ?>
                                        </div>
                                        <?php if ($show_excerpt != 'false'): ?>
                                            <div class="full-item-discription">
                                                <div class="post-description">
                                                    <?php if (absint($excerpt_length) > 0) : ?>
                                                        <?php
                                                        $excerpt = elegant_magazine_get_excerpt($excerpt_length, get_the_content());
                                                        echo wp_kses_post(wpautop($excerpt));
                                                        ?>
                                                    <?php endif; ?>
                                                </div>
                                            </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        <?php
                        endwhile;

                        ?>

                    <?php endif;
                    wp_reset_postdata(); ?>
                </div>
            </div>

            <?php
            // close the widget container
            echo $args['after_widget'];
        }

        /**
         * Back-end widget form.
         *
         * @see WP_Widget::form()
         *
         * @param array $instance Previously saved values from database.
         */
        public function form($instance)
        {
            $this->form_instance = $instance;
            $options = array(
                'true' => __('Yes', 'elegant-magazine'),
                'false' => __('No', 'elegant-magazine')

            );


            //print_pre($terms);
            $categories = elegant_magazine_get_terms();

            if (isset($categories) && !empty($categories)) {
                // generate the text input for the title of the widget. Note that the first parameter matches text_fields array entry
                echo parent::em_generate_text_input('em-categorised-posts-title', 'Title', 'Single Column Posts');
                echo parent::em_generate_text_input('em-categorised-posts-subtitle', 'Subtitle', 'Single Column Posts Subtitle');
                echo parent::em_generate_select_options('em-select-category', __('Select category', 'elegant-magazine'), $categories);

                echo parent::em_generate_select_options('em-show-excerpt', __('Show excerpt', 'elegant-magazine'), $options);

            }

            //print_pre($terms);


        }

    }
endif;