@extends('website.layout.app')
@section('content') 
  @include('website.layout.package-header')

  <!--End Header-->
  <!--Main section-->
  <section class="hotel-inner-page padding-sec" data-aos="fade-up"
  data-aos-anchor-placement="top-bottom"  data-aos-delay="300">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 col-md-12 col-12">
          <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">
                  <button class="btn" type="submit">
                    <img src="{{ asset('website/images/search-icon.png') }}">
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>

     
    

  @foreach($package_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('package.package-inner-page', ['slug' => $details->url_slug]) }}">
                <img src="{{ asset($details->image)}}" width="100%" class="img-fluid">
              </a>
            </div>
            <div class="hotel-inner-details package-section">
              <span>{{json_decode($details->attributes)->number_of_nights}} Nights & {{json_decode($details->attributes)->number_of_days}} Days</span>
              <a style="color:#000;" href="{{ route('package.package-inner-page', ['slug' => $details->url_slug]) }}">
                <h4>{{json_decode($details->attributes)->address}} </h4>
               </a>
              <div class="package-location">
                <i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;<a href="https://goo.gl/maps/pxxqmorzMK95aPFU6"
                  target="_blank">
                  {{json_decode($details->attributes)->address}}</a>
              </div>
              <div class="d-flex mt-4">
                <h4>{{json_decode($details->attributes)->price}}<br><span>Incl all Tax
                </span></h4>
              </div>
              <button class="btn" type="button" data-bs-toggle="modal" data-bs-target="#myModalpackage">Book Now</button>
            </div>
          </div>
        </div>
    @endforeach


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

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

 
          @endsection