<?php if(have_posts()) : the_post(); ?>
  <!-- BANNER SECTION -->
  <?php
  // Get slider posts
  $args = array(
      'post_type' => 'slider',
      'posts_per_page' => -1,
      'orderby' => 'date',
      'order' => 'DESC'
  );

  $slider_query = new WP_Query($args);
  ?>

  <!-- BANNER SECTION -->
  <div class="float-left w-100 position-relative banner-con">
      <div class="container-fluid p-0">
          <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
              <div class="carousel-inner">
                  <?php
                  if($slider_query->have_posts()) :
                      $i = 0;
                      while($slider_query->have_posts()) : $slider_query->the_post();
                  ?>
                      <div class="carousel-item <?php echo ($i == 0) ? 'active' : ''; ?>">
                          <?php if(has_post_thumbnail()) : ?>
                              <?php the_post_thumbnail('full', array('class' => 'd-block w-100')); ?>
                          <?php endif; ?>

                          <div class="carousel-caption d-block text-white w-100">
                              <span class="special-heading1 d-block"><?php the_title(); ?></span>
                              <?php the_content(); ?>
                              <div class="secondary-button d-inline-block">
                                  <a href="tel:<?php the_field('phone_number', 'option'); ?>" class="d-inline-block cal-us">
                                      Enquire Now <i class="fa-solid fa-arrow-right ml-2"></i>
                                  </a>
                              </div>
                          </div>
                      </div>
                  <?php
                      $i++;
                      endwhile;
                      wp_reset_postdata();
                  endif;
                  ?>
              </div>

              <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              </a>
              <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                  <span class="carousel-control-next-icon" aria-hidden="true"></span>
              </a>
          </div>
          <!-- container fluid -->
      </div>
      <!-- banner con -->
  </div>
  <!-- ABOUT US SECTION -->
  <section class="float-left w-100 position-relative about-us-con padding-top padding-bottom main-box m-0">
      <div class="container wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.3s">
          <div class="row">
              <div class="col-lg-7 col-md-6">
                  <div class="about-left-con position-relative">
                      <?php
                      $image1 = get_field('about_image1');
                      $image2 = get_field('about_image2');
                      if($image1): ?>
                          <figure class="image1">
                              <img src="<?php echo esc_url($image1['url']); ?>"
                                   alt="<?php echo esc_attr($image1['alt']); ?>"
                                   class="position-relative img-fluid">
                          </figure>
                      <?php endif; ?>

                      <?php if($image2): ?>
                          <figure class="position-absolute image2">
                              <img src="<?php echo esc_url($image2['url']); ?>"
                                   alt="<?php echo esc_attr($image2['alt']); ?>">
                          </figure>
                      <?php endif; ?>
                  </div>
              </div>
              <div class="col-lg-5 col-md-6">
                  <div class="about-right-con">
                      <div class="heading-title-con">
                          <?php if($special_text = get_field('about_special_text')): ?>
                              <span class="special-text beige-text text-uppercase font-archivo d-block">
                                  <?php echo esc_html($special_text); ?>
                              </span>
                          <?php endif; ?>

                          <?php if($heading = get_field('about_heading')): ?>
                              <h2><?php echo esc_html($heading); ?></h2>
                          <?php endif; ?>

                          <?php if($description = get_field('about_description')): ?>
                              <p><?php echo wp_kses_post($description); ?></p>
                          <?php endif; ?>
                      </div>

                      <div class="statistics-con">
                          <div class="row">
                              <div class="col-lg-4 col-4">
                                  <div class="statistics-box">
                                      <span class="d-inline-block counter beige-text">3 </span>
                                      <span class="span-text d-block font-archivo">Bedrooms</span>
                                  </div>
                              </div>
                              <div class="col-lg-4 col-4">
                                  <div class="statistics-box">
                                      <span class="d-inline-block beige-text counter">10</span>
                                      <sup class="d-inline-block beige-text">+</sup>
                                      <span class="span-text d-block font-archivo">Persons</span>
                                  </div>
                              </div>
                              <div class="col-lg-4 col-4">
                                  <div class="statistics-box">
                                      <span class="d-inline-block beige-text counter">3 </span>
                                      <span class="span-text d-block font-archivo">Cars Parking</span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>
  <!-- ROOMS AND SUITS SECTION -->
<section class="float-left w-100 position-relative padding-top pb-5 main-box rooms-and-suits-con3 background-fcf6f4">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-6">
                <div class="heading-title-con">
                    <?php if($rooms_special_text = get_field('rooms_special_text')): ?>
                        <span class="special-text beige-text text-uppercase font-archivo d-block">
                            <?php echo esc_html($rooms_special_text); ?>
                        </span>
                    <?php endif; ?>

                    <?php if($rooms_heading = get_field('rooms_heading')): ?>
                        <h2><?php echo esc_html($rooms_heading); ?></h2>
                    <?php endif; ?>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="heading-title-con mb-0">
                    <?php if($rooms_description = get_field('rooms_description')): ?>
                        <p class="pl-2 mb-0"><?php echo wp_kses_post($rooms_description); ?></p>
                    <?php endif; ?>
                </div>
            </div>
        </div>

        <?php if(have_rows('rooms')): ?>
    <div class="row">
        <?php while(have_rows('rooms')): the_row();
            $room_image = get_sub_field('room_image');  // Changed from 'image'
            $room_title = get_sub_field('room_title');  // Changed from 'title'
            $room_guests = get_sub_field('room_guests'); // Changed from 'guests'
            $room_beds = get_sub_field('room_beds');    // Changed from 'beds'
            $room_book_link = get_sub_field('room_book_link'); // Changed from 'book_link'
        ?>
            <div class="col-lg-4 col-md-4">
                <div class="suit-box position-relative">
                    <?php if($room_image): ?>
                        <figure>
                            <img src="<?php echo esc_url($room_image['url']); ?>"
                                 alt="<?php echo esc_attr($room_image['alt']); ?>"
                                 class="img-fluid">
                        </figure>
                    <?php endif; ?>
                    <div class="suit-inner-con text-center position-relative">

                        <div class="suit-content">
                            <?php if($room_title): ?>
                                <h4><?php echo esc_html($room_title); ?></h4>
                            <?php endif; ?>
                            <?php if($room_guests || $room_beds): ?>
                                <!-- <span class="d-inline-block font-archivo font-weight-normal font-size-14 pr-2 border-right">
                                    <?php echo esc_html($room_guests); ?>
                                </span> -->
                                <span class="d-inline-block pl-2 font-archivo font-weight-normal font-size-14">
                                    <?php echo esc_html($room_beds); ?>
                                </span>
                            <?php endif; ?>
                        </div>
                        <?php if($room_book_link): ?>
                            <a href="<?php echo esc_url($room_book_link); ?>"
                               class="font-archivo beige-text d-block mb-0">
                                Book Now <i class="fa-solid fa-arrow-right ml-2"></i>
                            </a>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        <?php endwhile; ?>
    </div>
<?php endif; ?>
<div class="primary-button d-block text-center justify-content-center mt-5">
    <a href="https://wa.me/<?php the_field('phone_number', 'option'); ?>" class="d-inline-block pl-3 pr-3 whatsapp-us">
        Enquiry <i class="fa-solid fa-arrow-right ml-2"></i>
    </a>
</div>
    </div>
</section>

<!-- GALLERY SECTION -->
<section class="float-left w-100 position-relative gallery-con padding-top main-box text-center">
    <div class="container wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.3s">
        <div class="heading-title-con">
            <?php if($gallery_special_text = get_field('gallery_special_text')): ?>
                <span class="special-text beige-text text-uppercase font-archivo d-block">
                    <?php echo esc_html($gallery_special_text); ?>
                </span>
            <?php endif; ?>

            <?php if($gallery_heading = get_field('gallery_heading')): ?>
                <h2 class="mb-0"><?php echo wp_kses_post($gallery_heading); ?></h2>
            <?php endif; ?>
        </div>

        <?php
  $gallery_images = get_field('gallery_images');
  if($gallery_images): ?>
      <div class="row">
          <?php foreach($gallery_images as $image_id):
              $image = wp_get_attachment_image_src($image_id, 'medium_large');
              $full_image = wp_get_attachment_image_src($image_id, 'full');
              $alt_text = get_post_meta($image_id, '_wp_attachment_image_alt', true);
          ?>
              <div class="col-lg-4 col-md-4">
                  <div class="gallery-img-con">
                    <?php if(wp_is_mobile()){ ?>

                          <img src="<?php echo esc_url($image[0]); ?>"
                               alt="<?php echo esc_attr($alt_text); ?>"
                               class="img-fluid">

                    <?php } else{ ?>
                      <a href="<?php echo esc_url($full_image[0]); ?>"
                         class="zoom"
                         data-toggle="modal"
                         data-target="#lightbox">
                          <img src="<?php echo esc_url($image[0]); ?>"
                               alt="<?php echo esc_attr($alt_text); ?>"
                               class="img-fluid">
                      </a>
                    <?php } ?>
                  </div>
              </div>
          <?php endforeach; ?>
      </div>
      <!-- Lightbox Modal -->
      <div class="modal fade" id="lightbox" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
              <div class="modal-content">
                  <div class="modal-body">
                      <div id="galleryCarousel" class="carousel slide" data-ride="carousel">
                          <div class="carousel-inner">
                              <?php
                              $i = 0;
                              foreach($gallery_images as $image_id):
                                  $full_image = wp_get_attachment_image_src($image_id, 'full');
                                  $alt_text = get_post_meta($image_id, '_wp_attachment_image_alt', true);
                              ?>
                                  <div class="carousel-item <?php echo ($i === 0) ? 'active' : ''; ?>">
                                      <img src="<?php echo esc_url($full_image[0]); ?>"
                                           class="d-block w-100"
                                           alt="<?php echo esc_attr($alt_text); ?>">
                                  </div>
                              <?php
                              $i++;
                              endforeach; ?>
                          </div>
                          <a class="carousel-control-prev" href="#galleryCarousel" role="button" data-slide="prev">
                              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                              <span class="sr-only">Previous</span>
                          </a>
                          <a class="carousel-control-next" href="#galleryCarousel" role="button" data-slide="next">
                              <span class="carousel-control-next-icon" aria-hidden="true"></span>
                              <span class="sr-only">Next</span>
                          </a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  <?php endif; ?>
  <div class="primary-button d-inline-block">
      <a href="https://wa.me/<?php the_field('phone_number', 'option'); ?>" class="d-inline-block pl-3 pr-3 whatsapp-us">
          Enquiry <i class="fa-solid fa-arrow-right ml-2"></i>
      </a>
  </div>
    </div>
</section>
  <!-- WHAT WE PROVIDE SECTION -->
  <section class="float-left w-100 position-relative wt-we-provide-con3 padding-top padding-bottom main-box ">
      <div class="container">
          <div class="heading-title-con text-center">
              <?php if($amenities_special_text = get_field('amenities_special_text')): ?>
                  <span class="special-text beige-text text-uppercase font-archivo d-block">
                      <?php echo esc_html($amenities_special_text); ?>
                  </span>
              <?php endif; ?>

              <?php if($amenities_heading = get_field('amenities_heading')): ?>
                  <h2><?php echo wp_kses_post($amenities_heading); ?></h2>
              <?php endif; ?>
          </div>

          <?php if(have_rows('amenities')): ?>
              <div class="row">
                  <?php while(have_rows('amenities')): the_row();
                      $icon = get_sub_field('icon');
                      $title = get_sub_field('title');
                      $description = get_sub_field('description');
                  ?>
                      <div class="col-lg-4 col-md-6">
                          <div class="provider-box d-flex">
                              <?php if($icon): ?>
                                  <figure>
                                      <img src="<?php echo esc_url($icon['url']); ?>"
                                           alt="<?php echo esc_attr($icon['alt']); ?>">
                                  </figure>
                              <?php endif; ?>

                              <div class="provider-content">
                                  <?php if($title): ?>
                                      <h4><strong><?php echo esc_html($title); ?></strong></h4>
                                  <?php endif; ?>

                                  <?php if($description): ?>
                                      <p class="mb-0"><?php echo wp_kses_post($description); ?></p>
                                  <?php endif; ?>
                              </div>
                          </div>
                      </div>
                  <?php endwhile; ?>
              </div>
          <?php endif; ?>
      </div>
  </section>


<!-- COUPLE FRIENDLY SECTION -->
<section class="float-left w-100 position-relative who-we-are-con who-we-comfort-con padding-top padding-bottom main-box background-cf7965">
    <img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/vector-icon.png"
         alt="vector-icon"
         class="img-fluid position-absolute vector-icon">

    <div class="container wow fadeIn" data-wow-duration="2s" data-wow-delay="0.3s">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-6">
                <!-- Left column empty for design purposes -->
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="who-we-are-content-con">
                    <div class="heading-title-con">
                        <?php if($couple_heading = get_field('couple_heading')): ?>
                            <h2 class="text-white"><?php echo esc_html($couple_heading); ?></h2>
                        <?php endif; ?>

                        <?php if($couple_description = get_field('couple_description')): ?>
                            <p class="text-white mb-0"><?php echo wp_kses_post($couple_description); ?></p>
                        <?php endif; ?>
                    </div>

                    <?php if($couple_reservation_link = get_field('couple_reservation_link')): ?>
                        <div class="secondary-button d-inline-block">
                            <a href="https://wa.me/<?php the_field('phone_number', 'option'); ?>" class="d-inline-block whatsapp-us">
                                Enquiry <i class="fa-solid fa-arrow-right ml-2"></i>
                            </a>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- MEMBERSHIP SECTION -->
<section class="float-left w-100 position-relative membership-con padding-top padding-bottom main-box background-fcf6f4">
    <div class="container wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.3s">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-6">
                <div class="membership-content-con">
                    <div class="heading-title-con mb-0">
                        <?php if($membership_special_text = get_field('membership_special_text')): ?>
                            <span class="special-text beige-text text-uppercase font-archivo d-block">
                                <?php echo esc_html($membership_special_text); ?>
                            </span>
                        <?php endif; ?>

                        <?php if($membership_heading = get_field('membership_heading')): ?>
                            <h2><?php echo esc_html($membership_heading); ?></h2>
                        <?php endif; ?>

                        <?php if($membership_description = get_field('membership_description')): ?>
                            <p><?php echo wp_kses_post($membership_description); ?></p>
                        <?php endif; ?>
                    </div>

                    <?php if($membership_whatsapp_link = get_field('membership_whatsapp_link')): ?>
                        <div class="primary-button d-inline-block">
                            <a href="https://wa.me/<?php the_field('phone_number', 'option'); ?>" class="d-inline-block pl-3 pr-3 whatsapp-us">
                                Chat on WhatsApp <i style="font-size:22px" class="fa-brands fa-whatsapp ml-2"></i>
                            </a>
                        </div>
                    <?php endif; ?>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 pl-0">
                <?php if(have_rows('benefits')): ?>
                    <div class="member-benefits-con float-right">
                        <?php while(have_rows('benefits')): the_row();
                            $benefit_icon = get_sub_field('icon');
                            $benefit_title = get_sub_field('title');
                        ?>
                            <div class="benefit-box">
                                <?php if($benefit_icon): ?>
                                    <img src="<?php echo esc_url($benefit_icon['url']); ?>"
                                         alt="<?php echo esc_attr($benefit_icon['alt']); ?>"
                                         class="img-fluid">
                                <?php endif; ?>

                                <?php if($benefit_title): ?>
                                    <h4 class="mb-0"><?php echo nl2br(esc_html($benefit_title)); ?></h4>
                                <?php endif; ?>
                            </div>
                        <?php endwhile; ?>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
</section>
<!-- TESTIMONIALS SECTION -->
<section class="float-left w-100 position-relative testimonials-con padding-top padding-bottom main-box">
    <div class="container wow fadeIn" data-wow-duration="2s" data-wow-delay="0.3s">
        <div class="heading-title-con text-center">
            <?php if($testimonials_special_text = get_field('testimonials_special_text')): ?>
                <span class="special-text beige-text text-uppercase font-archivo d-block">
                    <?php echo esc_html($testimonials_special_text); ?>
                </span>
            <?php endif; ?>

            <?php if($testimonials_heading = get_field('testimonials_heading')): ?>
                <h2 class="mb-0"><?php echo wp_kses_post($testimonials_heading); ?></h2>
            <?php endif; ?>
        </div>

        <?php if(have_rows('testimonials')): ?>
            <div class="owl-carousel">
                <?php while(have_rows('testimonials')): the_row();
                    $content = get_sub_field('content');
                    $author = get_sub_field('author');
                    $designation = get_sub_field('designation');
                ?>
                    <div class="item">
                        <div class="white-box">
                            <figure>
                                <img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/quote-icon.png"
                                     alt="quote"
                                     class="img-fluid">
                            </figure>

                            <?php if($content): ?>
                                <p><?php echo wp_kses_post($content); ?></p>
                            <?php endif; ?>

                            <div class="testimonial-detail d-flex align-items-center">
                                <div class="name-outer">
                                    <img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/stars-icon.png"
                                         alt="rating"
                                         class="img-fluid">

                                    <?php if($author): ?>
                                        <h5><?php echo esc_html($author); ?></h5>
                                    <?php endif; ?>

                                    <?php if($designation): ?>
                                        <span class="d-block font-archivo designation">
                                            <?php echo esc_html($designation); ?>
                                        </span>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
            </div>
        <?php endif; ?>
    </div>
</section>

<!-- FAQ SECTION -->
<section class="float-left w-100 position-relative padding-top padding-bottom faq-con main-box background-fcf6f4">
    <div class="container">
        <div class="heading-title-con text-center">
            <?php if($faq_special_text = get_field('faq_special_text')): ?>
                <span class="special-text beige-text text-uppercase font-archivo d-block">
                    <?php echo esc_html($faq_special_text); ?>
                </span>
            <?php endif; ?>

            <?php if($faq_heading = get_field('faq_heading')): ?>
                <h2 class="mb-0"><?php echo wp_kses_post($faq_heading); ?></h2>
            <?php endif; ?>
        </div>

        <?php if(have_rows('faqs')): ?>
            <div class="accordian-section-inner position-relative float-left w-100">
                <div class="accordian-inner">
                    <div id="secure_accordion1">
                        <div class="row">
                            <?php
                            $faq_count = count(get_field('faqs'));
                            $half_count = ceil($faq_count / 2);
                            $counter = 0;
                            ?>

                            <!-- First Column -->
                            <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                                <div class="faq-inner-wrapper">
                                    <?php while(have_rows('faqs') && $counter < $half_count): the_row();
                                        $question = get_sub_field('question');
                                        $answer = get_sub_field('answer');
                                        $faq_id = 'faq_' . $counter;
                                    ?>
                                        <div class="accordion-card">
                                            <div class="card-header" id="heading_<?php echo esc_attr($faq_id); ?>">
                                                <a href="#" class="btn btn-link collapsed"
                                                   data-toggle="collapse"
                                                   data-target="#collapse_<?php echo esc_attr($faq_id); ?>"
                                                   aria-expanded="false"
                                                   aria-controls="collapse_<?php echo esc_attr($faq_id); ?>">
                                                    <h5><?php echo esc_html($question); ?></h5>
                                                </a>
                                            </div>

                                            <div id="collapse_<?php echo esc_attr($faq_id); ?>"
                                                 class="collapse"
                                                 aria-labelledby="heading_<?php echo esc_attr($faq_id); ?>"
                                                 data-parent="#secure_accordion1">
                                                <div class="card-body">
                                                    <p class="text-size-16 text-left mb-0">
                                                        <?php echo wp_kses_post($answer); ?>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    <?php
                                    $counter++;
                                    endwhile; ?>
                                </div>
                            </div>

                            <!-- Second Column -->
                            <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                                <div class="faq-inner-wrapper">
                                    <?php
                                    while(have_rows('faqs')): the_row();
                                        if($counter >= $half_count):
                                            $question = get_sub_field('question');
                                            $answer = get_sub_field('answer');
                                            $faq_id = 'faq_' . $counter;
                                    ?>
                                        <div class="accordion-card">
                                            <div class="card-header" id="heading_<?php echo esc_attr($faq_id); ?>">
                                                <a href="#" class="btn btn-link collapsed"
                                                   data-toggle="collapse"
                                                   data-target="#collapse_<?php echo esc_attr($faq_id); ?>"
                                                   aria-expanded="false"
                                                   aria-controls="collapse_<?php echo esc_attr($faq_id); ?>">
                                                    <h5><?php echo esc_html($question); ?></h5>
                                                </a>
                                            </div>

                                            <div id="collapse_<?php echo esc_attr($faq_id); ?>"
                                                 class="collapse"
                                                 aria-labelledby="heading_<?php echo esc_attr($faq_id); ?>"
                                                 data-parent="#secure_accordion1">
                                                <div class="card-body">
                                                    <p class="text-size-16 text-left mb-0">
                                                        <?php echo wp_kses_post($answer); ?>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    <?php
                                        endif;
                                        $counter++;
                                    endwhile;
                                    ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <?php endif; ?>
    </div>
</section>

<?php get_footer(); ?>
<?php endif; ?>