@if (count($property->rooms) > 0)
<div class="change-availability-container view-main-wrapper">

	<div class="show-search-box">
		<div class="search-box" data-target="check-another-date">
			<h5>Check In</h5>
			<span class="span"><i class="icon ion-ios-calendar-outline" style="margin-right: 7px;"></i> {date('D, M d, Y', strtotime($searchResult['checkIn']))}</span>
		</div>

		<div class="search-box" data-target="check-another-date">
			<h5>Check Out</h5>
			<span class="span"><i class="icon ion-ios-calendar-outline" style="margin-right: 7px;"></i> {date('D, M d, Y', strtotime($searchResult['checkOut']))}</span>
		</div>

		<div class="search-box" data-target="check-another-date">
			<h5>Adult</h5>
			<span class="span"><i class="icon icon ion-ios-body" style="margin-right: 7px;"></i> {$searchResult['adults']}</span>
		</div>

		<div class="search-box" data-target="check-another-date">
			<h5>Rooms</h5>
			<span class="span"><i class="icon ion-ios-home" style="margin-right: 7px;"></i> {$searchResult['rooms']}</span>
		</div>

		<div class="btn-group">
			<!-- <button class="btn btn-curve btn-secondary" data-target="check-another-date" type="submit">Check another date</button> -->
		</div>
		<a href="" id="view-action-btn" data-btn="" class="btn btn-curve btn-signal">View Property Details <i class="ion ion-navigate" style="margin-left: 10px;"></i></a>
		
	</div>

	<div class="vertical-filter-tabs" data-filter="tabs">
		<ul data-callback="filterResultBy">
			@if (count($property->rooms) > 0)
				<li style="background: none; color: var(--signal-color); display: flex; flex-direction: column; align-items: flex-start; width: 140px; min-width: 140px;"><span style="font-family: var(--medium-font);">Total Rooms ({count($property->rooms)})</span> <small style="display: block; margin-left: 0px; font-size: 12px; color: var(--gray-text-color);">Scroll to see rooms</small></li>
				@foreach ($property->rooms as $index => $room)
					@if ($room->isVisible)
						<li data-filter-by="reviews"><a href="#choose-room-{$index}"><span>{ucfirst(str_replace('_', ' ', $room->title))}</span></a></li> 
					@endif
				@endfor
			@endif
			<!-- <li data-filter-by="highest price"><span>Highest Price</span></li> -->
			<!-- -->
		</ul>
	</div>

	<!-- room list -->
	<div class="overview-main-list">

		{$history = func()->urlpath();}

		@if (count($property->rooms) > 0)
			@foreach ($property->rooms as $index => $room)
				@if ($room->isVisible)
					{$href = ($room->reservable and $room->availability > 0) ? func()->url() . 'book?utm_l=' . $provider->loadBookingUrl('property', $room, $searchResult, $history, '#choose-room') : '';}
					<div class="overview-list" id="choose-room-{$index}">
						<div class="overview-list-slides">
							<div data-slider="yes" class="slider">
								<div class="slider-wrapper">
									<div class="items">
										@foreach ($room->images as $roomImage)
										<span class="slide">
											<img src="@getImageFromStorage($roomImage);" alt="{$room->title} image">
										</span>
										@endfor
									</div>
								</div>
								<a class="control prev"></a>
								<a class="control next"></a>
							</div>
						</div>

						<div class="overview-list-content overview-link" data-href="{$href}">
							<h2>{ucfirst(str_replace('_', ' ', $room->title))}</h2>
							<ul>
								@foreach ($room->facilities as $feature)
									@if (strlen($feature) > 1)
										<li>
											<i class="icon ion-android-done"></i>
											<span class="text">{$feature}</span>
										</li>
									@endif
								@endfor

								@if (count($room->facilities) == 1 && strlen($room->facilities[0]) < 1)
									@foreach ($property->facility as $feature)
									<li>
										<i class="icon ion-android-done"></i>
										<span class="text">{$feature}</span>
									</li>
									@endfor
								@endif
							</ul>

							<ul style="border-top: 1px solid var(--border-color); padding-top: 10px;">
								<li>
									<i class="icon ion-ios-body" style="color: var(--primary-color);"></i>
									<span class="text">Occupance {$room->baseoccupancy} : {$room->maxoccupancy}</span>
								</li>
								<li>
									<i class="icon ion-ios-people" style="color: var(--primary-color);"></i>
									@if ($room->childrenpolicy == false)
									<span class="text">Child not allowed</span>
									@else
									<span class="text">Child allowed</span>
									@endif
								</li>
								<li>
									<i class="icon ion-ios-paw" style="color: var(--primary-color);"></i>
									@if ($room->pets == false)
									<span class="text">Pets not allowed</span>
									@else
									<span class="text">Pets allowed</span>
									@endif
								</li>
								<li>
									<i class="icon ion-no-smoking" style="color: var(--primary-color);"></i>
									@if ($room->smoking == false)
									<span class="text">Smooking not allowed</span>
									@else
									<span class="text">Smooking allowed</span>
									@endif
								</li>

								@if ($room->extrapersonprice > 0)
								<li>
									<i class="icon ion-cash" style="color: var(--primary-color);"></i>
									<span class="text">Extra cost above min occupance ₦{number_format($room->extrapersonprice, 0, '.', ',')}</span>
								</li>
								@endif
							</ul>
						</div>

						<div class="overview-list-cancellation overview-link" data-href="{$href}">
							@if ($property->rules->cancellation)
							<a href="javascript:void(0)">
								<i class="icon ion-ios-information-outline"></i>
								<span>Free Cancellation</span>
							</a>
							<span class="before">Avaliable for this room.</span>
							@endif
						</div>

						<div class="overview-list-pricing overview-link" data-href="{$href}">
							<div class="wrapper-flex flex-column flex-align-end">
								@if ($room->hasDiscount)
								<span class="badge">{$room->totalDiscount}% off</span>
								@endif
								<div class="pricing">
									@if ($room->hasDiscount)
									<span class="old-price">₦{number_format($room->price, 0, '.', ',')}</span>
									<span class="new-price">₦{number_format($room->newPrice, 0, '.', ',')}</span>
									@else 
									<span class="new-price">₦{number_format($room->price, 0, '.', ',')}</span>
									@endif
								</div>
								<div class="pricing-information">
									<ul>
										<li>per night</li>
										<li class="bold-text">₦{number_format($room->newPrice > 0 ? (($provider->getNewPrice($room, $searchResult['period'], 'newPrice')) * $searchResult['rooms']) : ($provider->getNewPrice($room, $searchResult['period'], 'price') * $searchResult['rooms']), 0, '.', ',')} total</li>
										<li>Includes taxes & fees</li>
									</ul>
								</div>
							</div>

							<div class="pricing-information">

								@if ($room->availability > 0)

									<!-- rooms avaliable -->
									<span class="rooms-avaliable {$room->availability == 0 ? 'danger' : ($room->availability >= 2 ? '' : 'danger')}"><b>{$room->availability}</b> room{$room->availability > 1 ? 's' : ''} left!</span>

									@if ($room->reservable and $room->availability > 0)
										{$ref = $provider->loadBookingUrl('property', $room, $searchResult, $history, '#choose-room');}
										<a $href="book?utm_l=$ref" class="btn btn-curve btn-signal">Reserve</a>
									@endif
								@else

									<!-- rooms avaliable -->
									<span class="rooms-avaliable warning"><b>0</b> room left for {($searchResult['checkIn'] == date('m/d/Y') ? 'today!' : date('D, M d, Y', strtotime($searchResult['checkIn'])))}</span>

									<!-- <form action="#choose-room-{$index}" method="POST">
										{$checkInDate = date('m/d/Y', strtotime($searchResult['checkIn'] . ' + 1 day'));}
										{$checkOutDate = $provider->getCheckOutDate($searchResult, $checkInDate);}
										@hiddenInput('checkindate', $checkInDate);
										@hiddenInput('checkoutdate', $checkOutDate);
										@hiddenInput('adults', $searchResult['adults']);
										@hiddenInput('rooms', $searchResult['rooms']);
										<button type="submit" class="btn btn-curve btn-signal">Check for {($searchResult['checkIn'] == date('m/d/Y') ? 'Tomorrow' : date('D, M d', strtotime($checkInDate)))}</button>
									</form>  -->

								@endif
							</div>
						</div>
					</div>
				@endif
			@endfor
		@else 
			<div class="alert alert-warning" style="margin-top: 20px;">No room matches this availability scan. Please try again.</div>
		@endif
	
	</div>
</div>
@endif