@extends('front.layouts.app')
@section('content')


    <section class="aboutSec pt-0">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="col-md-5">
                    <div class="swiper listingSlider">
                        <div class="swiper-wrapper">
                            @foreach($data->getMedia('product_image') as $image)
                                <div class="swiper-slide">
                                    <figure>
                                        <img src="{{ $image->getUrl() }}" class="img-fluid" alt="image">
                                    </figure>
                                </div>
                            @endforeach
                        </div>
                        <div class="swiper-pagination"></div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>

                </div>
                <div class="col-md-6">
                    <div class="aboutContent">
                        <h2 class="secHeading" data-aos="fade-up">{{ $data->name }}</h2>
                        <p data-aos="fade-up">{!! $data->detail !!}</p>
                    </div>
                    <ul>
                        <li><span href="#"><i class="fas fa-bed"></i>{{ $data->bed }} Bed</span></li>
                        <li><span href="#"><i class="fas fa-bath"></i>{{ $data->bath }} Bath</span></li>
                        <li><span href="#"><i class="fas fa-h-square"></i>{{ $data->guest }} guests</span></li>
                    </ul>
                    <div class="btn-group">
                        @foreach($data->features as $key => $feature)
                            @if($key < 3)
                                <span href="#">{{ $feature->name }}</span>
                            @else
                                @break
                            @endif
                        @endforeach
                    </div>
                    <div class="aboutContent p-3">
                        <a href="{{ route('front.rent.purchase' , $data->id) }}">
                            <button type="button" class="themeBtn btn">Buy Now</button>
                        </a>
                    </div>
                </div>

            </div>
        </div>
    </section>

    {{--    @include('front.includes.contact')--}}

@endsection