<?php
/**
 * Template part for displaying front page imtroduction.
 *
 * @package Moral
 */


// Get the content type.
$featured_news = get_theme_mod( 'moral_magazine_featured_news', 'disable' );
$featured_news_count = 4;

// Bail if the section is disabled.
if ( 'disable' === $featured_news ) {
    return;
}

$content_detail = moral_magazine_get_section_content( 'featured_news', $featured_news, $featured_news_count );

?>
<div id="magazine_pro_featured_news_section" class="relative page-section same-background featured_news">
    <div class="wrapper">
        <div class="featured-news-wrapper">

            <?php if ( is_active_sidebar( 'featured-news-left-sidebar' ) ) { ?>
                <aside id="secondary" class="widget-area featured-left-sidebar" role="complementary">
                    <?php
                        dynamic_sidebar( 'featured-news-left-sidebar' );
                    ?>
                </aside>
            <?php } ?>

            <div class="featured-news-post clear">
                <?php if ( get_theme_mod( 'moral_magazine_featured_news_title', __( 'Featured News', 'moral-magazine' ) ) ): ?>
                    <div class="section-header">
                        <h2 class="section-title"><?php echo esc_html( get_theme_mod( 'moral_magazine_featured_news_title', __( 'Featured News', 'moral-magazine' ) ) ); ?></h2>
                    </div>
                <?php endif ?>
                
                <div class="section-content col-2">
                    <?php foreach ($content_detail as $content): ?>
                        <article>
                            <div class="featured-news-post-wrapper">
                                <div class="featured-image" style="background-image: url('<?php echo esc_url( get_the_post_thumbnail_url( $content['id'] ) ) ; ?>');">
                                    <div class="overlay"></div>
                                </div>
                                <div class="entry-container">
                                    <header class="entry-header">
                                        <h2 class="entry-title">
                                            <a href="<?php echo esc_url( $content['url'] ) ; ?>"><?php echo esc_html( $content['title'] ) ; ?></a>
                                        </h2>
                                    </header>
                                    <div class="entry-meta">
                                        <?php moral_magazine_posted_on( $content['id'] ) ; ?>
                                        <span class="comment">
                                            <a href="<?php echo esc_url( $content['url'] ) ; ?>">
                                                <i class="fa fa-comment" aria-hidden="true"></i><?php echo esc_html( get_comments_number( $content['id'] ) ); ?>
                                            </a>
                                        </span>
                                        <span class="min-read"><?php echo moral_magazine_time_interval( $content['content'] ); echo esc_html__(' min read', 'moral-magazine'); ?></span>
                                    </div>
                                </div>
                            </div>
                        </article>
                    <?php endforeach ?>
                </div>
            </div>   <!-- .featured-news-post -->

            <?php if ( is_active_sidebar( 'featured-news-right-sidebar' ) ) { ?>
                <aside id="secondary" class="widget-area featured-right-sidebar" role="complementary">
                    <?php
                        dynamic_sidebar( 'featured-news-right-sidebar' );
                    ?>
                </aside>
            <?php } ?>
        </div>
    </div>
</div> <!-- #magazine_pro_featured_news_section -->
