﻿
<?php $__env->startSection('content'); ?>
<!-- TOP AREA -->
        <div class="top-area show-onload">
            <div class="owl-carousel owl-slider owl-carousel-area" id="owl-carousel-slider">

             <?php foreach($topdeals as $slides): ?>
                <div class="bg-holder full text-center text-white">
                    <div class="bg-mask"></div>
                    <div class="bg-img" style="background-image:url(<?php echo URL('/image/url?quality=medium&img='.$slides->featured_image.''); ?>);"></div>
                    <div class="bg-front full-center">
                        <div class="owl-cap">
                            <h2 class="owl-cap-title fittext" style="font-size:60px;text-transform: uppercase;"><?php echo $slides->title; ?></h2>
                            <div class="owl-cap-price"><small> </small>
                                <h5> </h5>
                            </div><a class="btn btn-white btn-ghost" href="<?php echo URL(''.$slides->category.'/'.$slides->slug.''); ?>"><i class="fa fa-angle-right"></i> Explore</a>
                        </div>
                    </div>
                </div>
                <?php endforeach; ?>
            
            </div>
        </div>
        <!-- END TOP AREA  -->




        <div class="container">
            <div class="search-tabs search-tabs-bg search-tabs-to-top">
                <div class="tabbable">
                    <ul class="nav nav-tabs" id="myTab">
                      
               
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="tab-1">
                            <h1>Search for Best Maldives Holidays</h1>
                            <form action="<?php echo URL('search-holidays-in-maldives/search=travel'); ?>" method="get">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group form-group-lg form-group-icon-left"><i class="fa fa-map-marker input-icon"></i>
                                            <label>Where are you going?</label>
                                            <input class="typeahead form-control" placeholder="Resort, Hotel, Cruise, GuestHouse" name="name" id="name" type="text" />
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="input-daterange" data-date-format="M d, D">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group form-group-lg form-group-icon-left"><i class="fa fa-calendar input-icon input-icon-highlight"></i>
                                                        <label>Check-in</label>
                                                        <input class="form-control" name="start" type="text" />
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group form-group-lg form-group-icon-left"><i class="fa fa-calendar input-icon input-icon-highlight"></i>
                                                        <label>Check-out</label>
                                                        <input class="form-control" name="end" type="text" />
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group form-group-lg form-group-select-plus">
                                                        <label>Rooms</label>
                                                        <div class="btn-group btn-group-select-num" data-toggle="buttons">
                                                            <label class="btn btn-primary active">
                                                                <input type="radio" name="options" />1</label>
                                                            <label class="btn btn-primary">
                                                                <input type="radio" name="options" />2</label>
                                                            <label class="btn btn-primary">
                                                                <input type="radio" name="options" />3</label>
                                                            <label class="btn btn-primary">
                                                                <input type="radio" name="options" />3+</label>
                                                        </div>
                                                        <select class="form-control hidden">
                                                            <option>1</option>
                                                            <option>2</option>
                                                            <option>3</option>
                                                            <option selected="selected">4</option>
                                                            <option>5</option>
                                                            <option>6</option>
                                                            <option>7</option>
                                                            <option>8</option>
                                                            <option>9</option>
                                                            <option>10</option>
                                                            <option>11</option>
                                                            <option>12</option>
                                                            <option>13</option>
                                                            <option>14</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group form-group-lg form-group-select-plus">
                                                        <label>Guests</label>
                                                        <div class="btn-group btn-group-select-num" data-toggle="buttons">
                                                            <label class="btn btn-primary active">
                                                                <input type="radio" name="options" />1</label>
                                                            <label class="btn btn-primary">
                                                                <input type="radio" name="options" />2</label>
                                                            <label class="btn btn-primary">
                                                                <input type="radio" name="options" />3</label>
                                                            <label class="btn btn-primary">
                                                                <input type="radio" name="options" />3+</label>
                                                        </div>
                                                        <select class="form-control hidden">
                                                            <option>1</option>
                                                            <option>2</option>
                                                            <option>3</option>
                                                            <option selected="selected">4</option>
                                                            <option>5</option>
                                                            <option>6</option>
                                                            <option>7</option>
                                                            <option>8</option>
                                                            <option>9</option>
                                                            <option>10</option>
                                                            <option>11</option>
                                                            <option>12</option>
                                                            <option>13</option>
                                                            <option>14</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <button class="btn btn-primary btn-lg" type="submit">Search for Hotels</button>
                            </form>
                        </div>
                   
                     
                    
              
                    </div>
                </div>
            </div>
            <div class="gap"></div>
            <div class="row">
                <div class="col-md-4">
                    <h3>City Hotels <small ><a href="<?php echo URL('best-maldives-hotels'); ?>">view all</a></small></h3>
                    <ul class="booking-list">

                     <?php foreach($cityhotel as $hotel): ?>
                        <li>
                        <a href="<?php echo URL('cityhotel/'.$hotel->slug.''); ?>">
                            <div class="booking-item booking-item-small">
                                <div class="row">
                                    <div class="col-xs-4">
                                        <img src="<?php echo URL('/thumb/url?img='.$hotel->featured_image.''); ?>" alt="<?php echo $hotel->title; ?>" title="<?php echo $hotel->title; ?>" />
                                    </div>
                                    <div class="col-xs-5">
                                        <h5 class="booking-item-title"><?php echo $hotel->title; ?></h5>
                                        <ul class="icon-group booking-item-rating-stars">
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star-o"></i>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-xs-3"><span class="booking-item-price-from"> </span><span class="booking-item-price"> </span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        </li>
                     <?php endforeach; ?>
                 
                    </ul>
                </div>
                <div class="col-md-4">
                    <h3>Resort Deals <small ><a href="<?php echo URL('best-maldives-resorts'); ?>">view all</a></small></h3>
                    <ul class="booking-list">

                    <?php foreach($resorts as $resort): ?>
                        <li>
                        <a href="<?php echo URL('resort/'.$resort->slug.''); ?>">
                            <div class="booking-item booking-item-small">
                                <div class="row">
                                    <div class="col-xs-4">
                                        <img src="<?php echo URL('/thumb/url?img='.$resort->featured_image.''); ?>" alt="<?php echo $resort->title; ?>" title="<?php echo $resort->title; ?>" />
                                    </div>
                                    <div class="col-xs-5">
                                        <h5 class="booking-item-title"><?php echo $resort->title; ?></h5>
                                        <ul class="icon-group booking-item-rating-stars">
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star-o"></i>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-xs-3"><span class="booking-item-price-from"> </span><span class="booking-item-price"> </span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        </li>
                    <?php endforeach; ?>
                    </ul>
                </div>
                <div class="col-md-4">
                    <h3>Cruise for You <small ><a href="<?php echo URL('best-maldives-cruises'); ?>">view all</a></small></h3>
                    <ul class="booking-list">

                    <?php foreach($cruises as $cruise): ?>
                        <li>
                        <a href="<?php echo URL('cruise/'.$cruise->slug.''); ?>">
                            <div class="booking-item booking-item-small">
                                <div class="row">
                                    <div class="col-xs-4">
                                        <img src="<?php echo URL('/thumb/url?img='.$cruise->featured_image.''); ?>" alt="<?php echo $cruise->title; ?>" title="<?php echo $cruise->title; ?>" />
                                    </div>
                                    <div class="col-xs-5">
                                        <h5 class="booking-item-title"><?php echo $cruise->title; ?></h5>
                                        <ul class="icon-group booking-item-rating-stars">
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                            <li><i class="fa fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-xs-3"><span class="booking-item-price-from"> </span><span class="booking-item-price"> </span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        </li>
                    <?php endforeach; ?>
              
                    </ul>
                </div>
            </div>
            <div class="gap gap-small"></div>
            <h2 class="mb20">Our Top Special Offers</h2>
            <div class="row row-wrap">

            	<?php foreach($deals as $deal): ?>
                <div class="col-md-3">
                    <div class="thumb">
                        <header class="thumb-header">
                            <a class="hover-img curved" href="#">
                                <img src="<?php echo URL('/thumb/url?img='.$deal->featured_image.''); ?>" alt="<?php echo $deal->title; ?>" title="<?php echo $deal->title; ?>" /><i class="fa fa-plus box-icon-white box-icon-border hover-icon-top-right round"></i>
                            </a>
                        </header>
                        <div class="thumb-caption">
                            <h4 class="thumb-title"><?php echo $deal->title; ?></h4>
                            <p class="thumb-desc"><?php echo $deal->created; ?> - <?php echo $deal->expiring; ?></p>
                        </div>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
            <div class="gap gap-small"></div>
        </div>


<?php $__env->stopSection(); ?>
<?php echo $__env->make('master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>