==
<div class="container">
	<div class="welcome">
		<div class="section_title nice_title content-center">
			<h3>{{ "Rooms"|_ }}</h3>
		</div>
		<div class="row">
			{% for item in roomstype %}
				<div class="col-lg-4 col-md-4 col-sm-6">
					<div class="single_room_wrapper clearfix">
						<figure class="uk-overlay uk-overlay-hover">
							<div class="room_media">
								{% for img in item.pictures %}
									{% if loop.first %}
										<a href="{{ img.getPath() }}" data-lightbox="room-{{ item.id }}" title="{{ item.name }}">
											<img src="{{ img.thumb(600,400,"crop") }}" alt="">
										</a>
									{% else %}
										<a href="{{ img.getPath() }}" data-lightbox="room-{{ item.id }}" title="{{ item.name }}"></a>
									{% endif %}
								{% endfor %}
							</div>
							<div class="room_title border-bottom-whitesmoke clearfix">
								<div class="left_room_title floatleft">
									<h6>{{ item.name }}</h6>
									<p>{{ item.rooms.where('is_available', 1).count() }} <span>{{ "Rooms available"|_ }}</span></p>
								</div>
								<div class="left_room_title floatright">
									<a href="#home_one" du-smooth-scroll class="btn btn-primary">{{ "Book"|_ }}</a>
								</div>
							</div>
							<div class="clearfix roombox">
								{{ item.description|raw }}
							</div>
						</figure>
					</div>
				</div>
			{% endfor %}
		</div>
	</div>
</div>