==
<?php
use RainLab\Blog\Models\Category;
    use RainLab\Blog\Models\Post;
	function onStart()
	{
        $posts = Category::where("slug", "room")->first();
        $this['roomsmenu'] = $posts->posts;
	}
?>
==
<style type="text/css">
	@media(min-width:900px ){

		.nav-main button{
			padding-top: 0!important;
		}
		.dropdown-content{
			margin-top: 15px;
		}
		
	}
</style>
<div id="nav-content" class="order-lg-1 d-lg-flex flex-lg-column position-relative pt-2 pt-lg-0">
	<div class="d-none d-lg-block" id="nav-top">
		<!-- <div class="d-lg-flex justify-content-lg-end ktpid-011 py-lg-2 px-lg-4">
			<a class="mr-lg-3" href="#">English <i class="ti-angle-down"></i></a>
			<a href="#">Contact Us</a>
		</div> -->
		
	</div>
	<div id="nav-bot" class="d-lg-flex align-items-lg-center px-lg-4">
		<!-- <div class="desktop-logo d-none d-lg-block mr-lg-auto">
			<a href="{{url('/')}}">	
				<img src="https://fikarooms.com/storage/app/media/logo/output-onlinepngtools.png">
			</a>
		</div> -->
		<div style="margin: 0 auto;">
			<ul class="list-unstyled m-0 d-lg-flex" style="border-bottom:solid 1px #fff">
				<li class="pl-lg-2 dropdown nav-main">
					<a href="{{url('rooms')}}" class="bg-transparent border-0 p-0 pl-lg-2 dropdown-toggle" data-hover="dropdown">Rooms</a>
					<!-- <button  data-toggle="collapse" data-target="#collapseOneRooms" aria-expanded="true" aria-controls="collapseOne" class="bg-transparent border-0 p-0 pl-lg-2">
						<div class="d-flex justify-content-between align-items-center dropdown-trigger">
							 <a href="{{url('/rooms')}}"><span class="pr-lg-1">Rooms</span></a>
							<span class="pr-lg-1">Rooms</span>
							<i class="ti-angle-down"></i>
						</div>
					</button> -->
					<div id="collapseOneRooms" aria-labelledby="headingOne" class="dropdown-content collapse">
						<ul class="list-unstyled m-0 d-lg-flex flex-lg-column">
							{% for menu in roomsmenu %}
							<li><a class="d-block" href="{{url('/rooms')}}/{{menu.slug}}">{{menu.title}}</a></li>
							{%endfor%}
						</ul>
					</div>
				</li>


				<li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/offers')}}">Offers</a></li>
				<!-- <li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/dining')}}">Dining</a></li> -->
				<li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/coorporate')}}">Corporate</a></li>
				<!-- <li class="pl-lg-2 dropdown nav-main">
					<a href="{{url('meetings/packages')}}" class="bg-transparent border-0 p-0 pl-lg-2 dropdown-toggle" data-hover="dropdown">Corporate</a>
					<button  data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="bg-transparent border-0 p-0 pl-lg-2">
						<div class="d-flex justify-content-between align-items-center dropdown-trigger">
							<span class="pr-lg-1">Meetings &amp; Events</span>
						</div>
					</button> -->
					<!-- <a href="{{url('rooms')}}" class="bg-transparent border-0 p-0 pl-lg-2 dropdown-toggle" data-hover="dropdown">Rooms</a> -->
					<!-- <div id="collapseOne" aria-labelledby="headingOne" class="dropdown-content collapse">
					    <ul class="list-unstyled m-0 d-lg-flex flex-lg-column">
					        <li><a class="d-block" href="{{url('/meetings/packages')}}">Meetings Packages</a></li>
					        <li><a class="d-block" href="{{url('/meetings/venues')}}">Meetings Venues</a></li>
					        <li><a class="d-block" href="{{url('/in-house-event')}}">In-House Event</a></li>
					    </ul>
					</div>
					                </li> -->
				<!-- <li class="pl-lg-2 dropdown nav-main">
				    <a href="{{url('weddings/packages')}}" class="bg-transparent border-0 p-0 pl-lg-2 dropdown-toggle" data-hover="dropdown">Wedding</a>
				    <button  data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="bg-transparent border-0 p-0 pl-lg-2">
				        <div class="d-flex justify-content-between align-items-center dropdown-trigger">
				            <span class="pr-lg-1">Weddings</span>
				        </div>
				    </button>
				    <div id="collapseOne" aria-labelledby="headingOne" class="dropdown-content collapse">
				        <ul class="list-unstyled m-0 d-lg-flex flex-lg-column">
				            <li><a class="d-block" href="{{url('/weddings/packages')}}">Wedding Packages</a></li>
				            <li><a class="d-block" href="{{url('/weddings/venues')}}">Wedding Venues</a></li>
				        </ul>
				    </div>
				</li> -->
				<li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/facilities')}}">Facilities</a></li>
				<li>

					<div class="desktop-logo-mid d-none d-lg-block mr-lg-auto" style="display: table;margin: 0 auto;">
						<a href="{{url('/')}}">	
							<img src="https://fikarooms.com/storage/app/media/logo/output-onlinepngtools.png">
						</a>
					</div>
				</li>
				<!-- <li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/meetings/packages')}}">Meetings &amp; Events</a></li> -->
				<!-- <li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/experiences')}}">Excursions</a></li> -->
				<!-- <li class="pl-lg-2 dropdown nav-main">
					<button  data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="bg-transparent border-0 p-0 pl-lg-2">
						<div class="d-flex justify-content-between align-items-center dropdown-trigger">
							<span class="pr-lg-1">Experience</span>
							 <i class="ti-angle-down"></i>
						</div>
					</button>
					<div id="collapseOne" aria-labelledby="headingOne" class="dropdown-content collapse">
						<ul class="list-unstyled m-0 d-lg-flex flex-lg-column">
							<li><a class="d-block" href="{{url('/meetings/packages')}}">Meetings Packages</a></li>
							<li><a class="d-block" href="{{url('/meetings/venues')}}">Meetings Venues</a></li>
							<li><a class="d-block" href="{{url('/in-house-event')}}">In-House Event</a></li>
						</ul>
					</div>
				</li> -->
				<li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/gallery')}}">Gallery</a></li>
				<li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/destination')}}">Destinations</a></li>
				<li class="pl-lg-2 nav-main"><a class="d-block" href="{{url('/location-contact')}}">Blogs</a></li>
				<li class="pl-lg-2 nav-main mr-lg-4"><a class="d-block" href="{{url('/location-contact')}}">Contact</a></li>
				<!-- <li class="d-none d-lg-flex align-items-lg-center">
					<a class="btn btn-primary rounded-0 filter-button d-block px-4 py-2" href="#">Book Now</a>
				</li> -->
			</ul>
		</div>
	</div>
</div>