<!-- BANNER -->
<section class="" style="padding-top: 160px; padding-bottom: 40px;
background: url('<?= base_url(); ?>themes/<?= $theme; ?>/bluesky/hotel/images/room-background.jpg') no-repeat; background-size: cover; background-position: center;"> 
    <div class="container">
        <div class="banner-content"> 
            <h2></h2>
            <p></p>
        </div>
    </div>
</section>
<!-- END-BANNER -->

<!-- ABOUT-US-->
<section class="about about-v2" style="margin-bottom:0px;">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                <div class="about-centent">
                    <h2 class="about-title text-center"><?= $quer_rooms->room_name ?></h2>
                    <div class="line-v2"></div>
                    <div style="font-size:20px;">
                    <?= $quer_rooms->description; ?>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</section>
<!-- END/ ABOUT-US--> 


<!-- ROOM DETAIL -->
<section class="section-product-detail">
    <div class="container">
        <!-- DETAIL -->
        <div class="product-detail margin">
            <div class="row">
                <div class="col-lg-12">
                    <!-- LAGER IMGAE -->
                    <div class="wrapper">
                        <div class="gallery3">
                            <?php  
                                $quer_rooms_gallery = $this->db->get_where("hotel_rooms_gallery",array(
                                    "is_active"=>'yes',
                                    "room_id"=>$quer_rooms->id,
                                ));
                            ?>
                            <?php if ($quer_rooms_gallery->num_rows()>0): 
                                $cntr = 0;
                            ?>
                            <?php foreach ($quer_rooms_gallery->result() as $key): $cntr++; ?>
                            <div class="<?= $cntr == 1 ? ' ' : ' '; ?> gallery__img-block  "> 
                                <span class=""> 
                                </span>
                                <img src="<?= base_url(); ?>uploads/hotel_rooms/<?= $key->image; ?>" thumb-url="<?= base_url(); ?>uploads/hotel_rooms/small/<?= $key->image; ?>" class="">
                            </div> 
                            <?php endforeach; ?>
                            <?php endif; ?>
                            <div class="gallery__controls"></div>
                        </div>
                    </div>
                    <!-- END / LAGER IMGAE -->
                </div>
                
            </div>
        </div> 
        <!-- END / DETAIL -->
        <!-- TAB -->
        <div class="product-detail_tab">
            <div class="row">
                <div class="col-md-3">
                    <ul class="product-detail_tab-header">
                        <li><a href="#overview" data-toggle="tab">OVERVIEW</a></li>
                        <li class="active"><a href="#amenities" data-toggle="tab">amenities</a></li> 
                    </ul>
                </div>
                <div class="col-md-9">
                    <div class="product-detail_tab-content tab-content">
                        <!-- OVERVIEW -->
                        <div class="tab-pane fade" id="overview">
                            <div class="product-detail_overview">
                                <div class="row">
                                    <?= $quer_rooms->overview; ?>
                                </div>
                            </div>
                        </div>
                        <!-- END / OVERVIEW -->
                        <!-- AMENITIES -->
                        <div class="tab-pane fade active in" id="amenities">
                            <div class="product-detail_amenities">
                                <div class="row">
                                    <?= $quer_rooms->amenities; ?>  
                                </div>
                            </div>
                        </div>
                        <!-- END / AMENITIES -->
                        
                        <!-- RATES -->
                        
                        <!-- END / RATES -->
                    </div>
                </div>
            </div>
        </div>
        <!-- END / TAB -->
    </div>
</section>
<!-- END / SHOP DETAIL -->
<style>
    .gallery__description-block { 
        background: transparent; 
    }
</style>