<?php

get_header(); 
global $atec; //Global variable for Redux
?>

  <?php if( ! empty($atec["main-title-accommodation"])) {
      $main_title_services = $atec["main-title-accommodation"];
  ?>
  <?php } ?>
  <?php if( ! empty($atec["subtitle-title-accommodation"])) {
      $subtitle_title_services = $atec["subtitle-title-accommodation"];
  ?>
  <?php } ?>
  <?php if( ! empty($atec["main-header-image-accommodation"])) {
      $main_header_image_accommodation = $atec["main-header-image-accommodation"];
  ?>
  <?php } ?>
    <?php if( ! empty($atec["yt-video"])) {
      $yt_video = $atec["yt-video"];
  ?>
  <?php } ?>



  
  <div class="container-fluid page-top-header">
    <div class="row">

        <a class="video-thumbnail dys-video wow flipInX" href="<?php echo $yt_video;?>" data-fancybox="gallery">
          <img class="video-img" src="<?php echo $main_header_image_accommodation['url'];?>" alt="Accommodation K Hotel" />
         </a>

    <div class="check-availability">
      <div class="container">
        123
      </div>
  </div>
</div>
  </div>
    </div>



   
  <div class="content accommodation-page page-content">
    <div class="container-fluid">
      <div class="row">
<section>
<div class="container section-list-accommadation-title">
    <h2 class="page-header-subtitle"><?php echo $subtitle_title_services; ?></h2>
    <h1 class="page-header-title"><?php echo $main_title_services; ?></h1>
</div>
</section>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <section class="feature-room-section pt-155 pb-115">
            <div class="row room-gird-loop mt-80 feature-room-slider">
                <div class="col-lg-4">
                    <div class="room-box">
                        <div class="room-img-wrap">
                            <div class="room-img" style="background-image: url(assets/img/room/01.jpg);"></div>
                        </div>
                        <div class="room-desc">
                            <ul class="icons">
                                <li><i class="fal fa-bed"></i></li>
                                <li><i class="fal fa-wifi"></i></li>
                                <li><i class="fal fa-car"></i></li>
                                <li><i class="fal fa-coffee"></i></li>
                                <li><i class="fal fa-concierge-bell"></i></li>
                                <li><i class="fal fa-compress-arrows-alt"></i></li>
                                <li><i class="fal fa-swimmer"></i></li>
                            </ul>
                            <h4 class="title"><a href="#">Minimal Duplex Room</a></h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipi sicing elit, sed do eiusmod tempor.</p>
                            <span class="price">$345/Night</span>
                            <a href="#" class="book-btn">Booking Now</a>
                        </div>
                    </div>
                </div>
            </div>
    </section>
    <!--====== FEATURE ROOM END ======-->
        <?php the_content(); ?>
      </div>
</div>

      </div>



  <?php endwhile; // end of the loop. ?>
<?php else: ?>
        
<?php endif; ?>


<?php get_footer(); ?>