@extends('website.layout.app')
@section('content') 
@include('website.layout.hotel-inner-page-header')
  <!--End Header-->
  <!--Main section-->
  <section class="hotel-inner-page padding-sec">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 col-md-12 col-12" data-aos="fade-up"
        data-aos-anchor-placement="top-bottom"  data-aos-delay="300">

         <div class="row search-button">
    <div class="form-group has-error has-feedback">
        <div class="col-md-6 offset-md-3">
            <div class="input-group mb-3">
                <input type="text" class="form-control" id="autocomplete" placeholder="Search for a hotel city...">
                <button class="btn autocomplete_submit" type="submit">
                    <img src="{{ asset('website/images/search-icon.png') }}">
                </button>
            </div>
        </div>
    </div>
</div>


        </div>
        <div class="col-lg-12 col-md-12 col-12" data-aos="fade-up"
        data-aos-anchor-placement="top-bottom"  data-aos-delay="300">
          <div class="row">


          
     @foreach($hotel_details as $details)
            <div class="col-lg-4 col-md-6 col-12 mt-5">
              <div class="hotel-detail-box">
                <div class="hotel-inner-box-image">
                  <a href="{{ route('hotel.detail', ['slug' => $details->url_slug]) }}">
                    <img src="{{ asset($details->main_image)}}" width="100%" class="img-fluid">
                  </a>
                </div>
                <div class="hotel-inner-details">
                  <a href="{{ route('hotel.detail', ['slug' => $details->url_slug]) }}" style="color:#000;">
                    <h4 >{{json_decode($details->attributes)->hotel_name}}</h4>
                  </a>
                  
                  <i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;<a href="https://goo.gl/maps/ekzKm8W7vwtttjz8A" target="_blank">Bani Yas Road, Deira, Dubai, AE 476</a>
                  <h4>{{json_decode($details->attributes)->price}}<br><span>Incl all Tax
                  </span></h4>
                  <button class="btn book-now" type="button" data-bs-toggle="modal"  data-hotel-id="{{ $details->id }}" data-bs-target="#myModalHotel">Book Now</button>
                </div>
              </div>
            </div>

    @endforeach



     
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--End-->
    <!--Pagination-->
    <!-- <div class="pagination text-center">
    
      <ul class="pagination justify-content-center">

        <li class="page-item"><a class="page-link active" href="javascript:void(0);">1</a></li>
        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
      </ul>
    </div> -->






   <div class="pagination text-center">
  <!-- Center-aligned -->
  <ul class="pagination justify-content-center">
  

    @foreach(range(1, $hotel_details->lastPage()) as $page)
      @if ($page == $hotel_details->currentPage())
       <li class="page-item"><a class="page-link active" href="{{ $hotel_details->url($page) }}">{{ $page }}</a></li>
      @else
        <li class="page-item"><a class="page-link" href="{{ $hotel_details->url($page) }}">{{ $page }}</a></li>
      @endif
    @endforeach

  
  </ul>
</div>



        @endsection