<?php $__env->startSection('content'); ?>
        <div class="container">
            <ul class="breadcrumb">
                <li><a href="<?php echo URL('/'); ?>">Home</a>
                </li>
                <li class="active"><?php echo $data->title; ?></li>
            </ul>
            <div class="booking-item-details">
                <header class="booking-item-header">
                    <div class="row">
                        <div class="col-md-9">
                            <h2 class="lh1em"><?php echo $data->title; ?></h2>
                            <p class="lh1em text-small"><i class="fa fa-map-marker"></i> <?php echo $data->address; ?></p>
                            <ul class="list list-inline text-small">
                                <li><a href="<?php echo URL('/booking/'.$data->slug.''); ?>"><i class="fa fa-envelope"></i> Book Now</a>
                                </li>
                          
                                <li><i class="fa fa-phone"></i> +960 999 3319</li>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <p class="booking-item-header-price"><small> </small>  <span class="text-lg"> </span> </p>
                        </div>
                    </div>
                </header>
                <div class="row">
                    <div class="col-md-12">
                        <div class="tabbable booking-details-tabbable">
                            <ul class="nav nav-tabs" id="myTab">
                                <li class="active"><a href="#tab-1" data-toggle="tab"><i class="fa fa-camera"></i>Photos</a>
                                </li>
                                <li><a href="#google-map-tab" data-toggle="tab"><i class="fa fa-map-marker"></i>On the Map</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade in active" id="tab-1">
                                    <div class="fotorama" data-allowfullscreen="true" data-nav="thumbs">
                                        <?php foreach($slides as $img): ?>

                                        <img src="<?php echo URL('/image/url?quality=medium&img='.$img->file.''); ?>" alt="<?php echo $data->title; ?>" title="<?php echo $data->title; ?>" />

                                   
                                        <?php endforeach; ?>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="google-map-tab">
                                    <div id="map-canvas" style="width:100%; height:500px;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="gap"></div>

                <h3>Available Rooms</h3>
                <div class="row">
                    <div class="col-md-9">

                            <?php echo $data->content; ?>



                        <div class="booking-item-dates-change">
                            <form>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="input-daterange" data-date-format="MM d, D">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group form-group-icon-left"><i class="fa fa-calendar input-icon input-icon-hightlight"></i>
                                                        <label>Check in</label>
                                                        <input class="form-control" name="start" type="text" />
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group form-group-icon-left"><i class="fa fa-calendar input-icon input-icon-hightlight"></i>
                                                        <label>Check out</label>
                                                        <input class="form-control" name="end" type="text" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group form-group-select-plus">
                                            <label>Adults</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-2">
                                        <div class="form-group form-group-select-plus">
                                            <label>Children</label>
                                            <div class="btn-group btn-group-select-num" data-toggle="buttons">
                                                <label class="btn btn-primary active">
                                                    <input type="radio" name="options" />0</label>
                                                <label class="btn btn-primary">
                                                    <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" />2+</label>
                                            </div>
                                            <select class="form-control hidden">
                                                <option>0</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option selected="selected">3</option>
                                                <option>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-2">
                                        <div class="form-group 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>
                            </form>
                        </div>
                        <div class="gap gap-small"></div>
                        <ul class="booking-list">

                        <?php foreach($rooms as $room): ?>
                            <li>
                                <a class="booking-item" href="<?php echo URL('/booking/'.$data->slug.''); ?>">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <img src="<?php echo URL('/thumb/url?img='.$room->featured_image.''); ?>" alt="<?php echo $room->name; ?>" title="<?php echo $room->name; ?>" />
                                        </div>
                                        <div class="col-md-6">
                                            <h5 class="booking-item-title"><?php echo $room->name; ?></h5>
                                            <p class="text-small">Platea fringilla cursus aliquam euismod integer viverra dis facilisi in augue vehicula sed</p>
                                            <ul class="booking-item-features booking-item-features-sign clearfix">
                                                <li rel="tooltip" data-placement="top" title="Adults Occupancy"><i class="fa fa-male"></i><span class="booking-item-feature-sign">x 1</span>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Children Occupancy"><i class="im im-children"></i><span class="booking-item-feature-sign">x 1</span>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Beds"><i class="im im-bed"></i><span class="booking-item-feature-sign">x 1</span>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Room footage (square feet)"><i class="im im-width"></i><span class="booking-item-feature-sign"> </span>
                                                </li>
                                            </ul>
                                            <ul class="booking-item-features booking-item-features-small clearfix">
                                                <li rel="tooltip" data-placement="top" title="Air Conditioning"><i class="im im-air"></i>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Flat Screen TV"><i class="im im-tv"></i>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Mini Bar"><i class="im im-bar"></i>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Bathtub"><i class="im im-bathtub"></i>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Kitchen"><i class="im im-kitchen"></i>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Patio"><i class="im im-patio"></i>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Washing Machine"><i class="im im-washing-machine"></i>
                                                </li>
                                                <li rel="tooltip" data-placement="top" title="Pool"><i class="im im-pool"></i>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-md-3">

                                            <span class="booking-item-price"> </span><span> </span><span class="btn btn-primary"> Book</span>
                                        
                                   
                                          </div>
                                    </div>
                                </a>
                            </li>
                        <?php endforeach; ?>
                         
                          
                        </ul>


                        <div id="popup-gallery">
                        <div class="row row-col-gap">
                <?php foreach($gallery as $img): ?>
                            <div class="col-md-3">
                                     <a class="hover-img popup-gallery-image" href="<?php echo URL('/image/url?quality=medium&img='.$img->file.''); ?>" data-effect="mfp-zoom-out">
                                        <img src="<?php echo URL('/thumb/url?img='.$img->file.''); ?>" alt="<?php echo $data->title; ?>" title="<?php echo $data->title; ?>" /><i class="fa fa-plus round box-icon-small hover-icon i round"></i>
                                    </a>

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


                    </div>
                    <div class="col-md-3">
                        <h4>About the Hotel</h4>
                        <p class="mb30">Torquent egestas pharetra est cum tellus ultrices aliquam nam gravida hendrerit primis class egestas primis porta egestas non eleifend risus</p>
                        <h4>Hotel Facilities</h4>
                        <ul class="booking-item-features booking-item-features-expand mb30 clearfix">
                            <li><i class="im im-wi-fi"></i><span class="booking-item-feature-title">Wi-Fi Internet</span>
                            </li>
                            <li><i class="im im-fitness"></i><span class="booking-item-feature-title">Fitness Center</span>
                            </li>
                            <li><i class="im im-pool"></i><span class="booking-item-feature-title">Pool</span>
                            </li>
                            <li><i class="im im-spa"></i><span class="booking-item-feature-title">SPA</span>
                            </li>
                            <li><i class="im im-restaurant"></i><span class="booking-item-feature-title">Restaurant</span>
                            </li>
                            <li><i class="im im-wheel-chair"></i><span class="booking-item-feature-title">Wheelchair Access</span>
                            </li>
                         
                            <li><i class="im im-children"></i><span class="booking-item-feature-title">Children Activites</span>
                            </li>
                       
                            <li><i class="im im-bar"></i><span class="booking-item-feature-title">Bar/Lounge</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <h3 class="mb20">Hotel Reviews</h3>
                <div class="row row-wrap">
                    <div class="col-md-8">

                        <div class="gap gap-small"></div>
                        <div class="box bg-gray">
                            <h3>Write a Review</h3>
                    <div class="fb-comments" data-href="<?php echo URL(''.$data->slug.''); ?>" data-numposts="5" data-colorscheme="light"></div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <h4>Hotels Near <?php echo $data->title; ?></h4>
                        <ul class="booking-list">
                        <?php foreach($similars as $hotel): ?>
                            <li>
                                <div href="<?php echo URL('/'.$hotel->category.'/'.$hotel->slug.'/'); ?>" 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-half-empty"></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>
                            </li>
                        <?php endforeach; ?>
                        </ul>
                    </div>
                </div>
            </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(); ?>