<?php $alias = $this->uri->segment(2); ?>
<?php if ($active_banner_slider == 'yes'): ?> 
  <!-- SLIDER -->
  <section class="section-slider height-v">
      <div id="index12" class="owl-carousel  owl-theme">
      <?php if ($hotel_pages): ?>
      <?php  
        $ar_img = explode(' | ', $hotel_pages->img_name);
      ?> 
      <?php for($i=0; $i<count($ar_img); $i++): ?>
        <div class="item">
            <img alt="" src="<?= base_url(); ?>uploads/banners/<?= $ar_img[$i]; ?>" class="img-responsive">
        </div>
      <?php endfor; ?>  
      <?php endif ?>  
      </div>
  </section>
  <!-- END / SLIDER --> 
<?php else: ?>
  <!-- BANNER -->
  <section class="text-center" style="padding-top: 160px; padding-bottom: 40px;
    background: url('<?= base_url(); ?>uploads/banners/<?= $hotel_pages->img_banner; ?>') no-repeat; background-size: cover; background-position: center;"> 
      <div class="container">
          <div class="banner-content">
              <h2></h2>
              <p></p>
          </div>
      </div>
  </section>
  <!-- END-BANNER --> 
<?php endif; ?> 


<?php if ($active_content == 'yes'): ?>
<!-- ABOUT-US -->
<section class="about about-v2" style="margin-bottom:100px;">
    <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"><?= $this->session->userdata('site_lang') == 'english' ? ucwords($hotel_pages->header_text_en) : ucwords($hotel_pages->header_text); ?></h2>
                    <div class="line-v2"></div> 
                </div>
                <div class="about-centent">
                    <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->body_text_en : $hotel_pages->body_text; ?> 
                </div>
            </div>
        </div>
        
        <?php if ($active_3_contents_texts == 'yes'): ?>
          <div class="row" style="margin-top:30px;margin-bottom:30px;">
            <?php 
              $col_lg_body1 = '5';
              $col_lg_body2 = '4';
              if ($hotel_pages->header_body_text1 == '' || $hotel_pages->header_body_text1 == null){ 
                $col_lg_body2 = '10';
              }
              if ($hotel_pages->header_body_text2 == '' || $hotel_pages->header_body_text2 == null){ 
                $col_lg_body1 = '10';
              }
            ?>
            <?php if ($hotel_pages->header_body_text1 != '' && $hotel_pages->header_body_text1 != null): ?>
              <div class="col-lg-<?= $col_lg_body1; ?> col-lg-offset-1"> 
                <div style="text-align: left;margin-bottom: 20px;" class="about-centent">
                    <h2 class="title-meeting about-title text-left">
                      <?= $this->session->userdata('site_lang') == 'english' ? ucwords($hotel_pages->header_body_text1_en) : ucwords($hotel_pages->header_body_text1); ?>
                    </h2>  
                </div>
                <div style="text-align: left;" class="about-centent">
                  <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->body_text1_en : $hotel_pages->body_text1; ?> 
                </div>
              </div>
            <?php endif; ?>

            <?php if ($hotel_pages->header_body_text2 != '' && $hotel_pages->header_body_text2 != null): ?>
              <div class="col-lg-<?= $col_lg_body2; ?> col-lg-offset-1"> 
                <div style="text-align: left;margin-bottom: 20px;" class="about-centent">
                    <h2 class="title-meeting about-title text-left">
                      <?= $this->session->userdata('site_lang') == 'english' ? ucwords($hotel_pages->header_body_text2_en) : ucwords($hotel_pages->header_body_text2); ?>
                    </h2>  
                </div>
                  <div style="text-align: left;" class="about-centent">
                    <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->body_text2_en : $hotel_pages->body_text2; ?> 
                  </div>
              </div>
            <?php endif; ?>
          </div>
          <div class="row" style="margin-top:20px;margin-bottom:30px;">
            <?php if ($hotel_pages->header_body_text3 != '' && $hotel_pages->header_body_text3 != null): ?>
              <div class="col-lg-10 col-lg-offset-1"> 
                <div style="text-align: center;margin-bottom: 20px;" class="about-centent">
                    <h2 class="title-meeting about-title text-left">
                      <?= $this->session->userdata('site_lang') == 'english' ? ucwords($hotel_pages->header_body_text3_en) : ucwords($hotel_pages->header_body_text3); ?>
                    </h2>  
                </div>
                <div style="text-align: left;" class="about-centent">
                  <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->body_text3_en : $hotel_pages->body_text3; ?>  
                </div>
              </div>
            <?php endif; ?>  
          </div>
          <style>
            .title-meeting{
              border-bottom: 2px solid #38b141;
              display: inline-block;
              padding-bottom: 15px;
              padding-left: 10px;
              padding-right: 10px;
            }
            .meeting-table{
              border-bottom: 2px solid #38b141;
            }
            .meeting-table tr th,
            .meeting-table tr td{
              text-align: center;
            }
            .meeting-table tr th p img{
              width: 25px;
              height: 25px;
            }
            .meeting-table tr th p{
              margin-bottom: 0px;
            }
            .table .thead-green th {
              color: #fff;
             /* background-color: #343a40;
              border-color: #454d55;*/
              background-color: #38b141;
              border-color: #38b141;
            }
            /*.table .thead-green  { 
              background-color: #772f1a;
              background-image: -webkit-linear-gradient(bottom right, #772f1a 0%, #f2a65a 74%);
              background-image: -o-linear-gradient(bottom right, #772f1a 0%, #f2a65a 74%);
              background-image: linear-gradient(to top left, #772f1a 0%, #f2a65a 74%);
            }*/

          </style>
        <?php endif; ?> 

        <?php if ($active_center_img == 'yes'): ?> 
        <div class="row" style="margin-top:50px;"> 
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
            <?php if ($hotel_pages->img_center1 == NULL && $hotel_pages->img_center2 == NULL && $hotel_pages->img_center3 == NULL && $hotel_pages->img_center4 == NULL && $hotel_pages->img_center5 == NULL): ?>
              <?php else : ?>
            <div class="slider slick-center-img">
              <!-- real -->
              <?php if ($hotel_pages->img_center1 == NULL): ?>
                <?php else: ?>
                    <div class="slide">
                      <img class="cl" src="<?= base_url(); ?>uploads/image_center/<?= $hotel_pages->img_center1; ?>" alt=""> 
                    </div>
              <?php endif ?>
              <?php if ($hotel_pages->img_center2 == NULL): ?>
                <?php else: ?>
                    <div class="slide">
                      <img class="cl" src="<?= base_url(); ?>uploads/image_center/<?= $hotel_pages->img_center2; ?>" alt=""> 
                    </div>
              <?php endif ?>
              <?php if ($hotel_pages->img_center3 == NULL): ?>
                <?php else: ?>
                    <div class="slide">
                      <img class="cl" src="<?= base_url(); ?>uploads/image_center/<?= $hotel_pages->img_center3; ?>" alt=""> 
                    </div>
              <?php endif ?>
              <?php if ($hotel_pages->img_center4 == NULL): ?>
                <?php else: ?>
                    <div class="slide">
                      <img class="cl" src="<?= base_url(); ?>uploads/image_center/<?= $hotel_pages->img_center4; ?>" alt=""> 
                    </div>
              <?php endif ?>
              <?php if ($hotel_pages->img_center5 == NULL): ?>
                <?php else: ?>
                    <div class="slide">
                      <img class="cl" src="<?= base_url(); ?>uploads/image_center/<?= $hotel_pages->img_center5; ?>" alt=""> 
                    </div>
              <?php endif ?>

              <!-- replica -->
              <!-- <div class="slide">
                <img class="cl" src="<?= base_url(); ?>uploads/image_center/<?= $hotel_pages->img_center1; ?>" alt="">
              </div>
              <div class="slide">
                <img class="cl" src="<?= base_url(); ?>uploads/image_center/<?= $hotel_pages->img_center2; ?>" alt="">
              </div>
              <div class="slide">
                <img class="cl" src="<?= base_url(); ?>uploads/image_center/<?= $hotel_pages->img_center3; ?>" alt="">
              </div> -->
            </div>
        <?php endif ?>
             
            <div class="slick-slider-target-txt">  
                <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->img_center_text1_en : $hotel_pages->img_center_text1; ?> 
            </div>
            <div class="slick-slider-target-txt">  
                <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->img_center_text2_en : $hotel_pages->img_center_text2; ?> 
            </div>
            <div class="slick-slider-target-txt">  
                <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->img_center_text3_en : $hotel_pages->img_center_text3; ?> 
            </div>
            <div class="slick-slider-target-txt">  
                <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->img_center_text4_en : $hotel_pages->img_center_text4; ?> 
            </div>
            <div class="slick-slider-target-txt">  
                <?= $this->session->userdata('site_lang') == 'english' ? $hotel_pages->img_center_text5_en : $hotel_pages->img_center_text5; ?> 
            </div>
          </div>
        </div>
        <style>
          /*img.cl {  
            width: 100%;
          } 
          .slick-slide { 
            margin-left: 25px !important;
            margin-right: 25px !important;
          }

          .slick-active { 
            padding: 20px 0; 
          }

          .slick-center { 
            transform: scale(1.08) 
          }

          .slick-slide:not(.slick-active) { 
            margin: 20px 0; 
          } 

          .slide:not(.slick-active) { 
            cursor: pointer; 
          }*/
        </style>
      <?php endif; ?>
    </div>
</section>
<!-- END/ ABOUT-US--> 
<?php endif; ?>


<?php if ($active_contact == 'yes'): ?> 
<!-- CONTACT -->
<section class="section-contact">
    <div class="container">
        <div class="contact">
            <div class="row">
                <div class="col-md-6 col-lg-5">
                    <?= $hotel_pages->body_text; ?>
                </div>
                <div class="col-md-6 col-lg-6 col-lg-offset-1">
                    <div class="contact-form">
<?= form_open_multipart('hotel/'.$alias.'/send_email', array('id' => 'form_contact_c')); ?>
    <div class="row"> 
        <div class="col-sm-12">
            <?php if ($this->session->flashdata('success')): ?>
                <?= $this->session->flashdata('success'); ?>
            <?php endif; ?>
        </div>
        <div class="col-sm-6">
            <input type="text" class="field-text" name="inp_name" id="inp_name" placeholder="<?= ucwords(lang('name')); ?>*">
            <?= '<span style="font-size:10px;">' . form_error('inp_name') . '</span>';
                 ?>
        </div>
        <div class="col-sm-6">
            <input type="email" class="field-text" name="inp_email" id="inp_email" placeholder="<?= ucwords(lang('email_address')); ?>*">
            <?= '<span style="font-size:10px;">' . form_error('inp_email') . '</span>';
             ?>
        </div>
        <div class="col-sm-6">
            <input type="text" class="field-text" name="inp_phone" id="inp_phone" placeholder="<?= ucwords(lang('phone_numb')); ?>*">
            <?= '<span style="font-size:10px;">' . form_error('inp_phone') . '</span>';
                 ?>
        </div>
        <div class="col-sm-6">
            <input type="text" class="field-text" name="subject" placeholder="Subject">
        </div>
        <div class="col-sm-12">
            <textarea cols="30" rows="10" name="message" class="field-textarea" placeholder="Write what do you want"></textarea>
        </div>
       <!--  <div class="col-sm-7">
            <?= $recaptcha_html;?>
            <?= '<span style="font-size:10px;" id="captcha">' . form_error('g-recaptcha-response'). '</span>'; ?>
        </div> -->
        <div class="col-sm-5">
            <input style="display: none;" id="sbm_hidden" type="submit" name="business_enquiry_confirmation" value="business_enquiry_confirmation"> 
            <a class="btn btn-room" href="javascript:void(0);" id="btn_contactc" class="">SEND</a>  
            <script> 
              // <li><span class="fa fa-envelope-o" aria-hidden="true">.</span> <span id="spn_send_email">reservations@blueskybalikpapan.com</span></li>

                var form = document.querySelector('#form_contact_c'); 
                var spn_send_email = document.querySelector('#spn_send_email'); 

                form.innerHTML += '<input type="hidden" id="inp_send_email" name="inp_send_email" />';
                // alert(spn_send_email.length);
                if (spn_send_email) {
                  var inp_send_email = document.querySelector('#inp_send_email');  
                  inp_send_email.value=spn_send_email.innerHTML;
                }

                var submit_form_btn = document.querySelector('#btn_contactc');

                submit_form_btn.addEventListener('click', function () {
                    if (form.checkValidity()) {
                        form.querySelector('input#sbm_hidden[type="submit"]').click();
                    }
                    else {
                        form.querySelector('input#sbm_hidden[type="submit"]').click();
                    }
                }, false);  

            </script>
        </div>
    </div>
<?= form_close(); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<?php endif; ?>

<div class="container-fluid">
    <?php if ($active_map == 'yes'): ?>
        <div class="row">
            <div class="com-sm-12">
                <div class="row">
                    <div class="col-sm-12">
                    <h2 class="h2-rooms text-center">Location</h2>
                        <iframe src="<?= $maps->text_form1;?>" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
                      
                    </div>
                </div>
            </div>
        </div>
    <?php endif; ?>
    
    <?php if ($active_gallery == 'yes'): ?>
        <!-- OUR-GALLERY-->
        <section class="gallery-our wrap-gallery-restaurant">
            <div class="container">
                <div class="gallery gallery-restaurant">
                    <h2 class="h2-rooms">Gallery</h2> 
                    <br/>
                    <div class="tab-content">
                        <div id="all" class="tab-pane fade in active">
                            <div class="product ">
        <div class="row">
        <?php if ($query_hotel_pages_gallery->num_rows()>0): ?>
        <?php foreach ($query_hotel_pages_gallery->result() as $key): ?>
            <div class="gallery_product col-lg-3 col-md-4 col-sm-6 col-xs-6 ">
                <div class="wrap-box">
                    <div class="box-img">
                        <img src="<?= base_url(); ?>uploads/gallery/<?= $key->img_name; ?>" class="img-responsive" alt="Product" title="images products">
                    </div>
                    <div class="gallery-box-main ">
                        <div class="gallery-icon">
                            <a class="lightbox " href="<?= base_url(); ?>uploads/gallery/large/<?= $key->img_name; ?>" data-littlelightbox-group="gallery" title="Airport Lounge"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                        </div>
                    </div>
                </div>
            </div>
        <?php endforeach; ?>   
        <?php endif; ?>
        </div> 
    
                            </div>
                        </div>
                    </div>
                    <!-- end-tab-content -->
                </div>
                <!-- /gallery -->
            </div>
            <!-- /container -->
        </section>
        <!-- END / OUR GALLERY -->
    <?php endif; ?>
    
    <?php if ($active_all_product == 'yes'): ?>
        <!-- RESTAURANTS -->
        <section class="body-restaurant">
            <div class="container">
                <div class="restaurant-lager">
                    <div class="restaurant_content">
                        <!-- HEADING -->
                        <div class="restaurant_title text-center">
                            <h2 class="heading">PACKAGE</h2>
                        </div>
                        <!-- END / HEADING -->
<div class="content-restaurant">
    <div class="row">
        <?php if ($query_hotel_pages_gallery->num_rows()>0): ?>
        <?php foreach ($query_hotel_pages_gallery->result() as $key): ?>
        <!-- ITEM -->
        <div class="col-md-6">
            <div class="restaurant_item ">
                <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <div class="img">
                            <img style="position:relative; top:20px;" src="<?= base_url(); ?>uploads/gallery/<?= $key->img_name; ?>" alt="#" class="img-responsive">
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <div class="text">
                            <h2><a href="#">
                                <?= $this->session->userdata('site_lang') == 'english' ? $key->header_text_en : $key->header_text; ?>
                            </a></h2>
                            <?= $this->session->userdata('site_lang') == 'english' ? $key->body_text_en : $key->body_text; ?>
                            <p class="price">
                                <!-- <span class="amout">Rp 25.000.000/100pack</span> -->
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
        <?php endforeach; ?>   
        <?php endif; ?>
    </div>
</div>
                        <!-- HR -->
                        <div class="hr"></div>
                        <!-- END  / HR -->
                    </div>
                </div>
            </div>
        </section>
        <!-- END / RESTAURANTS -->
    <?php endif; ?>
</div>