<?php $__env->startSection('content'); ?>
<div class="page-title-container style2">
            <div class="container">
                <div class="page-title pull-left">
                    <h2 class="entry-title"><?php echo $data->name; ?></h2>
                </div>
                <ul class="breadcrumbs pull-right">
                    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="<?php echo URL('/'); ?>" itemprop="url"><span itemprop="title"><?php echo AppHelper::config('site_name'); ?></span></a></li>
                    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="<?php echo URL('maldives/luxury-maldives'); ?>" itemprop="url"><span itemprop="title">Best Maldives Resorts</span></a></li>
                    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="active"><a href="" itemprop="url"><span itemprop="title"><?php echo $data->name; ?></span></a></li>
                </ul>

            </div>
</div>
        <section id="content">
            <div class="container">
                <div class="row">
                    <div id="main" class="col-md-9">
                        <div class="tab-container style1" id="hotel-main-content">
                            <ul class="tabs">
                                <li class="active"><a data-toggle="tab" href="#photos-tab">photos</a></li>
                                <li><a data-toggle="tab" href="#map-tab">map</a></li>
                                <li class="pull-right"><a class="button btn-small yellow-bg white-color" href="#hotel-availability" data-toggle="tab">BOOK NOW</a></li>
                            </ul>
                            <div class="tab-content">
                                <div id="photos-tab" class="tab-pane fade in active">
                                    <div class="photo-gallery style1" data-animation="slide" data-sync="#photos-tab .image-carousel">
                                        <ul class="slides">
                                        <?php foreach($slides as $slide): ?>
                                            <li><img src="<?php echo URL('/media/uploads/images/hotel/size/1140x416/'.$slide->file.''); ?>" alt="" /></li>
                                        <?php endforeach; ?>
                                        </ul>
                                    </div>
                                    <div class="image-carousel style1" data-animation="slide" data-item-width="70" data-item-margin="10" data-sync="#photos-tab .photo-gallery">
                                        <ul class="slides">
                                          <?php foreach($slides as $slide): ?>
                                            <li><img src="<?php echo URL('/media/uploads/images/hotel/size/92x69/'.$slide->file.''); ?>" alt="" /></li>
                                        <?php endforeach; ?>
                                        </ul>
                                    </div>
                                </div>
                                <div id="map-tab" class="tab-pane fade">
                                    
                                </div>
                            </div>
                        </div>
                        
                        <div id="hotel-features" class="tab-container">
                            <ul class="tabs">
                                <li class="active"><a href="#hotel-description" data-toggle="tab">Description</a></li>
                                <li><a href="#hotel-availability" data-toggle="tab">Availability</a></li>
                                <li><a href="#hotel-amenities" data-toggle="tab">Amenities</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade in active" id="hotel-description">
                                    <div class="intro table-wrapper full-width hidden-table-sms">
                                        <div class="col-sm-5 col-lg-4 features table-cell">
                                            <ul>
                                                <li><label>hotel type:</label><?php echo $data->rating; ?> star</li>
                                    
                                                <li><label>Country:</label>Maldives</li>
                                          
                                            </ul>
                                        </div>
                                        <div class="col-sm-7 col-lg-8 table-cell testimonials">
                                            <div class="testimonial style1">
                                                <ul class="slides ">
                                                <?php foreach($reviews as $review): ?>
                                                    <li>
                                                        <p class="description"><?php echo $review->content; ?></p>
                                                        <div class="author clearfix">
                                                            <a href="#"><img src="http://placehold.it/270x270" alt="" width="74" height="74" /></a>
                                                            <h5 class="name"><?php echo $review->name; ?><small>guest</small></h5>
                                                        </div>
                                                    </li>
                                                <?php endforeach; ?>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="long-description">
                                        <h2>About <?php echo $data->name; ?></h2>
                                        <p>
                                        <?php echo $data->content; ?>

                                       </p>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="hotel-availability">
                                
                                    <h2>Available Rooms</h2>
                                    <div class="room-list listing-style3 hotel">
                                    <?php foreach($rooms as $room): ?>
                                        <article class="box">
                                            <figure class="col-sm-4 col-md-3">
                                                <a class="hover-effect popup-gallery" href="<?php echo URL('popupgallery'); ?>?category=rooms&resort_id=<?php echo $room->id; ?>" title=""><img width="230" height="160" src="<?php echo URL('/media/uploads/images/hotel/size/263x197/'.AppHelper::roomImages($room->id).''); ?>" alt=""></a>
                                            </figure>
                                            <div class="details col-xs-12 col-sm-8 col-md-9">
                                                <div>
                                                    <div>
                                                        <div class="box-title">
                                                            <h4 class="title"><?php echo $room->name; ?></h4>
                                                            <dl class="description">
                                                                <dt>Max Guests:</dt>
                                                                <dd><?php echo $room->max_adults; ?> Adults</dd>
                                                            </dl>
                                                        </div>
                                                        <div class="amenities">
                                                        <?php foreach($room->facilities as $facility): ?>
                                                            <i class="<?php echo $facility->class; ?> circle"></i>
                                                        <?php endforeach; ?>
                                                        </div>
                                                    </div>

                                                    <div class="price-section">
                                                      
                                                       
                                                  
                                                    </div>
                                                </div>
                                             
                                                <div>
                                                    <?php echo $room->description; ?>

                                                    <div class="action-section">
                                                        <a href="<?php echo URL('booking/'.$room->id.''); ?>" title="" class="button green btn-small full-width text-center">BOOK NOW</a>
                                                    </div>
                                                </div>
                                          
                                            </div>
                                        </article>
                                        <?php endforeach; ?>
                                       <!-- <a href="#" class="load-more button full-width btn-large fourty-space">LOAD MORE ROOMS</a> -->
                                    </div>
                                    

                                    
                                </div>
                                <div class="tab-pane fade" id="hotel-amenities">
                                    <h2>Hotel Amenities</h2>
                                    <ul class="amenities clearfix style1">
                                    <?php foreach($facilities as $facility): ?>
                                        <li class="col-md-4 col-sm-6">
                                            <div class="icon-box style1"><i class="<?php echo $facility->class; ?>"></i><?php echo $facility->name; ?></div>
                                        </li>
                                    <?php endforeach; ?>
                                        
                                    </ul>
                                    <br />

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

                        <div class="column-3 image-box suggestions">
                            <?php foreach($categories as $category): ?>
                                <div class="box">
                                    <a href="<?php echo URL('maldives'); ?>/<?php echo $category->seo_slug; ?>">
                                        <img src="<?php echo URL('/media/uploads/images/hotel/size/340x340/'.$category->featured_image.''); ?>" alt="" />
                                    </a>
                                    <h4 class="caption"><a href="<?php echo URL('maldives'); ?>/<?php echo $category->seo_slug; ?>"><?php echo $category->name; ?></a></h4>
                                </div>
                            <?php endforeach; ?>
                               
                            </div>


                    </div>
                    <div class="sidebar col-md-3">
                        <article class="detailed-logo">
                            <figure>
                                <img width="114" height="85" src="<?php echo URL('/media/uploads/images/hotel/size/263x197/'.AppHelper::hotelThumb($data->id).''); ?>" alt="">
                            </figure>
                            <div itemscope itemtype="http://schema.org/Product" class="details">
                                <h2 itemprop="name" class="box-title"><?php echo $data->name; ?></h2><h2><small><i class="soap-icon-departure yellow-color"></i><span class="fourty-space"><?php echo $data->address; ?></span></small></h2>
                                <span class="price clearfix">
                                    <small class="pull-left">avg/night</small>
                                    <span class="pull-right">$<?php echo AppHelper::fromRate('hotel', $data->id); ?></span>
                                </span>
                                <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" class="feedback clearfix">
                                    <div title="<?php echo $data->rating; ?> stars" class="five-stars-container" data-toggle="tooltip" data-placement="bottom">
                                    <span itemprop="ratingValue" class="five-stars" style="width: <?php echo 20 * $data->rating; ?>%;">
                                    <?php echo $data->rating; ?>

                                    </span>

                                    </div>
                                    <span itemprop="reviewCount" class="review pull-right">270</span>
                                </div>
                                <p class="description"><?php echo $data->seo_description; ?></p>
                                <?php if(AppHelper::isWishlist($data->id)): ?>
                                <button value="<?php echo $data->id; ?>" id="button-remove-wishlist" name="button-remove-wishlist" class="button yellow full-width uppercase btn-small">remove wishlist</button>
                                <?php else: ?>
                                 <button value="<?php echo $data->id; ?>" id="button-wishlist" name="button-wishlist" class="button yellow full-width uppercase btn-small">add to wishlist</button>
                                <?php endif; ?>
                            </div>
                        </article>
                        <div class="travelo-box contact-box">
                            <h4>Need <?php echo AppHelper::config('site_name'); ?> Help?</h4>
                            <p>We would be more than happy to help you. Our team advisor are 24/7 at your service to help you.</p>
                            <address class="contact-details">
                                <span class="contact-phone"><i class="soap-icon-phone"></i><?php echo AppHelper::config('site_hotline'); ?></span>
                                <br>
                                <a class="contact-email" href="#"><?php echo AppHelper::config('site_email'); ?></a>
                            </address>
                        </div>
                        <div class="travelo-box">
                            <h4>Similar Listings</h4>
                            <div class="image-box style14">
                            <?php foreach($similars as $resort): ?>
                                <article class="box">
                                    <figure>
                                        <a href="<?php echo URL(AppHelper::config('hotel_route').'/'.$resort->type.'/'.$resort->seo_slug.''); ?>"><img src="<?php echo URL('/media/uploads/images/hotel/size/92x69/'.AppHelper::hotelThumb($resort->id).''); ?>" alt="" /></a>
                                    </figure>
                                    <div class="details">
                                        <h5 class="box-title"><a href="<?php echo URL(AppHelper::config('hotel_route').'/'.$resort->type.'/'.$resort->seo_slug.''); ?>"><?php echo $resort->name; ?></a></h5>
                                        <label class="price-wrapper">
                                            <span class="price-per-unit">$<?php echo AppHelper::fromRate('hotel', $resort->id); ?></span>avg/night
                                        </label>
                                    </div>
                                </article>
                            <?php endforeach; ?>

                            </div>
                        </div>
                        <div class="travelo-box book-with-us-box">
                            <h4>Why Book with us?</h4>
                            <ul>
                                <li>
                                    <i class="soap-icon-hotel-1 circle"></i>
                                    <h5 class="title"><a href="#">135,00+ Hotels</a></h5>
                                    <p>Nunc cursus libero pur congue arut nimspnty.</p>
                                </li>
                                <li>
                                    <i class="soap-icon-savings circle"></i>
                                    <h5 class="title"><a href="#">Low Rates &amp; Savings</a></h5>
                                    <p>Nunc cursus libero pur congue arut nimspnty.</p>
                                </li>
                                <li>
                                    <i class="soap-icon-support circle"></i>
                                    <h5 class="title"><a href="#">Excellent Support</a></h5>
                                    <p>Nunc cursus libero pur congue arut nimspnty.</p>
                                </li>
                            </ul>
                        </div>
                        
                    </div>
                </div>
            </div>
        </section>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('js'); ?>
        <script type="text/javascript">


        // Place a draggable marker on the map



         tjq('a[href="#map-tab"]').on('shown.bs.tab', function (e) {
            var center = panorama.getPosition();
            google.maps.event.trigger(map, "resize");
            map.setCenter(center);
        });

        
        tjq('a[href="#steet-view-tab"]').on('shown.bs.tab', function (e) {
            fenway = panorama.getPosition();
            panoramaOptions.position = fenway;
            panorama = new google.maps.StreetViewPanorama(document.getElementById('steet-view-tab'), panoramaOptions);
            map.setStreetView(panorama);
        });
        var map = null;
        var panorama = null;
        var fenway = new google.maps.LatLng(<?php echo $data->geo_cordinates; ?>);

        var mapOptions = {
            center: fenway,
            zoom: 17,
            mapTypeId: google.maps.MapTypeId.SATELLITE
        };
        var panoramaOptions = {
            position: fenway,
            pov: {
                heading: 34,
                pitch: 10
            }
        };
        function initialize() {
            tjq("#map-tab").height(tjq("#hotel-main-content").width() * 0.6);
            map = new google.maps.Map(document.getElementById('map-tab'), mapOptions);
            panorama = new google.maps.StreetViewPanorama(document.getElementById('steet-view-tab'), panoramaOptions);
             var myLatlng = new google.maps.LatLng(<?php echo $data->geo_cordinates; ?>);
        var marker = new MarkerWithLabel({
            position: myLatlng,
            labelContent: "u" + '<a href="http://google.com">google</a>',
            labelAnchor: new google.maps.Point(95, 20),
            labelClass: "map-label",
            labelStyle: {
            opacity: 0.75,
        },
        zIndex: 999999,
            map: map,
            title: "<?php echo $data->name; ?>"
        });

            map.setStreetView(panorama);
        }
        google.maps.event.addDomListener(window, 'load', initialize);

        </script>




              

        

        <style>
        .map-label {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    z-index: 999999;
}</style>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('front.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>