@extends('layout')

@section('page-title', 'Accommodation')

@section('content')
    <div class="rts__section page__hero__height page__hero__bg if__has__search" style="background-image: url({{ asset("assets/images/pages/header__bg.webp") }});">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-12">
                    <div class="page__hero__content">
                        <h1 class="wow fadeInUp">Our Room</h1>
                        <p class="wow fadeInUp font-sm">
                            A step up from the standard room, often with better views, more space, and additional amenities.
                        </p>
                    </div>
                </div>
            </div>
            @include("accommodation.book")
        </div>
    </div>
    <div class="rts__section section__padding">
        <div class="container">
            <div class="row g-30">
                @foreach($accommodations as $room)
                    <div class="col-lg-6">
                        <div class="room__card is__style__three">
                            <div class="room__card__top">
                                <div class="room__card__image">
                                    <a href="{{ route('accommodation.details', [$room->slug]) }}">
                                        <img src="{{ asset('assets/images/rooms/'. $room->image) }}" width="645" height="415" alt="room card">
                                    </a>
                                </div>
                                <div class="room__price__tag">
                                    <span class="h6 d-block">SGD {{ $room->price }}/Night</span>
                                </div>
                            </div>
                            <div class="room__card__meta">
                                <a href="{{ route('accommodation.details', [$room->slug]) }}" class="room__card__title h4">
                                    {{ $room->name }}
                                </a>
                                <div class="room__card__meta__info">
                                    <span><i class="flaticon-construction"></i>35 sqm</span>
                                    <span><i class="flaticon-user"></i>5 Person</span>
                                </div>
                                <p class="font-sm">{{ $room->excerpt }}</p>
                                <a href="{{ route('accommodation.details', [$room->slug]) }}" class="room__card__link">Discover More</a>

                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    @include("home.partials.testimonial")
@endsection