<?php $__env->startSection('content'); ?>  
        <div class="page-title-container">
            <div class="container">
                <div class="page-title pull-left">
                    <h2 class="entry-title uppercase"><?php echo $heading; ?></h2>
                </div>
                <ul class="breadcrumbs pull-right">
                    <li><a href="#">HOME</a></li>
                    <li><a href="#">DESTINATIONS</a></li>
                    <li class="active"><?php echo $heading; ?></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="travel-guide">
                            <ul class="tabs full-width">
                                <li class="active"><a href="#travel-guide-info" data-toggle="tab">General Information</a></li>
                                <?php foreach($categories as $category): ?>
                                
                                <li><a href="#<?php echo $category->name; ?>" data-toggle="tab"><?php echo $category->name; ?></a></li>
                                <?php endforeach; ?>
                                <li><a href="#travel-guide-hotels" data-toggle="tab">Hotels</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade active in" id="travel-guide-info">
                                    <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 class="main-content">
                                        <div class="intro table-wrapper full-width hidden-table-sms box">
                                            <div class="col-sm-5 col-lg-4 features table-cell">
                                                <ul>
                                                    <li><label>Country:</label>Maldives</li>
                                                    <li><label>Area:</label>105.4 km²</li>
                                                    <li><label>Currency:</label>Euro</li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-7 col-lg-8 table-cell testimonials">
                                                <div class="testimonial style1">
                                                    <ul class="slides ">
                                                        <li>
                                                            <p class="description">Always enjoyed my stay with Hilton Hotel and Resorts, top class room service and rooms have great outside views and luxury assessories. Thanks for great experience.</p>
                                                            <div class="author clearfix">
                                                                <a href="#"><img src="http://placehold.it/74x74" alt="" width="74" height="74" /></a>
                                                                <h5 class="name">Jessica Brown<small>traveler</small></h5>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <p class="description">Always enjoyed my stay with Hilton Hotel and Resorts, top class room service and rooms have great outside views and luxury assessories. Thanks for great experience.</p>
                                                            <div class="author clearfix">
                                                                <a href="#"><img src="http://placehold.it/74x74" alt="" width="74" height="74" /></a>
                                                                <h5 class="name">Lisa Kimberly<small>traveler</small></h5>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <p class="description">Always enjoyed my stay with Hilton Hotel and Resorts, top class room service and rooms have great outside views and luxury assessories. Thanks for great experience.</p>
                                                            <div class="author clearfix">
                                                                <a href="#"><img src="http://placehold.it/74x74" alt="" width="74" height="74" /></a>
                                                                <h5 class="name">Jessica Brown<small>traveler</small></h5>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="long-description">
                                            <h2>General Information About <?php echo $destinations->name; ?></h2>
                                            <?php echo $destinations->content; ?>

                                            </div>
                                    </div>
                                </div>
                                <?php foreach($categories as $category): ?>
                                <div class="tab-pane fade" id="<?php echo $category->name; ?>">
                                    <div class="main-content">
                                        <h2><?php echo $category->name; ?></h2>
                                        <?php foreach($category->activities as $activity): ?>
                                        <div class="box row">
                                            <div class="col-md-4">
                                                <a href="#" title="" class="middle-block"><img class="middle-item" src="<?php echo URL('/media/uploads/images/hotel/size/263x197/'.AppHelper::activityImages($activity->id).''); ?>" alt="" /></a>
                                            </div>
                                            <div class="details col-md-offset-4">
                                                <h4 class="skin-color"><?php echo $activity->seo_title; ?></h4>
                                                
                                                <?php echo $activity->description; ?>

                                               
                                            </div>
                                        </div>
                                        <?php endforeach; ?>
                             
                                    </div>
                                </div>
                                <?php endforeach; ?>

                                <div class="tab-pane fade gray-bg" id="travel-guide-hotels">
                                
                                    <div class="hotel-list listing-style3 hotel">
                                    <?php foreach($hotels as $hotel): ?>
                                        <article class="box">
                                            <figure class="col-sm-5 col-md-4">
                                               <a href="<?php echo URL('popupgallery'); ?>?category=slides&resort_id=<?php echo $hotel->id; ?>" class="hover-effect popup-gallery"><img width="270" height="160" alt="" src="<?php echo URL('/media/uploads/images/hotel/size/263x197/'.AppHelper::hotelThumb($hotel->id).''); ?>"></a>
                                            </figure>
                                            <div class="details col-sm-7 col-md-8">
                                            <?php
                                $string = $hotel->seo_description;
                                $address = $hotel->address;
                                $address = substr($address, 0, 20); 
                                $name = substr($hotel->name, 0, 20);

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


                                                <div>
                                                    <div>
                                                        <h4 class="box-title"><?php echo $name; ?><small><?php echo $address; ?></small></h4>
                                                        <div class="amenities">
                                                            <i class="soap-icon-wifi circle"></i>
                                                            <i class="soap-icon-fitnessfacility circle"></i>
                                                            <i class="soap-icon-fork circle"></i>
                                                            <i class="soap-icon-television circle"></i>
                                                        </div>
                                                    </div>
                                                    <div>
                                                        <div class="five-stars-container">
                                                            <span style="width: <?php echo 20 * $hotel->rating; ?>%;" class="five-stars"></span>
                                                        </div>
                                                        <span class="review">270 reviews</span>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="description"><?php echo $desc; ?>..</p>
                                                   <div>
                                                        <span class="price"><small>AVG/NIGHT</small>$<?php echo AppHelper::fromRate('hotel', $hotel->id); ?></span>
                                                        <a class="button btn-small full-width text-center" title="" href="<?php echo URL('maldives/'.$hotel->type.'/'.$hotel->seo_slug.''); ?>">SELECT</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </article>
                                    <?php endforeach; ?>
                                       
                                    </div>
                                   
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="sidebar col-md-3">
                        <div class="travelo-box">
                            <h4 class="box-title">Modify Search</h4>
                            <form>
                                <div class="form-group">
                                    <label>Country</label>
                                    <div class="selector full-width">
                                        <select>
                                            <option value="paris">Paris</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>City</label>
                                    <div class="selector full-width">
                                        <select>
                                            <option value="bastille">Bastille</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>By Name</label>
                                    <input type="text" class="input-text full-width" placeholder="enter name(optional)">
                                </div>
                                <button class="icon-check full-width">SHOW TRAVEL GUIDE</button>
                            </form>
                        </div>
                        <div class="travelo-box contact-box">
                            <h4>Need Travelo 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> 1-800-123-HELLO</span>
                                <br>
                                <a class="contact-email" href="#">help@travelo.com</a>
                            </address>
                        </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="#" class="skin-color">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="#" class="skin-color">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="#" class="skin-color">Excellent Support</a></h5>
                                    <p>Nunc cursus libero pur congue arut nimspnty.</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
<?php $__env->stopSection(); ?>

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