<?php 
// case '27': // Toc & Privacy Policy
// case '25': // other businnes
// case '26': // Press & Activities
// case '24': // blue sky mantau
// case '21': // Restaurants
// case '23': // tentang kami / about us
// case '28': // contact us
// case '15': // Airport Lounges
// case '29': // loyality program 
?>

<?php if ($page->id_pages == '24' || $page->id_pages == '29' || $page->id_pages == '25'): ?>

<section class="section-slider height-v">
    <div id="index12" class="owl-carousel  owl-theme">
    <?php if ($quer_pages): ?>
    <?php 
      $quer_pages = $quer_pages; 
      $ar_img = explode(' | ', $quer_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 #$this->session->userdata('site_lang') == 'english' ? ucwords($quer_pages->page_title) : ucwords($quer_pages->page_title_en); ?>

<!-- ABOUT-US-->
<section class="about about-v2"  style="margin-bottom:50px;">
  <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($quer_pages->page_title_en) : ucwords($quer_pages->page_title); ?>
          </h2>
          <div class="line-v2">&nbsp;</div> 
        </div> 
        
        <?= $this->session->userdata('site_lang') == 'english' ? $quer_pages->body_text_en : $quer_pages->body_text; ?>

      </div>
    </div>
  </div>
</section>
<!-- END/ ABOUT-US--> 

<?php if ($page->id_pages == '24'): ?>

<!-- OUR-GALLERY-->
<section class="gallery-our wrap-gallery-restaurant">
    <div class="container">
        <div class="gallery gallery-restaurant">
            <h2 class="h2-rooms">Mantau Gallery</h2>
            <!-- <ul class="nav nav-tabs text-uppercase">
                <li class="active"><a data-toggle="tab" href="restaurant_4.html#all">ALL</a></li>
                <li><a data-toggle="tab" href="restaurant_4.html#dinner">DINNER</a></li>
                <li><a data-toggle="tab" href="restaurant_4.html#lunch">LUNCH</a></li>
                <li><a data-toggle="tab" href="restaurant_4.html#diner">DINER</a></li>
                <li><a data-toggle="tab" href="restaurant_4.html#drink">DRINK</a></li>
            </ul> -->
            <br/>
            <div class="tab-content">

<div id="all" class="tab-pane fade in active">
    <div class="product">
        <div class="row"> 
            <?php if ($quer_pages_gallery->num_rows()>0): ?>
            <?php foreach ($quer_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="Mantau"><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 ($page->id_pages == '29'): ?>
<section class="body-room-1 ">
  <div class="container">
      <div class="room-wrap-1">
          <div class="row">
            <?php foreach ($body_rooms as $key): ?>
        <!-- ITEM -->
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="room-item-1">
                    <h4 class="sky-h4">
                      <?php if($this->session->userdata('site_lang') == 'english'): ?>
                        <?= ucwords(explode(' | ', $key->header_text)[1]); ?>
                      <?php else: ?>
                        <?= ucwords(explode(' | ', $key->header_text)[0]); ?> 
                      <?php endif; ?> 
                    </h4>
                        <div class="img">
                            <img src="<?= base_url(); ?>uploads/body_rooms/<?= $key->img_name; ?>" alt="#">
                        </div>
                        <div class="content">
                            <p> 
                          <?php if($this->session->userdata('site_lang') == 'english'): ?>
                            <?= $key->content_text; ?>
                          <?php else: ?>
                            <?= $key->content_text_en; ?> 
                          <?php endif; ?> 
                            </p>
                        </div> 
                    </div>
                </div>
                <!-- END / ITEM -->
        <?php endforeach; ?>
               

          </div>
      </div>
  </div>
</section>
<?php endif; ?>

<?php elseif($page->id_pages == '15'): ?>
<style>
  .pagi_pagination{
    /*font-size: 23px;*/
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .pagi_firstlink,
  .pagi_lastlink,
  .pagi_nextlink,
  .pagi_prevlink,
  .pagi_curlink,
  .pagi_numlink{
    display: inline-block;
    vertical-align: top;
    font-size: 2.3rem;
    font-weight: bold;
    margin: 0 2.5px;
  }
  .pagi_firstlink a:hover,
  .pagi_lastlink a:hover,
  .pagi_nextlink a:hover,
  .pagi_prevlink a:hover,
  .pagi_curlink a:hover,
  .pagi_numlink a:hover{
    border-left-color: #002d57;
    background-color: #002d57;
    border-color: #002d57;
        border-left-color: rgb(255, 183, 77);
    color: #fff;
    text-decoration: none;
  }
  .pagi_curlink{  
    border-radius: 4px; 
    text-align: center;
    width: 3rem;
    height: 3.5rem;
    line-height: 3rem;
    margin-left: -1px;
    color: #2f3640;
    text-decoration: none;
    transition: 0.3s;
    border-left-color: #002d57;
    background-color: #002d57;
    border-color: #002d57;
        border-left-color: rgb(255, 183, 77);
    color: #fff;
    text-decoration: none;
  }
  .pagi_firstlink a,
  .pagi_lastlink a,
  .pagi_nextlink a,
  .pagi_prevlink a,
  .pagi_curlink a,
  .pagi_numlink a{
    position: relative;
    border-radius: 4px;
    display: block;
    text-align: center;
    width: 3rem;
    height: 3.5rem;
    line-height: 3rem;
    margin-left: -1px;
    color: #2f3640;
    text-decoration: none;
    transition: 0.3s;
  }
</style>
<!-- BANNER -->
<section class="text-center" style="padding-top: 160px; padding-bottom: 40px;
  background: url('<?= base_url(); ?>themes/<?= $theme; ?>/bluesky/images/lounge-banner.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 -->

<!-- OUR-ROOMS-->
<section class="rooms">
  <div class="container">
      <h2 class="title-room">
       <?= $this->session->userdata('site_lang') == 'english' ? ucwords($quer_pages->page_title_en) : ucwords($quer_pages->page_title); ?>  
      </h2>
      <div class="line-v2"></div>
      <!-- <?= $this->session->userdata('site_lang') == 'english' ? $quer_pages->body_text_en : $quer_pages->body_text; ?> -->

      <div class="wrap-rooms">
          <div class="row">
              <?= $this->pagination->create_links(); ?>
              <div id="rooms">
                  <div class="item ">
  <?php foreach ($products as $key): ?> 
    <!-- start item -->
    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6 ">
        <div class="wrap-box">
            <div class="box-img">
                <a href="<?= base_url(); ?>product/<?= $this->session->userdata('site_lang') == 'english' ? strtolower($key->alias) : strtolower($key->alias_en); ?>">
                  <?php if ($key->pi_image == null): ?>
                    <img style="width: 370px;height: 225px;" src="<?= base_url(); ?>uploads/no_img.png" class="img-responsive" alt="<?= ucwords($key->additional_information); ?>" title="<?= ucwords($key->additional_information); ?>"> 
                  <?php else: ?>
                    <img style="width: 370px;height: 225px;" src="<?= base_url(); ?>uploads/product/large/<?= $key->pi_image; ?>" class="img-responsive" alt="<?= ucwords($key->additional_information); ?>" title="<?= ucwords($key->additional_information); ?>">
                  <?php endif; ?> 
                </a>
            </div>
            <div class="rooms-content">
                <h4 class="sky-h4" style="font-size:18px">
                  <?= $this->session->userdata('site_lang') == 'english' ? ucwords($key->title) : ucwords($key->title_en); ?>
                </h4>
                <p class="price"><?= ucwords($key->additional_information); ?></p>
            </div>
        </div>
    </div> 
    <!-- end item -->
  <?php endforeach; ?> 
                  </div>
              </div>
          </div>
      </div>
      <?= $this->pagination->create_links(); ?>
  </div>
  <!-- /container --> 
</section>
<!-- END / ROOMS -->

<?php elseif($page->id_pages == '21'): ?>
<!-- BANNER -->
 <section class="text-center" style="padding-top: 160px; padding-bottom: 40px;
    background: url('<?= base_url(); ?>themes/<?= $theme; ?>/bluesky/images/restaurant-banner.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 -->
<section class="rooms">
    <div class="container">
        <h2 class="title-room">
          <?= $this->session->userdata('site_lang') == 'english' ? ucwords($quer_pages->page_title_en) : ucwords($quer_pages->page_title); ?> 
        </h2>
        <div class="line-v2"></div> 
    </div>  
    <!-- <?= $this->session->userdata('site_lang') == 'english' ? $quer_pages->body_text_en : $quer_pages->body_text; ?> -->
</section>

<!-- BODY-ROOM-1 -->
<section class="body-room-1 ">
    <div class="container">
        <div class="room-wrap-1">
            <div class="row">
              <?php foreach ($body_rooms as $key): ?>
              <!-- ITEM -->
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="room-item-1">
                    <h4 class="sky-h4">
                      <?php if($this->session->userdata('site_lang') == 'english'): ?>
                        <?= ucwords(explode(' | ', $key->header_text)[1]); ?>
                      <?php else: ?>
                        <?= ucwords(explode(' | ', $key->header_text)[0]); ?> 
                      <?php endif; ?> 
                    </h4>
                        <div class="img">
                            <img src="<?= base_url(); ?>uploads/body_rooms/<?= $key->img_name; ?>" alt="#">
                        </div>
                        <div class="content">
                            <p> 
                          <?php if($this->session->userdata('site_lang') == 'english'): ?>
                            <?= $key->content_text; ?>
                          <?php else: ?>
                            <?= $key->content_text_en; ?> 
                          <?php endif; ?> 
                            </p>
                        </div> 
                        <div class="bottom"> 
                          <span style="font-size:18px; position:relative; top:5px;">
                            <?= $key->location; ?>
                          </span>
                          <a href="<?= $key->target_loc; ?>" class="btn">
                          <?php if($this->session->userdata('site_lang') == 'english'): ?>
                            <?= ucwords(explode(' | ', $key->button_text)[1]); ?>
                          <?php else: ?>
                            <?= ucwords(explode(' | ', $key->button_text)[0]); ?> 
                          <?php endif; ?> 
                          </a>
                        </div>
                    </div>
                </div>
                <!-- END / ITEM -->
              <?php endforeach; ?> 
                  
            </div>
        </div>
    </div>
</section>

<?php elseif($page->id_pages == '30'): ?>

<!-- BANNER -->
<section class="" style="padding-top: 160px; padding-bottom: 40px;
background: url('<?= base_url(); ?>themes/<?= $theme; ?>/bluesky/images/contact-banner.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 -->

<!-- CONTACT -->
<section class="section-contact">
    <div class="container">
        <div class="contact">
            <div class="row">
                <div class="col-md-6 col-lg-5">
                    <?= $page->body_text; ?>
                    <p><button style="font-size:16px;" type="submit" class="btn btn-room">ACCESS GOOGLE DRIVE FORM</button></p>
                </div>
                <div class="col-md-6 col-lg-6 col-lg-offset-1">
                    <h2>Or send us your resume</h2>
                    <div class="contact-form">
<?= form_open_multipart('career/career_confirmation', array('id' => 'form_contact_c')); ?>
    <div class="row">
        <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="career_confirmation" value="career_confirmation"> 
            <a class="btn btn-room" href="javascript:void(0);" id="btn_contactc" class="">SEND</a>  
            <script> 
                var form = document.querySelector('#form_contact_c'); 

                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>
<!-- END / CONTACT --> 

<?php elseif($page->id_pages == '27'): ?>

  <!-- BANNER -->
  <section class="" style="padding-top: 160px; padding-bottom: 40px;
  background: url('<?= base_url(); ?>themes/<?= $theme; ?>/bluesky/images/contact-banner.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 -->
  <section class="body-tems">
    <div class="container">
      <div class="wrap-content">
        <?= $this->session->userdata('site_lang') == 'english' ? $quer_pages->body_text_en : $quer_pages->body_text; ?> 
      </div>
    </div>
  </section>

<?php else: ?>

<section class="section-slider height-v">
  <div id="index12" class="owl-carousel  owl-theme">
  <?php if ($quer_pages): ?>
  <?php 
    $quer_pages = $quer_pages; 
    $ar_img = explode(' | ', $quer_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>

<section class="about about-v2"  style="margin-bottom:50px;">
  <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($quer_pages->page_title_en) : ucwords($quer_pages->page_title); ?>
          </h2>
          <div class="line-v2">&nbsp;</div> 
        </div> 
        
        <!-- <?= $this->session->userdata('site_lang') == 'english' ? $quer_pages->body_text_en : $quer_pages->body_text; ?> -->

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

<?php endif; ?>