<?php
/**
 * Template part to display header news ticker.
 *
 * @package Purenote
 */

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

$purenote_header_ticker_enable = purenote_get_customizer_option_value( 'purenote_header_ticker_enable' );

if ( false === $purenote_header_ticker_enable ) {
    return;
}

$purenote_header_ticker_label = purenote_get_customizer_option_value( 'purenote_header_ticker_label' );
$ticker_post_count = apply_filters( 'purenote_ticker_post_count', 6 );
$ticker_args = array(
    'posts_per_page' => absint( $ticker_post_count )
);

$purenote_ticker_posts_date_filter = purenote_get_customizer_option_value( 'purenote_ticker_posts_date_filter' );
if ( 'all' !== $purenote_ticker_posts_date_filter ) {
    $ticker_date_args = purenote_get_date_format_args( $purenote_ticker_posts_date_filter );
    $ticker_args['date_query'] = $ticker_date_args;
}

$dir_class = 'left';
$dir = 'ltr';
if ( is_rtl() ) {
    $dir_class = 'right';
    $dir = 'ltr';
}

?>
<div class="header-news-ticker-wrapper">
    <div class="purenote-container purenote-flex">
        <?php if ( ! empty( $purenote_header_ticker_label ) ) { ?>
            <div class="news-ticker-label purenote-flex">
                <div class="ticker-spinner">
               <div class="ticker-bounce1"></div>
               <div class="ticker-bounce2"></div>
                </div>
                <span class="label-text">
                    <?php echo esc_html( $purenote_header_ticker_label ); ?>
                </span>
            </div><!-- .news-ticker-label -->
        <?php } ?>
        <div class="news-ticker-posts-wrapper ticker-posts" direction="<?php echo esc_attr( $dir_class ); ?>" dir="<?php echo esc_attr( $dir ); ?>">
            <?php
                $ticker_query = new WP_Query( $ticker_args );
                if ( $ticker_query->have_posts() ) :

                    while ( $ticker_query->have_posts() ) {
                        $ticker_query->the_post();
                        if ( has_post_thumbnail() ) {
                            $post_img = 'has-image';
                        } else {
                            $post_img = 'no-image';
                        }
            ?>
                        <div class="single-post-wrap  <?php echo esc_attr( $post_img ); ?>">
                           <div class="post-thumb">
                                <?php the_post_thumbnail( 'thumbnail' ); ?>
                            </div><!-- .post-thumb -->

                            <div class="post-content-wrap">
                                <div class="post-meta">
                                    <?php purenote_posted_on(); ?>
                                </div><!-- .post-meta -->
                                <?php the_title( '<h3 class="post-title"> <a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); ?>
                            </div><!-- .post-content-wrap -->
                        </div><!-- .single-post-wrap -->
            <?php
                    }

                    wp_reset_postdata(); 

                endif;
            ?>
        </div><!-- .news-ticker-posts-wrapper -->
    </div><!-- .purenote-container -->
</div><!-- .header-news-ticker-wrapper -->
