<div class="wrapp_all">

<style type="text/css">
  
  .btn-primary .text, .btn-primary .text:hover {
    color: white
  }

  .media-project:hover {
    cursor: pointer;
  }

  figcaption {
    background: rgba(0,0,0,0.5) !important;
  }

  @media (min-width: 768px) {
    .centered {
        position: absolute;
        top: 75%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .what-we-do {
      padding-top: 100px;
    }
    .wwd-content {
      padding-top: 8em;
    }
  }

  @media (max-width: 768px) {
    .centered {
        padding: 15px;
    }
    .h2-slide .slide h2 {
      font-size: 1rem;
    }
  }

  .fp-next, .fp-prev {
    display: none !important;
  }

</style>

<!-- BEGIN OF page cover -->
  <div class="page-cover">
    <!-- Cover Background -->
    <div class="cover-bg bg-img" data-image-src="<?= base_url('theme/img/homebanner/01.jpg')?>"></div>

    <!-- BEGIN OF Slideshow Background - uncomment below to use background slideshow-->
    <div class="cover-bg slide-show">
      <?php foreach ($slideshows as $slideshow) : ?>
        <i class='img' data-src='<?= base_url('uploads/banners/').$slideshow->image?>'></i>
      <?php endforeach; ?>
    </div>
    <!-- END OF Slideshow Background -->


    <!-- Transluscent mask as filter -->
    <div class="cover-bg-mask bg-color" data-bgcolor="rgba(0, 0, 0, 0.4)"></div>
  </div>
  <!--END OF page cover -->

  <?php foreach ($home_centerbanners as $banner) : ?>

  <!-- BEGIN OF page main content -->
  <main class="page-main page-fullpage main-anim" id="mainpage">

    <!-- Begin of home section -->
    <div class="section section-home fullscreen-md fp-auto-height-responsive main-home section-centered"
    data-section="home">
      <!-- Begin of section wrapper -->
      <div class="section-wrapper fullwidth with-margin v-center">
        <!-- content -->
        <div class="section-content anim">
          <div class="row">
            <div class="col-12 col-lg-6 text-left">
              <!-- title and description -->
              <div class="title-desc">
                <h1 class="display-4 display-title home-title decor anim-1" style="visibility: hidden;">It Works</h1>
                <?php
                    if($this->session->userdata('site_lang') == 'english') {
                      echo $banner->banner1_text_en;
                    } else {
                      echo $banner->banner1_text;
                    }
                ?>
              </div>

              <!-- Action button -->
              <div class="btns-action anim-3">
                <a class="btn btn-circicon btn-primary" href="#what-we-do">
                  <span class="icon">
                    <i class="ion ion-chevron-down"></i>
                  </span>
                  <?php  
                    $this->db->select('*')->from('home_centerbanners');
                    $texts=$this->db->get()->result();
                  ?>
                  <?php foreach ($texts as $text) : ?>
                    <?php if($this->session->userdata('site_lang') == 'english') : ?>
                      <span class="text"><?= ucwords($text->banner2_link) ?></span>
                    <?php else : ?>
                      <span class="text"><?= ucwords($text->banner1_link) ?></span>
                    <?php endif; ?>
                  <?php endforeach; ?>
                </a>
              </div>
            </div>

          </div>
        </div>

        <div class="section-aside aside-bottom">
          <div class="text-right">

          </div>
          <!-- Action button -->
          <div class="btns-action anim-3 text-right">
            <a class="btn btn-outline-white btn-round" href="#contact">
              <?= ucwords(lang('button_contact')); ?>
            </a>
          </div>
        </div>


        <!-- Arrows scroll down/up -->
        <footer class="section-footer scrolldown">
          <a class="down">
            <span class="icon"></span>
            <span class="txt">Scroll Down</span>
          </a>
        </footer>
      </div>
      <!-- End of section wrapper -->
    </div>
    <!-- End of home section -->

    <!-- Begin of description section -->
    <div class="section section-gallery-item project-slider fp-auto-height-responsive main-home" data-section="what-we-do" >
      <div class="section-cover-full fit mask-layer bg-img">
      </div>

      <!-- Begin of section wrapper -->
      <div class="section-wrapper fullwidth with-margin pt-0">
      
        <!-- content -->
        <div class="section-content anim wwd-content">
          <div class="row">
            <div class="col-12 col-lg-6 text-left">
              <!-- title and description -->

              <div class="title-desc what-we-do">
                <?php
                    if($this->session->userdata('site_lang') == 'english') {
                      echo $banner->banner2_text_en;
                    } else {
                      echo $banner->banner2_text;
                    }
                ?>
              </div>             
            </div>

            <div class="col-12 col-lg-6 text-left">
              <!-- title and description -->
              <img src="<?= base_url('uploads/page/').$banner->banner2_image?>" class="img-fluid">
            </div>

          </div>
        </div>

        <!-- aside footer -->
        <div class="section-aside aside-bottom anim gallery-nav" style="display: none;">
          <!-- Action button -->
          <div class="btns-action anim-4 btns-transp-arrow-margin">
            <a class="btn btn-transp-arrow btn-primary icon-only scroll up" href="gallery.html#">
              <span class="icon arrow-left"></span>
            </a>
            <a class="btn btn-transp-arrow btn-primary icon-only scroll down" href="gallery.html#">
              <span class="icon arrow-right"></span>
            </a>
          </div>
        </div>

      </div>
      <!-- End of section wrapper -->

    </div>
    <!-- End of description section -->

    <!-- Begin of description section -->
    <div class="section section-gallery-item project-slider fp-auto-height-responsive main-home" data-section="manufacturing" >
      <div class="section-cover-full fit mask-layer bg-img">
      </div>

      <!-- Begin of section wrapper -->
      <div class="section-wrapper fullwidth with-margin pt-0">      
        <!-- content -->
        <div class="section-content anim" style="padding-top: 5em;">
          <div class="row">
            <div class="col-12 col-lg-12 text-left">
              <!-- title and description -->
              <img src="<?= base_url('uploads/page/').$banner->banner3_image?>" class="img-fluid" style="filter: brightness(80%);">
            </div>
            <div class="centered text-center h2-slide">
             
              <?php if($banner->banner3_text!=null) : ?>
              <div class="slide" id="slide2" data-anchor="slide2">
                <h2>
                    <?php
                        if($this->session->userdata('site_lang') == 'english') {
                          echo $banner->banner3_text_en;
                        } else {
                          echo $banner->banner3_text;
                        }
                    ?>
                </h2>
              </div>
              <?php endif; ?>
              <?php if($banner->banner4_text!=null) : ?>
              <div class="slide" id="slide2" data-anchor="slide2">
                <h2>
                    <?php
                        if($this->session->userdata('site_lang') == 'english') {
                          echo $banner->banner4_text_en;
                        } else {
                          echo $banner->banner4_text;
                        }
                    ?>
                </h2>
              </div>
              <?php endif; ?>
              <?php if($banner->banner5_text!=null) : ?>
              <div class="slide" id="slide2" data-anchor="slide2">
                <h2>
                    <?php
                        if($this->session->userdata('site_lang') == 'english') {
                          echo $banner->banner5_text_en;
                        } else {
                          echo $banner->banner5_text;
                        }
                    ?>
                </h2>
              </div>
              <?php endif; ?>
              
            </div>
          </div>
        </div>

        <!-- aside footer -->
        <div class="section-aside aside-bottom anim gallery-nav" style="display: none;">
          <!-- Action button -->
          <div class="btns-action anim-4 btns-transp-arrow-margin">
            <a class="btn btn-transp-arrow btn-primary icon-only scroll up" href="gallery.html#">
              <span class="icon arrow-left"></span>
            </a>
            <a class="btn btn-transp-arrow btn-primary icon-only scroll down" href="gallery.html#">
              <span class="icon arrow-right"></span>
            </a>
          </div>
        </div>

      </div>
      <!-- End of section wrapper -->

    </div>
    <!-- End of description section -->

    
    <?= modules::run('blog');  ?>


    <!-- Begin of contact section -->
    <div class="section section-contact fp-auto-height-responsive no-slide-arrows " data-section="contact">
      <!-- section cover -->
      <div class="section-cover-full bg-img" data-image-src="<?= base_url('theme//img/sections/contact.png')?>">
      </div>

      <!-- Begin of slide section wrapper -->
      <div class="section-wrapper fullwidth  with-margin">
        <!-- main content -->
        <div class="row">
          <div class="col-12 col-md-12 col-lg-6">
            <!-- content -->
            <div class="section-content anim text-left">
              <!-- title and description -->
              <div class="title-desc">
                <div class="anim-2">
                  <?php  
                    $this->db->select('*')->from('configuration');
                    $contact_message=$this->db->get()->result();
                  ?>
                  <h2 class="display-4 display-title"><?= ucwords(lang('button_contact')); ?></h2>
                  <?php foreach ($contact_message as $message) : ?>
                    <?php if($this->session->userdata('site_lang') == 'english') : ?>  
                      <p><?= $message->contact_message_en ?></p>
                    <?php else : ?>
                      <p><?= $message->contact_message ?></p>
                    <?php endif; ?>
                  <?php endforeach; ?>

                </div>
                <div class="address-container anim-3">

                  <div class="row">
                    <div class="col-12 col-md-6 col-lg-6">
                      <h4><?= ucwords(lang('button_contact')); ?></h4>
                      <p>Tel   : <?= $phone; ?> <br> 
                      Fax   : <?= $fax; ?><!--  <br>
                      Hp    : <?= $hp; ?>  --></p>
                      
                      <p>Email : <?= $email; ?></p>

                      <div class="icons icons-margin">
                        <a class="icon-btn" href="<?=$facebook?>">
                          <i class="icon fa fa-facebook"></i>
                        </a>
                        <a class="icon-btn" href="<?=$twitter?>">
                          <i class="icon fa fa-twitter"></i>
                        </a>
                        <a class="icon-btn" href="<?=$instagram?>">
                          <i class="icon fa fa-instagram"></i>
                        </a>
                      </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-6">
                      <h4><?= ucwords(lang('head_office')); ?></h4>
                      
                        <?= $company_address; ?>
                      
                    </div>
                  </div>
                </div>
              </div>

            </div>
          </div>

          <div class="col-12 col-md-6">

          </div>
        </div>


        <!-- aside content -->
        <div class="section-aside aside-bottom anim small-relative">
          <div class="message-form">
            <h4><?= ucwords(lang('write_message')); ?></h4>
            <div class="form-container form-container-card">
              <!-- Message form container -->
              <!-- <form class="send_message_form message form" method="post" action="<?=base_url('Contact/submit_message')?>" 
              id="message_form"> -->
              <?= form_open(); ?>
                <div class="form-group name">
                  <input id="mes-name" name="name" type="text" placeholder="<?= ucwords(lang('name')); ?>" class="form-control form-control-outline thick form-success-clean"
                  required>
                </div>
                <div class="form-group email">
                  <input id="mes-email" type="email" placeholder="<?= ucwords(lang('email')); ?>" name="email" class="form-control form-control-outline thick form-success-clean"
                  required>
                </div>
                <div class="form-group no-border">
                  <textarea id="mes-text" placeholder="<?= ucwords(lang('message')); ?>" name="message" class="form-control form-control-outline thick form-success-clean"
                  required></textarea>

                  <div>
                    <p class="message-ok invisible form-text-feedback form-success-visible"><?= ucwords(lang('message_success')); ?></p>
                  </div>
                </div>

                <div class="btns text-right">
                  <button id="submit-message" class="btn btn-outline-white btn-round btn-fullNot email_b"
                  name="submit_message">
                    <span class="txt"><?= ucwords(lang('button_send')); ?></span>
                    <span class="arrow-icon"></span>
                  </button>
                </div>
              <?= form_close(); ?>
              <script>
                $('form').submit(function(e){
                  e.preventDefault();
                  $.ajax({
                    url: '<?=base_url('contact/submit_message')?>',
                    type: 'post',
                    data: {
                            'name' : $('input[name="name"]').val(),
                            'email' : $('input[name="email"]').val(),
                            'message' : $('input[name="message"]').val(),
                            '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
                          }, 
                    dataType: 'json',
                    success:function(data){
                      alert(data);
                    }
                  })
                });
              </script>
            </div>
          </div>
        </div>
      </div>
      <!-- End of slide section wrapper -->

    </div>
    <!-- End of contact section -->
  </main>
  <!-- END OF page main content -->

  <?php endforeach; ?>

</div>