<?php 
$post_id = get_the_ID();
$post_meta = get_post_meta( get_the_ID(), 'epcl_post', true );
$single_size = 'epcl_vertical';
?>
<header>

    <?php if( has_post_thumbnail() ): ?>
        <div class="featured-image bg-box epcl-loader">
            <?php if( epcl_is_amp() ): ?>
                <?php the_post_thumbnail( $single_size, array('data-lazy' => 'false') ); ?>
            <?php else: ?>
                <?php the_post_thumbnail( $single_size, array('data-lazy' => 'false', 'loading' => 'eager') ); ?>
            <?php endif; ?>     
        </div>
        <div class="info epcl-flex">   
            <!-- start: .meta -->
            <div class="meta top">
                <?php if( epcl_get_option( 'enable_single_category', true ) ): ?>
                    <div class="tags hide-on-mobile">
                        <?php echo epcl_get_primary_category_link( $post_meta, $post_id ); ?>  
                    </div>
                <?php endif; ?>
                <?php if( epcl_get_option( 'enable_single_meta_data', true ) ): ?>
                    <?php get_template_part('partials/meta-info/date'); ?>
                    <?php get_template_part('partials/meta-info/reading-time'); ?>
                <?php endif; ?>
            </div>
            <!-- end: .meta -->    
            <?php if( get_the_title() ): ?>
                <h1 class="main-title title bordered small-border-radius no-margin"><?php the_title(); ?></h1>
            <?php endif; ?>
            <!-- start: .meta -->
            <div class="meta epcl-flex">
                <?php if( epcl_get_option( 'enable_single_author', true ) ): ?>
                    <div class="hide-on-desktop-sm">
                        <?php get_template_part('partials/meta-info/author'); ?>
                    </div>
                <?php endif; ?>
                <?php if( epcl_get_option( 'enable_single_meta_data', true ) ): ?>
                    <?php get_template_part('partials/meta-info/modified-date'); ?>
                <?php endif; ?>
            </div>
            <!-- end: .meta -->             
        </div>
    <?php else: ?>
        <div class="info epcl-flex">    
            <?php if( get_the_title() ): ?>
                <h1 class="main-title title bordered small-border-radius no-margin"><?php the_title(); ?></h1>
                <!-- start: .meta -->
                <div class="meta">
                    <?php if( epcl_get_option( 'enable_single_meta_data', true ) ): ?>
                        <?php get_template_part('partials/meta-info/date'); ?>
                        <?php get_template_part('partials/meta-info/reading-time'); ?>
                        <?php get_template_part('partials/meta-info/modified-date'); ?>
                    <?php endif; ?>               
                    <div class="clear"></div>
                </div>
                <!-- end: .meta -->      
            <?php endif; ?>       
        </div>
    <?php endif; ?>

	<div class="clear"></div>

</header>