<?php
get_header(); ?>

    <?php if (have_posts()) :
        // Queue the first post.
        the_post(); ?>

 
   <div class="container-fluid page-top-header">
    <div class="page-top-header-box">
      <div class="row">
          <div class="container-fluid page-top-header">
            <div class="row">
            <img src="<?php echo get_stylesheet_directory_uri() ?>/images/header-img-default.jpg" alt="K Hotel" />
        </div>
         </div>
</div>
</div>

        <div class="container">
            <div class="breadcrumb-text">
                <span>The ultimate luxury</span>
                <h1 class="page-header-title">News</h1>
            </div>
            <div class="breadcrumb-top">
              <ul class="breadcrumb-nav">
                <li><a href="<?php echo home_url(); ?>">Home</a></li>
                    <li>|</li>
                    <li>News</li>
                </ul>
            </div>
        </div>
 </div>


       <div class="container">

        <div class="archive-news col-lg-8 col-md-8">
        <?php
        // Rewind the loop back
        rewind_posts();
        ?>
        <div class="row">
        <?php while (have_posts()) : the_post(); ?>
            <?php
             //Get featured image
                if (has_post_thumbnail( $post->ID )) $feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'image-blog' ); 

                //Get feaured image ALT text
                $post_img_id = get_post_thumbnail_id($post->ID);
                $alt_feat_text = get_post_meta( $post_img_id, '_wp_attachment_image_alt', true );
                if(empty( $alt_feat_text )){
                    $alt_feat_text = get_the_title();
                } 
                ?>

                <div class="col-md-12 home-blog-box">
                    <div class="home-blog-inner">
                        <?php 
                        if (has_post_thumbnail( $post->ID )) { 
                        echo '<img src="'.$feat_image[0].'" alt="'.$alt_feat_text.'" />'; ?>
                    <?php } else { ?>
                        <img src="<?php echo get_stylesheet_directory_uri() ?>/images/blog-placeholder-415-310.jpg" alt="<?php the_title(); ?>" />
                    <?php } ?>
                    <div class="news-archive-content">
                        <p><?php the_tags( ' ', ' • ', '<br />' ); ?></p>

                        <a href="<?php echo the_permalink() ?>"><h4><?php echo the_title() ?></h4></a>
                        <ul class="post-meta">
                                    <li><a href="#"><i class="far fa-eye"></i> <?php echo getPostViews(get_the_ID()); ?></a></li>
                                    <li><a href="#"><i class="far fa-comments"></i> <?php echo do_shortcode( '[wpb_total_comments]' ); ?></a></li>
                                    <li><a href="#"><i class="far fa-calendar-alt"></i> <?php the_time('jS F, Y'); ?></a></li>
                                </ul>
                                <?php the_excerpt(); ?>
                        <div class="post-footer">
                                    <div class="author">
                                        <?php echo get_avatar( get_the_author_meta('email'), '40' ); 
?>
                                        By <?php the_author_posts_link(); ?>
                                    </div>
                                </div>        
                    </div>
                    </div>
                </div>
            
        
    <?php endwhile; ?>
    </div>

       

    <?php endif; ?>
        

    </div>

    <div class="news-sidebar col-lg-4 col-md-4">
        <?php get_sidebar('news'); ?>
        </div>

        </div>

    <?php get_footer(); ?>