<!DOCTYPE html>
<html>
<?php echo $__env->make('header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
  <body id="top" class="thebg" >
    
	<!-- Top wrapper -->	
	<div class="navbar-wrapper2 navbar-fixed-top">
      <div class="container">
		<div class="navbar mtnav">

			<div class="container offset-3">
			  <!-- Navigation-->
			   <div class="navbar-header">
				<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
				  <span class="icon-bar"></span>
				  <span class="icon-bar"></span>
				  <span class="icon-bar"></span>
				</button>
				<a href="<?php echo URL('/'); ?>" class="navbar-brand"><img src="images/logo.png" alt="Travel Agency Logo" class="logo" style="padding-bottom:20px"/></a>
			  </div>
			  <div class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
				 <li><a href="<?php echo URL('/'); ?>">Home</a></li>
				  <li><a href="<?php echo URL('best-maldives-resorts'); ?>">Resorts</a></li>
				  <li><a href="<?php echo URL('best-maldives-hotels'); ?>">Hotels</a></li>
				  <li><a href="<?php echo URL('best-maldives-cruises'); ?>">Cruises</a></li>
				  <li><a href="<?php echo URL('best-maldives-guesthouse'); ?>">Guest Houses</a></li>			  
				  <li><a href="<?php echo URL('maldives-blog'); ?>">Maldives Blog</a></li>			  		  
				  <li class="dropdown">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">Language<b class="lightcaret mt-2"></b></a>
					<ul class="dropdown-menu">
					  <li><a href="">English</a></li>
					  <li><a href="">Russian</a></li>
					  <li><a href="">Chinese</a></li>
					</ul>
				  </li>	
				</ul>
			  </div>
			  <!-- /Navigation-->			  
			</div>
		
        </div>
      </div>
    </div>
	<!-- / Top wrapper -->		
	
	
	
	<div class="container breadcrub">
	    <div>
			<a class="homebtn left" href="<?php echo URL('/'); ?>"></a>
			<div class="left">
				<ul class="bcrumbs">
					<li>/</li>
				
				</ul>				
			</div>
			<a class="backbtn right" href="#"></a>
		</div>
		<div class="clearfix"></div>
		<div class="brlines"></div>
	</div>	

	<!-- CONTENT -->
	<div class="container">
		<div class="container pagecontainer offset-0">	

			<!-- FILTERS -->
			<div class="col-md-3 filters offset-0">
			
				
				<!-- TOP TIP -->
				<div class="filtertip">
					<div class="padding20">
						
					</div>
					<div class="tip-arrow"></div>
				</div>
				
	<form action="http://localhost:3600/tcmaldives/search-holidays-in-maldives/tc" method="get">
				<div class="bookfilters hpadding20">
					
						<div class="w50percent">
							<div class="radio">
							  <label>
								<input type="radio" name="category" id="category" value="resort" checked>
								<span class="hotel-ico"></span> Resorts
							  </label>
							</div>
							<div class="radio">
							  <label>
								<input type="radio" name="category" id="category" value="cityhotel">
								<span class="flight-ico"></span> Hotels
							  </label>
							</div>
							<div class="radio">
							  <label>
								<input type="radio" name="category" id="category" value="guesthouse">
								<span class="suitcase-ico"></span> Guest Houses
							  </label>
							</div>

							<div class="radio">
							  <label>
								<input type="radio" name="category" id="cruise" value="cruise">
								<span class="cruise-ico"></span>Cruises
							  </label>
							</div>
						</div>
						
					
						
						<div class="clearfix"></div><br/>
						
						<!-- HOTELS TAB -->
						<div class="hotelstab2 none">
							<span class="opensans size13">Where do you want to go?</span>
							<input type="text" class="form-control" name="name" id="name" placeholder="Maldives">
							
							<div class="clearfix pbottom15"></div>
							
							<div class="w50percent">
								<div class="wh90percent textleft">
									<span class="opensans size13">Check in date</span>
									<input type="text" class="form-control mySelectCalendar" id="datepicker" placeholder="mm/dd/yyyy"/>
								</div>
							</div>

							<div class="w50percentlast">
								<div class="wh90percent textleft right">
									<span class="opensans size13">Check in date</span>
									<input type="text" class="form-control mySelectCalendar" id="datepicker2" placeholder="mm/dd/yyyy"/>
								</div>
							</div>
							
							<div class="clearfix pbottom15"></div>

							<button type="submit" class="btn-search3">Search</button>
						</div>
						<!-- END OF HOTELS TAB -->
					
						</form>		
						
				</div>
				<!-- END OF BOOK FILTERS -->	
				
				<div class="line2"></div>
				
				<div class="padding20title"><h3 class="opensans dark">Filter by</h3></div>
				<div class="line2"></div>
				
				<!-- Star ratings -->	
				<button type="button" class="collapsebtn" data-toggle="collapse" data-target="#collapse1">
				  Star rating <span class="collapsearrow"></span>
				</button>

				<div id="collapse1" class="collapse in">
					<div class="hpadding20">
						<div class="checkbox">
							<label>
							  <input type="checkbox"><img src="<?php echo URL('images/filter-rating-5.png'); ?>" class="imgpos1" alt=""/> 5 Stars
							</label>
						</div>
						<div class="checkbox">
							<label>
							  <input type="checkbox"><img src="<?php echo URL('images/filter-rating-4.png'); ?>" class="imgpos1" alt=""/> 4 Stars
							</label>
						</div>
						<div class="checkbox">
							<label>
							  <input type="checkbox"><img src="<?php echo URL('images/filter-rating-3.png'); ?>" class="imgpos1" alt=""/> 3 Stars
							</label>
						</div>
						<div class="checkbox">
							<label>
							  <input type="checkbox"><img src="<?php echo URL('images/filter-rating-2.png'); ?>" class="imgpos1" alt=""/> 2 Stars
							</label>
						</div>
						<div class="checkbox">
							<label>
							  <input type="checkbox"><img src="<?php echo URL('images/filter-rating-1.png'); ?>" class="imgpos1" alt=""/> 1 Star
							</label>
						</div>	
					</div>
					<div class="clearfix"></div>
				</div>
				<!-- End of Star ratings -->	
				
				<div class="line2"></div>
				
				<!-- Price range -->					
				<button type="button" class="collapsebtn" data-toggle="collapse" data-target="#collapse2">
				  Price range <span class="collapsearrow"></span>
				</button>
					
				<div id="collapse2" class="collapse in">
					<div class="padding20">
						<div class="layout-slider wh100percent">
							<span class="cstyle09"><input id="Slider1" type="slider" name="price" value="400;700" /></span>
						</div>
						<script type="text/javascript" >
						  jQuery("#Slider1").slider({ from: 100, to: 1000, step: 5, smooth: true, round: 0, dimension: "&nbsp;$", skin: "round" });
						</script>
					</div>
				</div>
				<!-- End of Price range -->	
				
				<div class="line2"></div>
				
				<!-- Acomodations -->		
				<button type="button" class="collapsebtn" data-toggle="collapse" data-target="#collapse3">
				  Acomodation type <span class="collapsearrow"></span>
				</button>				
				
				<div id="collapse3" class="collapse in">
					<div class="hpadding20">
						<div class="radio">
						  <label>
							<input type="radio" name="optionsRadios2" id="Acomodation1" value="option1" checked>
							All
						  </label>
						</div>
						<div class="radio">
						  <label>
							<input type="radio" name="optionsRadios2" id="Acomodation2" value="option2">
							Hotel
						  </label>
						</div>
						<div class="radio">
						  <label>
							<input type="radio" name="optionsRadios2" id="Acomodation3" value="option3">
							Bed & Breakfast
						  </label>
						</div>
						<div class="radio">
						  <label>
							<input type="radio" name="optionsRadios2" id="Acomodation4" value="option4">
							Apartment
						  </label>
						</div>
						<div class="radio">
						  <label>
							<input type="radio" name="optionsRadios2" id="Acomodation5" value="option5">
							Condo
						  </label>
						</div>
						<div class="radio">
						  <label>
							<input type="radio" name="optionsRadios2" id="Acomodation6" value="option6">
							All-Inclusive Resort 
						  </label>
						</div>
					</div>	
					<div class="clearfix"></div>					
				</div>
				<!-- End of Acomodations -->
				
				<div class="line2"></div>
				
				<!-- Hotel Preferences -->
				<button type="button" class="collapsebtn last" data-toggle="collapse" data-target="#collapse4">
				  Hotel Preferences <span class="collapsearrow"></span>
				</button>	
				<div id="collapse4" class="collapse">
					<div class="hpadding20">
						<div class="checkbox">
							<label>
							  <input type="checkbox">High-speed Internet (41)
							</label>
						</div>
						<div class="checkbox">
							<label>
							  <input type="checkbox">Air conditioning (52)
							</label>
						</div>
						<div class="checkbox">
							<label>
							  <input type="checkbox">Swimming pool (55)
							</label>
						</div>
						<div class="checkbox">
							<label>
							  <input type="checkbox">Childcare (12)
							</label>
						</div>
						<div class="checkbox">
							<label>
							  <input type="checkbox">Fitness equipment (49)
							</label>
						</div>	
						<div class="checkbox">
							<label>
							  <input type="checkbox">Free breakfast (14)
							</label>
						</div>	
						<div class="checkbox">
							<label>
							  <input type="checkbox">Free parking (11)
							</label>
						</div>	
						<div class="checkbox">
							<label>
							  <input type="checkbox">Hair dryer (48)
							</label>
						</div>	
						<div class="checkbox">
							<label>
							  <input type="checkbox">Pets allowed (16)
							</label>
						</div>	
						<div class="checkbox">
							<label>
							  <input type="checkbox">Restaurant in hotel (47)
							</label>
						</div>	
						<div class="checkbox">
							<label>
							  <input type="checkbox">Room service (38)
							</label>
						</div>	
						<div class="checkbox">
							<label>
							  <input type="checkbox">Spa services on site (57) 
							</label>
						</div>	

					</div>
					<div class="clearfix"></div>						
				</div>	
				<!-- End of Hotel Preferences -->
				
				<div class="line2"></div>
				<div class="clearfix"></div>
				<br/>
				<br/>
				<br/>
				
				
			</div>
			<!-- END OF FILTERS -->
			
			<!-- LIST CONTENT-->
			<div class="rightcontent col-md-9 offset-0">
			
				<div class="hpadding20">
					<!-- Top filters -->
					<div class="topsortby">
						<div class="col-md-4 offset-0">
								
								<div class="left mt7"><b>Sort by:</b></div>
								
								<div class="right wh70percent">
									<select class="form-control mySelectBoxClass ">
									  <option selected>Guest rating</option>
									  <option>5 stars</option>
									  <option>4 stars</option>
									  <option>3 stars</option>
									  <option>2 stars</option>
									  <option>1 stars</option>
									</select>
								</div>

						</div>			
						<div class="col-md-4">
							<div class="w50percent">
								<div class="wh90percent">
									<select class="form-control mySelectBoxClass ">
									  <option selected>Name</option>
									  <option>A to Z</option>
									  <option>Z to A</option>
									</select>
								</div>
							</div>
							<div class="w50percentlast">
								<div class="wh90percent">
									<select class="form-control mySelectBoxClass ">
									  <option selected>Price</option>
									  <option>Ascending</option>
									  <option>Descending</option>
									</select>
								</div>
							</div>					
						</div>
						<div class="col-md-4 offset-0">
							<button class="popularbtn left">Most Popular</button>
							<div class="right">
								<button class="gridbtn active">&nbsp;</button>
								<button class="listbtn" onClick="window.open('list4.html','_self');">&nbsp;</button>
								<button class="grid2btn" onClick="window.open('list3.html','_self');">&nbsp;</button>
							</div>
						</div>
					</div>
					<!-- End of topfilters-->
				</div>
				<!-- End of padding -->
				
				<br/><br/>
				<div class="clearfix"></div>
				

				<div class="itemscontainer offset-1">

				<?php
				$count = -1;
				?>
				<?php foreach($data as $hotel): ?>
				<?php
				$count = $count + 1;
				if($count >= 3){
					$count = 0;
					?>
<div class="clearfix"></div>

					<div class="offset-2"><hr class="featurette-divider3"></div>
					<?php
				}
					?>

					<div class="col-md-4">
						<div class="listitem">
							<img src="<?php echo URL('/thumb/url?img='.$hotel->featured_image.''); ?>" width="252px" height="180px" alt=""/>
							<div class="liover"></div>
							<a class="fav-icon" href="<?php echo URL(''.$hotel->slug.''); ?>"></a>
							<a class="book-icon" href="<?php echo URL(''.$hotel->slug.''); ?>"></a>
						</div>
						<div class="itemlabel">
							<button class="bookbtn right mt1">Book</button>						
							<a href="<?php echo URL(''.$hotel->slug.''); ?>"><b><?php echo $hotel->name; ?></b></a><br/>
							
						</div>
					</div>

				<?php endforeach; ?>
					
					<div class="clearfix"></div>

					<div class="offset-2"><hr class="featurette-divider3"></div>


				</div>	
					<?php echo $data->links();; ?>

				<!-- End of offset1-->		

				<div class="hpadding20">
				
					<ul class="pagination right paddingbtm20">
		
					</ul>

				</div>

			</div>
			<!-- END OF LIST CONTENT-->
			
		

		</div>
		<!-- END OF container-->
		
	</div>
	<!-- END OF CONTENT -->
	


	
	
	<!-- FOOTER -->

	
	<div class="footerbgblack">
		<div class="container">		
			

			
			
	
		
			
		</div>	
	</div>
	
	<div class="footerbg3black">
		<div class="container center grey"> 
		<a href="#">Home</a> | 
		<a href="#">Resorts</a> | 
		<a href="#">Hotels</a> | 
		<a href="#">Cruises</a> | 
		<a href="#">Guest Houses</a>
		<a href="#top" class="gotop scroll"><img src="images/spacer.png" alt=""/></a>
		</div>
	</div>
	
    <!-- Javascript -->	
    <script src="<?php echo URL('assets/js/js-list.js'); ?>"></script>	

    <!-- Custom Select -->
	<script type='text/javascript' src="<?php echo URL('assets/js/jquery.customSelect.js'); ?>"></script>
	
    <!-- JS Ease -->	
    <script src="<?php echo URL('assets/js/jquery.easing.js'); ?>"></script>
	
    <!-- Custom functions -->
    <script src="<?php echo URL('assets/js/functions.js'); ?>"></script>
	
    <!-- jQuery KenBurn Slider  -->
    <script type="text/javascript" src="<?php echo URL('rs-plugin/js/jquery.themepunch.revolution.min.js'); ?>"></script>

    <!-- Counter -->	
    <script src="<?php echo URL('assets/js/counter.js'); ?>"></script>	
	
    <!-- Nicescroll  -->	
	<script src="<?php echo URL('assets/js/jquery.nicescroll.min.js'); ?>"></script>
	
    <!-- Picker -->	
	<script src="<?php echo URL('assets/js/jquery-ui.js'); ?>"></script>
	
    <!-- Bootstrap -->	
    <script src="<?php echo URL('dist/js/bootstrap.min.js'); ?>"></script>
  </body>
</html>
