<?php
$post_args = array(
    'post_type' => 'post',
    'post_status' => 'publish',
    'no_found_rows' => 1,
    'ignore_sticky_posts' => 1,
);
$banner_content_from = blogmarks_get_option('banner_content_from', 'category');
if ('category' == $banner_content_from) :
    $banner_cat = blogmarks_get_option('banner_cat');
    $banner_posts_orderby = esc_attr(blogmarks_get_option('banner_posts_orderby', 'date'));
    $post_args['posts_per_page'] = absint(blogmarks_get_option('no_of_banner_posts', 4));
    $post_args['orderby'] = ('id' == $banner_posts_orderby) ? strtoupper($banner_posts_orderby) : $banner_posts_orderby;
    $post_args['order'] = esc_attr(blogmarks_get_option('banner_posts_order', 'desc'));
    if (!empty($banner_cat)) :
        $post_args['tax_query'][] = array(
            'taxonomy' => 'category',
            'field' => 'term_id',
            'terms' => absint($banner_cat),
        );
    endif;
else :
    $banner_post_ids = blogmarks_get_option('banner_post_ids');
    if (!empty($banner_post_ids)) :
        $post_ids = explode(',', esc_attr($banner_post_ids));
        $post_args['post__in'] = $post_ids;
        $post_args['orderby'] = 'post__in';
        $post_args['posts_per_page'] = count($post_ids);
    endif;
endif;
$banner_posts = new WP_Query($post_args);
if ($banner_posts->have_posts()) :
    // Holds banner attributes.
    $data_banner = array();
    // Default image size.
    $image_size = 'large';
    $enable_banner_dots = $enable_banner_arrows = '';
    $banner_layout = blogmarks_get_option('banner_layout', 'boxed');
    $banner_display_as = blogmarks_get_option('banner_display_as', 'slider');
    $enable_banner_arrows = blogmarks_get_option('enable_banner_arrows', true);
    $enable_banner_dots = blogmarks_get_option('enable_banner_dots', true);
    $enable_banner_overlay = blogmarks_get_option('enable_banner_overlay', true);
    if ($enable_banner_overlay) {
        $banner_overlay_style = 'background-color:' . esc_attr(blogmarks_get_option('banner_overlay_color', '#000000')) . ';';
        $banner_overlay_style .= 'opacity:' . esc_attr(blogmarks_get_option('banner_overlay_opacity', 0.6)) . ';';
    }
    $show_banner_category = blogmarks_get_option('show_banner_category', true);
    if ($show_banner_category) {
        $banner_cat_style = blogmarks_get_option('banner_category_style', 'style_3');
        $banner_cat_color = blogmarks_get_option('banner_category_color_display', 'none');
        $banner_cat_limit = blogmarks_get_option('banner_category_limit', 1);
    }
    $banner_post_meta = blogmarks_get_option('banner_post_meta', array('author', 'date'));
    $banner_post_meta_settings = array(
        'date_format' => blogmarks_get_option('banner_posts_date_format', 'format_2'),
        'author_image' => blogmarks_get_option('enable_banner_author_image'),
        'show_icons' => blogmarks_get_option('show_banner_post_meta_icon', true),
    );
    $enable_banner_desc = blogmarks_get_option('enable_banner_desc');

    $banner_desc_length = blogmarks_get_option('banner_desc_length', 25);
    $enable_banner_read_more_btn = blogmarks_get_option('enable_banner_read_more_btn');
    $banner_read_more_btn_text = blogmarks_get_option('banner_read_more_btn_text');
    $banner_read_more_style = blogmarks_get_option('banner_read_more_style', 'style_3');
    $banner_read_more_icon = blogmarks_get_option('banner_read_more_icon');

    // Wrapper class for non full width banner.
    if ('boxed' == $banner_layout) :
        $container_class = 'site-wrapper';
    endif;
    if ('full-width' == $banner_layout) :
        $container_class = 'site-wrapper-fluid';
        $image_size = 'full';
    endif;
    if ('slider' == $banner_display_as) :
        $banner_style = 'as-slider style_1';
        $data_banner['effect'] = 'fade';
        $data_banner['fadeEffect'] = array(
            'crossFade' => true,
        );
        $title_font = blogmarks_get_option('banner_slider_font_size');
        $banner_style .= ' em-animate-content';
    else :
        $banner_style = 'as-carousel style_1';
        $item_gap = absint(blogmarks_get_option('banner_carousel_item_gap', 24));

        $data_banner['slidesPerView'] = 1;
        $data_banner['centeredSlides'] = true;
        $data_banner['keyboard'] = array(
            'enabled' => true,
        );
        $title_font = blogmarks_get_option('banner_carousel_font_size');
        $data_banner['spaceBetween'] = $item_gap;
        $data_banner['breakpoints'] = array(
            '1024' => array(
                'slidesPerView' => 1.5,
            ),
        );
        $banner_style .= ' em-animate-content';
    endif;
    if ($enable_banner_arrows) :
        $data_banner['navigation'] = array(
            'nextEl' => '.swiper-button-next',
            'prevEl' => '.swiper-button-prev',
        );
    endif;
    if ($enable_banner_dots) :
        $data_banner['pagination'] = array(
            'el' => '.swiper-pagination',
            'clickable' => true,
        );
    endif;
    if (blogmarks_get_option('enable_banner_autoplay', true)) :
        $data_banner['autoplay'] = array(
            'delay' => 5000,
        );
    endif;
    $wrapper_class = $banner_layout . ' ' . $banner_style;
    ?>
    <section class="site-section-block site-section-banner <?php echo esc_attr($wrapper_class); ?>">
        <div class="<?php echo esc_attr($container_class); ?>">
            <?php
            $banner_title = blogmarks_get_option('banner_title');
            if (!empty($banner_title)) :
                $title_style = blogmarks_get_option('banner_title_style', 'style_1');
                $title_align = 'site-section-title-align-' . blogmarks_get_option('banner_title_align', 'left');
                ?>
                <header class="site-section-header <?php echo esc_attr($title_style . ' ' . $title_align); ?>">
                    <h2 class="site-section-title">
                        <span><?php echo esc_html($banner_title); ?></span>
                    </h2>
                </header>
            <?php endif; ?>
            <div class="site-banner-init swiper" data-banner='<?php echo esc_attr(json_encode($data_banner)); ?>'>
                <div class="swiper-wrapper">
                    <?php
                    $title_limit = blogmarks_get_option('banner_posts_title_limit');
                    while ($banner_posts->have_posts()) :
                        $banner_posts->the_post();
                        if (has_post_thumbnail()) :
                            ?>
                            <div class="swiper-slide">
                                <article id="banner-post-<?php the_ID(); ?>" <?php post_class('site-banner-post'); ?>>
                                    <div class="entry-image image-hover-animate image-hover-zoom entry-image-<?php echo isset($image_size);?>">
                                        <a href="<?php the_permalink(); ?>">
                                            <?php if ($enable_banner_overlay) : ?>
                                                <span aria-hidden="true" class="site-background-overlay"
                                                      style="<?php echo $banner_overlay_style; ?>"></span>
                                            <?php endif; ?>
                                            <?php
                                            the_post_thumbnail(
                                                $image_size,
                                                array(
                                                    'alt' => the_title_attribute(
                                                        array(
                                                            'echo' => false,
                                                        )
                                                    ),
                                                )
                                            );
                                            ?>
                                        </a>
                                    </div>
                                    <div class="banner-caption">
                                        <?php
                                        if ($show_banner_category) :
                                            blogmarks_post_categories($banner_cat_style, $banner_cat_color, $banner_cat_limit);
                                        endif;
                                        ?>
                                        <h3 class="entry-title entry-title-<?php echo esc_attr($title_font); ?> title-line-clamp <?php echo esc_attr($title_limit); ?>">
                                            <a href="<?php the_permalink(); ?>">
                                                <?php the_title(); ?>
                                            </a>
                                        </h3>
                                        <?php blogmarks_post_meta_info($banner_post_meta, $banner_post_meta_settings); ?>
                                        <?php
                                        if ($enable_banner_desc && $banner_desc_length > 0) {
                                            ?>
                                            <div class="banner-excerpt hide-on-mobile hide-on-tablet">
                                                <?php echo wp_trim_words(get_the_excerpt(), $banner_desc_length, '&hellip;'); ?>
                                            </div>
                                        <?php } ?>
                                        <?php
                                        if ($enable_banner_read_more_btn) {
                                            ?>
                                            <div class="banner-read-more">
                                                <a href="<?php the_permalink(); ?>"
                                                   class="blogmarks-btn-link <?php echo esc_attr($banner_read_more_style); ?>">
                                                    <?php
                                                    if ($banner_read_more_btn_text) {
                                                        echo esc_html($banner_read_more_btn_text);
                                                    } else {
                                                        esc_html_e('Read More', 'blogmarks');
                                                    }
                                                    if ($banner_read_more_icon) {
                                                        ?>
                                                        <span><?php blogmarks_the_theme_svg($banner_read_more_icon); ?></span>
                                                        <?php
                                                    }
                                                    ?>
                                                </a>
                                            </div>
                                            <?php
                                        }
                                        ?>
                                    </div>
                                </article>
                            </div>
                        <?php
                        endif;
                    endwhile;
                    wp_reset_postdata();
                    ?>
                </div>
                <?php
                if ($enable_banner_dots) :
                    echo '<div class="swiper-pagination"></div>';
                endif;
                if ($enable_banner_arrows) :
                    echo '<div class="swiper-button-next"></div><div class="swiper-button-prev"></div>';
                endif;
                ?>
            </div>
        </div>
    </section>
<?php
endif;