<?php $__env->startSection('content'); ?>
<style scoped>
.flex-mobile1 {
    padding-top: 0px;
    padding-bottom: 50px;
}
@media (max-width: 500px) {
    .flex-mobile1 {
        padding-top: 67px;
        padding-bottom: 0px;
    }
    .flexslider{
        margin: 0px !important;
    }
}
</style>




<div class="flex-mobile1">
    <div class="flexslider">
          <ul class="slides">

            <?php foreach($sliders as $slide): ?>
                        <li data-transition="zoomin" data-slotamount="7" data-masterspeed="1500">
                            <!-- MAIN IMAGE -->
                            <img src="<?php echo URL('/media/uploads/images/hotel/size/2080x646/'.$slide->file.''); ?>" alt="<?php echo $slide->title; ?>">
                        </li>
                        <?php endforeach; ?>

          </ul>
        </div>
</div>



<style>
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 15%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    justify-content: center;
    width: 60%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
</style>
      
        <section>
            <div class="container">






<div class="search-tab-content mobileHide">
                        <div class="tab-pane fade active in" id="hotels-tab">


                        <!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">


    <span class="close"></span>



        <?php echo Form::open(array('route' => 'sendcontact', 'id' => 'form-a', 'class' => 'booking-form')); ?>
                                <div class="person-information">
                                    <h2>Your Personal Information</h2>
                                    <div class="form-group row">
                                        <div class="col-sm-6 col-md-6">
                                            <label>Name*</label>
                                          
                                            <input type="text" name="last-name" required class="input-text full-width" value="" placeholder="" />
                                        </div>

                                        <div class="col-sm-6 col-md-6">
                                            <label>Phone number*</label>
                                            <input type="text" class="input-text full-width"  name="contactno" required  value="" placeholder="" />
                                        </div>
                                    </div>
                                    
                                     <div class="form-group row">
                                     <div class="col-sm-6 col-md-5">
                                            <label>Supplement</label>
                                            <div class="selector">
                                                <select class="full-width"  name="supplement">
                                                    <option value="Bed & Breakfast">Bed & Breakfast</option>
                                                    <option value="Half Board">Half Board</option>
                                                    <option value="Full Board">Full Board</option>
                                                    <option value="All-Inclusive">All-Inclusive</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-sm-6 col-md-6">
                                            <label>Email address*</label>
                                            <input type="text" class="input-text full-width" name="your-email" required  value="" placeholder="" />
                                        </div>
                                        <div class="col-sm-6 col-md-6">
                                            <label>Verify E-mail Address*</label>
                                            <input type="text" class="input-text full-width"  name="your-email" required value="" placeholder="" />
                                        </div>
                                    </div>

                                     <p id="hidden"><!-- Insert Hidden input tag here --></p>


                        </div>


                                <div class="form-group row">
                                    <div class="col-sm-12 col-md-12">
                                        <button type="submit" class="full-width btn-large">SEND ENQUIRY</button>
                                    </div>
                                </div>





  </div>

</div>
    


                     
                                <div class="row">
                                    <div class="form-group col-sm-4 col-md-3">
                           
                   
                      
                                        <select name="resortname" id="resortname"  class="input-text full-width">
                                        <option value="">Choose Your Accomodation</option>
                                        <?php foreach(DB::table('hotels')->orderBy('name', 'ASC')->get() as $resort): ?>

                                            <option value="<?php echo $resort->name; ?>" ><?php echo $resort->name; ?> </option>

                                            
                                        <?php endforeach; ?>
                                        </select>
                                    </div>
                                    
                                    <div class="form-group col-sm-7 col-md-4">
                       
                                        <div class="row">
                                            <div class="col-xs-2">
                                            <label style="font-size: 9px; padding-top: 10px; color: #838383; letter-spacing: 0;">Check-in</label>
                                            </div>
                                            <div class="col-xs-4">
                                           
                                                <div class="datepicker-wrap">
                                                    <input type="text" name="arriving" id="arriving" class="input-text full-width" placeholder="mm/dd/yy" id="dp1482442015340">
                                                </div>
                                            </div>

                                             <div class="col-xs-2">
                                            <label style="font-size: 9px; padding-top: 10px; color: #838383; letter-spacing: 0;">Check-Out</label>
                                            </div>
                                            <div class="col-xs-4">
                                           
                                                <div class="datepicker-wrap">
                                                    <input type="text" name="leaving" id="leaving" class="input-text full-width" placeholder="mm/dd/yy" id="dp1482442015340">
                                                </div>

                                                
                                            </div>

                                            
                                     
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-sm-6 col-md-3">
                                 
                                        <div class="row">
                                            <div class="col-xs-4">
                                 
                                                <div class="selector">
                                                    <select required name="nofrooms" id="nofrooms" class="full-width">
                                                        <option value="">Rooms</option>
                                                        <option value="1">01</option>
                                                        <option value="2">02</option>
                                                        <option value="3">03</option>
                                                        <option value="4">04</option>
                                                        <option value="5">05</option>
                                                        <option value="6">06</option>
                                                        <option value="7">07</option>
                                                        <option value="8">08</option>
                                                        <option value="9">09</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xs-4">
                               
                                                <div class="selector">
                                                    <select required name="number-925" id="number-925"  class="full-width">
                                                        <option value="">Adults</option>
                                                        <option value="1">01</option>
                                                        <option value="2">02</option>
                                                        <option value="3">03</option>
                                                        <option value="4">04</option>
                                                        <option value="5">05</option>
                                                        <option value="6">06</option>
                                                        <option value="7">07</option>
                                                        <option value="8">08</option>
                                                        <option value="9">09</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xs-4">
                                      
                                                <div class="selector">
                                                    <select required name="number-925c" id="number-925c"  class="full-width">
                                                        <option value="0">Kids</option>                                                    
                                                        <option value="1">01</option>
                                                        <option value="2">02</option>
                                                        <option value="3">03</option>
                                                        <option value="4">04</option>
                                                        <option value="5">05</option>
                                                        <option value="6">06</option>
                                                        <option value="7">07</option>
                                                        <option value="8">08</option>
                                                        <option value="9">09</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Trigger/Open The Modal -->
                                    <div class="form-group col-sm-6 col-md-2">
                               
                                      <button id="myBtn" class="full-width  soap-popupbox" style="font-weight: 200">Book Now</button>
                                    
                                    </div>
                                </div>
                    
                        </div>
                        
            </form>
                        
             
                    </div>


     

<script>
// Get the modal
var modal = document.getElementById('myModal');

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal 
btn.onclick = function() {


    resortname = document.getElementById("resortname").value;
    arriving = document.getElementById("arriving").value;
    leaving = document.getElementById("leaving").value;
    nofrooms = document.getElementById("nofrooms").value;
    adults = document.getElementById("number-925").value;
    kids = document.getElementById("number-925c").value;

if(resortname !='' & arriving !='' & leaving !='' & nofrooms !='' & adults !='' & kids !=''){
    modal.style.display = "block";
}
  

    else{

        alert('Please fill all the fields to Continue');
    }









}




// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>


                <div class="row">
                    <div class="col-sm-12">

                        <h2 style="font-size: 40px;color: #3b3b3b;text-align: center;font-family:Condiment;font-weight:400;font-style:normal" class="vc_custom_heading">Why Choose All Travels Maldives?</h2>
                        <div>

                            <div>
                                <p style="text-align: center;">Our Team of Maldives Travel Experts, are Committed to providing Our Customers with a Personalized Knowledge &amp; Assistance for your Maldives Holiday Inquiry.
                                </p>
                                <p style="text-align: center;">Whatever your preference is, we can offer Experienced Advise and Recommendations.
                                </p>
                                <p style="text-align: center;">We are here to save you from hours of excruciating search for the best Maldives resorts to visit.
                                </p>
                                <p style="text-align: center;">We strive to respond to your query immediately, and we also have a real time online chat facility on our website, as well as Skype and Viber.
                                <p style="text-align: center;">Most importantly, we can guarantee you the Best price and Deals possible with our close affiliation with the top resorts Maldives has to offer.
                                </p>
                                <div class="mailmunch-forms-in-post-middle" style="display: none !important;"></div>
                                <p style="text-align: center;">From our Maldives Travel Consultant Experts – to help you book your perfect resort, to our 24 hour Airport Staff – who meets you at arrival and escorts you to the resort transfer, we are there to make sure Your Maldives Holiday Experience is Perfect!
                                </p>
                                <p style="text-align: center;">We invite You to try our Service and see for yourself the Difference!
                                </p>
                            </div>

                        </div>

                    </div>
                </div>
       
                <div class="vc_row wpb_row row">
                    <div class="col-sm-12">
                        <div class="container">

                          <h1>Best Resorts in Maldives</h1>

                           
                            <div class="row hotel image-box listing-style1">

                            <?php foreach(DB::table('hotels')->where('type', '=', "resort")->orderBy(DB::raw('RAND()'))->take(12)->get() as $resort): ?>

                                                        <?php
                                $string = $resort->seo_description;
                                $address = $resort->address;
                                $address = substr($address, 0, 60); 
                                $name = substr($resort->name, 0, 100);

                                                        //$ = strip_tags($your_string); 
                                $desc = substr($string, 0, 100); 
                                ?>


                                <div class="col-sm-4">
                                    <article class="box" style="height: auto; min-height: 439px;">
                                        <figure>
                                            <a href="<?php echo URL(AppHelper::config('hotel_route').'/'.$resort->type.'/'.$resort->seo_slug.''); ?>" class=""><img width="auto" height="300" src="<?php echo URL('/media/uploads/images/hotel/size/414x234/'.AppHelper::hotelThumb($resort->id).''); ?>" alt="<?php echo $name; ?>">
                                            </a>
                                        </figure>
                                        <div class="details">
                                            <h4 class="box-title" style="height: auto; min-height: 44px;"> <a href="<?php echo URL(AppHelper::config('hotel_route').'/'.$resort->type.'/'.$resort->seo_slug.''); ?>"><?php echo $name; ?></a> <small> Male', Maldives</small></h4>
                                            <div class="feedback">
                                                <div data-placement="bottom" data-toggle="tooltip" class="five-stars-container" title="" data-original-title="0 stars"><span style="width: 0%;" class="five-stars"></span>
                                                </div>
                                            </div>
                                            <p class="description" style="height: auto; min-height: 63px;"><?php echo $desc; ?></p>
                                            <div class="action clearfix"> <a class="button full-width btn-small" href="<?php echo URL(AppHelper::config('hotel_route').'/'.$resort->type.'/'.$resort->seo_slug.''); ?>">SELECT</a>
                                            </div>
                                        </div>
                                    </article>
                                </div>

                                <?php endforeach; ?>
                                


                            </div>
                        </div>


                       


                    </div>
                </div>
</div>

             <?php
                $bottom = DB::table('media')->where('category', '=', "sliders")->where('thumb', '=', "1")->first();
                ?>
                <?php if($bottom): ?>
                <div>
            
                <img src="<?php echo URL('/media/uploads/images/hotel/size/2080x646/'.$bottom->file.''); ?>" alt="<?php echo $bottom->title; ?>" width="100%">
                </div>
                <?php endif; ?>
<div class="container">
                <div class="row">

                    <div class="col-sm-12" style="padding-top: 20px;">
                        <h2 style="padding-top: 40px; padding-bottom: 40px; font-size: 40px;color: #0a0000;text-align: center;font-family:Condiment;font-weight:400;font-style:normal" class="vc_custom_heading">Discover paradise with us..</h2>
                    </div>
                </div>




<script type="text/javascript">
    

'use strict';
function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}
r(function(){
    if (!document.getElementsByClassName) {
        // IE8 support
        var getElementsByClassName = function(node, classname) {
            var a = [];
            var re = new RegExp('(^| )'+classname+'( |$)');
            var els = node.getElementsByTagName("*");
            for(var i=0,j=els.length; i<j; i++)
                if(re.test(els[i].className))a.push(els[i]);
            return a;
        }
        var videos = getElementsByClassName(document.body,"youtube");
    } else {
        var videos = document.getElementsByClassName("youtube");
    }

    var nb_videos = videos.length;
    for (var i=0; i<nb_videos; i++) {
        // Based on the YouTube ID, we can easily find the thumbnail image
        videos[i].style.backgroundImage = 'url(http://i.ytimg.com/vi/' + videos[i].id + '/sddefault.jpg)';

        // Overlay the Play icon to make it look like a video player
        var play = document.createElement("div");
        play.setAttribute("class","play");
        videos[i].appendChild(play);

        videos[i].onclick = function() {
            // Create an iFrame with autoplay set to true
            var iframe = document.createElement("iframe");
            var iframe_url = "https://www.youtube.com/embed/" + this.id + "?autoplay=1&autohide=1";
            if (this.getAttribute("data-params")) iframe_url+='&'+this.getAttribute("data-params");
            iframe.setAttribute("src",iframe_url);
            iframe.setAttribute("frameborder",'0');

            // The height and width of the iFrame should be the same as parent
            iframe.style.width  = this.style.width;
            iframe.style.height = this.style.height;

            // Replace the YouTube thumbnail with YouTube Player
            this.parentNode.replaceChild(iframe, this);
        }
    }
});


</script>

<style type="text/css">
    
    .youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}

.youtube .play {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAzFBMVEUAAADRogDNmADNmQDLmQDMmADMmQDMmQDMmQDOngDLmgDLmQDMmQDVqgDMmQDMmQDMmQDMmAD//wDMmQDMmQDMmQDMmQDImwDNmQDOmADMmQDMmQDMmQCqqgDMmQDMmgDImwDMmQDMmQDMmQDMmADMmADMmQDPmADLmQDMmQDMmQDMmQDMmQDNmQDMmQDLmADLlwDMmADGjgDLmQDMmQDLlwDMmQDMmADEnQDMmQDLmADMmQDGnADMmgDMmQDMmQDNmADMmQDMmQAAAACUDhTPAAAAQnRSTlMAC01wiqS+2PIVYrL3BmnD/cIBWt5Gzhy7Oedf+AOMsBfxeB69bfUlxvktzwWE/GM2swmP/kDfdw2bSuYSplXsYTdMlCMjAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+AMFAE2J+3P0sIAAAG3SURBVFjDpZfndoJAEIWvdBWBAHaNxvTEaEzvZd//oWJJcijbOHP/7twPWGZnZwCBaoZp2Y7rea5jW6ZRQyXVG02f5eQ3G3VddysII8ZRtBe0NOxxkjKh0iRW+dsdJlWnLbV3e0ypXlfs7w/UfsYGfZF/ONLxMzYacu3jfT37Rvtjjn+i72dsUiZUeP72HUrfX83PWGEf+pr7l9nJ3L/oav2/vAbZfNDIn7J6mfwtr4bTxoGK8J/VMSf/Z8DhkQLQ+TtZCeMCEB+fyAnJ7/lPBQDg9EwKSHf1IWBCAMazcxkh2AaFEgBwcSkBhJuIeiQFYH61EAKiTZ1cMjkAuHaFhOV6eaUE4Ob2TgBYreu/rwYA9w98gF+DwV95LJzWp2d+nAGTv1B4g7VeXnlxJixdAN7eOXEWbG0A8PFZirPhVABg2izGOXCrAICvwiF34VUD4Dsf59EB5E8gbyL5N5ITiZzKBh+gf5jIx5lcUOgljVxUyWWdfrGQrzby5Uq/3rkNxrxCg8FtcRYqe7bFoTdZ5DaP3mjSW116s01u90EeOEAfeehDF8hjH+iDJ8ij71a04Xsn3fH/B5YmsXtuV1OOAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTEyLTIwVDAxOjU0OjM5KzAxOjAwy+ZY1wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0xMi0yMFQwMTo1NDozOSswMTowMLq74GsAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 64px 64px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
}

.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

</style>
<div id="youtube-channel" class="row" style="padding-bottom: 40px;">


            <div class="col-sm-4"> 


                <div class="youtube"
                     id="<?php echo AppHelper::config('video1'); ?>" 
                     style="width: 100%; height: 190px;">
                </div>



            </div>

            <div class="col-sm-4"> 

            
                 <div class="youtube"
                     id="<?php echo AppHelper::config('video2'); ?>" 
                     style="width: 100%; height: 190px;">
                </div>

                
            </div>

            <div class="col-sm-4"> 

                

                <div class="youtube"
                     id="<?php echo AppHelper::config('video3'); ?>" 
                     style="width: 100%; height: 190px;">
                </div>


                
            </div>


    



</div>


</div>



<div id="gallery" class="row" style=" width: 100%; margin:0px; justify-content: center;">

<h2 style="padding-top: 25px; padding-bottom: 25px; font-size: 40px;color: #0a0000;text-align: center;font-family:Condiment;font-weight:400;font-style:normal" class="vc_custom_heading">The Maldives Isles</h2>

           
<?php foreach(DB::table('widgets')->limit(4)->get() as $widget): ?>
            <div class="col-sm-3" style="padding: 0px !important; margin: 0px important;"> 
            <!-- BUG: <h4 style="margin: 0px; padding-left:10px"><?php echo $widget->title; ?></h2> -->
            <a href="<?php echo $widget->url; ?>">
               <img src="<?php echo URL('media/uploads/images/hotel/size/400x300/'.$widget->featured_image.''); ?>" alt="<?php echo $widget->title; ?>" width="100%" height="auto">

             </a>
<!-- BUG:                <div style="padding-left: 10px; padding-right: 10px; text-align: justify;">
               <p><?php echo $widget->description; ?></p>
               

               </div> -->

                
            </div>
<?php endforeach; ?>
  

    



</div>


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