<?php $settings = get_setting(); ?>
<div class="homePageBanner home_banner bg_loader p-r" data-src="<?=!empty($settings['home_banner'])?base_url($settings['home_banner']):"";?>"  style="background: url(<?= bg_loader() ;?>),rebeccapurple;" >
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <div class="homeDetails">
              <h4 class=""><?= html_escape($settings['site_name']); ?></h4>
              <p><?= $settings['description']; ?></p>
              <?php if($settings['registration_option']==1): ?>
                <div class="buttonArea mt-20">
                  <!--a href="javascript:;" class="btn btn-primary create_profile ml-20"><i class="fa fa-user-plus"></i> &nbsp;<?=lang('home_create_account'); ?></a-->
                   <a href="https://penastudio.id/mop/create-profile-premium" class="btn btn-primary create_profile ml-20"><i class="fa fa-user-plus"></i>&nbsp;Daftar-Premium</a>
                </div>
              <?php endif;?>
          </div>
        </div>
        <div class="col-md-6 hidden-xs">
          <div class="rightHomeImg">
            <?php if(isset($settings['demo_username']) && !empty($settings['demo_username'])): ?>
            <div class="imgArea">
              <img src=" <?= base_url('assets/images/device-1.png');?>" alt="">
              <iframe src="<?= base_url($settings['demo_username']); ?>" frameborder="0"></iframe> 
            </div>
          <?php else: ?>
            <div class="vcardImage" style="background: url(<?=base_url('assets/images/vcard_layouts/theme_3.png');?>);"></div>
          <?php endif;?>
          </div>
        </div>
      </div>
    </div>
  <div class="wave-shape-bottom"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 130"><path fill="#ffffff" fill-opacity="1" d="M0,64L120,80C240,96,480,128,720,128C960,128,1200,96,1320,80L1440,64L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z"></path></svg></div>
   <div id="particles-1" class="particles"></div>
</div>







<div class="users_banner_area home_banner bg_loader hidden" data-src="<?=!empty($settings['home_banner'])?base_url($settings['home_banner']):base_url('assets/images/banner.png');?>"  style="background: url(<?= bg_loader() ;?>)">
    <div class="user_banner_wrapper">
      <h4><?= html_escape($settings['site_name']); ?></h4>
      <p><?= $settings['description']; ?></p>
      <?php if($settings['is_search']==1): ?>
      <div class="user_type">
        <div class="col-md-4 col-xs-12 col-sm-12 offset-md-4">
          <div class="search_typing" data-aos="zoom-in" data-aos-delay="100">
              <h4><?= !empty(lang('search_with_username'))?html_escape(lang('search_with_username')):'Search with Name or username';?> </h4>
            </div>
          <form action="<?= base_url('home/users'); ?>" method="get">
            <div class="input-group">
              <div class="custom-file home_search_area">
                <input type="text" class="form-control" name="username" placeholder="<?= !empty(lang('search_with_username'))?html_escape(lang('search_with_username')):'Search with username';?>" value="<?= isset($_GET['username'])?$_GET['username']:"";?>">
              </div>
              <div class="input-group-append">
                <button class="btn btn-outline-secondary" type="submit"><i class="fa fa-search"></i> <?= !empty(lang('search'))?html_escape(lang('search')):'search';?></button>
              </div>
            </div>
          </form>
        </div>
      </div>

      <?php endif; ?>
    </div>
    <?php if(isset($settings['is_user_demo']) && $settings['is_user_demo']==1): ?>
      <?php if(!empty($settings['demo_username'])): ?>
        <a href="<?= base_url($settings['demo_username']); ?>" class="btn btn-default demo-btn"><?= lang('user_demo'); ?></a>
      <?php endif; ?>
    <?php endif; ?>
    <div id="particles-1" class="particles"></div>
  </div>

<!--
<div class="top_section mt-50">
  <div class="container">
    <div class="row mi-padding-top mi-padding-bottom">
      <div class="col-sm-5">
        <div class="site_top_img" data-aos="fade-right" data-aos-delay="100">

          <div class="vcardImage" style="background: url(<?=!empty($settings['home_small_image'])?base_url($settings['home_small_image']):base_url('assets/images/faq.jpg');?>);"></div>
        </div>
      </div>
      <div class="col-sm-7">
        <div class="site_name" dir="<?= direction();?>" data-aos="zoom-in" data-aos-delay="100">
          <h1><?= html_escape($settings['site_name']); ?></h1>
          <div class="site_details" >
           <p> <?= !empty($settings['about_us'])?$settings['about_us']:$settings['description']; ?></p>
          </div>
        </div>
      </div>
      
    </div>
  </div>
</div>


<?php if($settings['user_count']==1): ?>
<div class="total_user_type_area mi-padding-top">
  <div class="container">
    <div class="row">
        <?php foreach ($user_type as $key => $users): ?>
        <div class="col-sm-6 col-xs-12 col-md-6 col-lg-4">
          <div class="single_user_count" data-aos="fade-left" data-aos-duration="<?= $key;?>000">
            <div class="top_user_count">
              <h3 class="count"><?= $users['total_user'];?></h3>
              <p><?= $users['type_name'];?></p>
            </div>
            <p class="user_accounts"><?= !empty(lang('accounts'))?lang('accounts'):"Accounts";?></p>
          </div>          
        </div>
      <?php endforeach ?>  
    </div>
  </div>
</div>
<?php endif ?>
-->
<?php if($settings['is_themes']==1): ?>
<!--
<div class="layout_section section_padding wow fadeInUp">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <div class="mi-title text-center">
          <h1><?= html_escape(lang('home_page_theme_title'));?></h1>
        </div>
      </div>
    </div>
-->
    <!--
    <div class="hidden-lg hidden-md">
        <div class="row theme_slider slider-nav">
          <?php for($i=1;$i<=7;$i++): ?>
            <div class="col-md-4 slick_theme_slide" data-aos="fade-left" data-aos-delay="<?= $i;?>00">
              <div class="layout_box">
                <img src="<?= base_url('assets/images/themes/theme_'.$i.'.png');?>" alt="">
                <?php if ($i==7): ?>
                  <span class="newTag"><?= !empty(lang('new'))?lang('new'):'New';?>    </span>
                <?php endif ?>
              </div>
            </div>
        <?php endfor; ?>
        </div>
      </div>
      <div class="row justify-content-center hidden-sm hidden-xs">
       <div class="col-md-8">
        <div class="homePageTheme_content img " style="background: url(<?= base_url("assets/images/macbook.png"); ?>);">
          <div class="slickImg theme_slider-2 slider-nav">
            <?php for($i=1;$i<=7;$i++): ?>
              <img src="<?= base_url('assets/images/themes/theme_'.$i.'.png');?>" alt="">
            <?php endfor; ?>
          </div>
        </div>
      </div> col -->
    </div>
  </div>
</div>
<?php endif; ?>

<!--
<?php if($settings['is_vcard_theme']==1): ?>
<section class="VcardArea">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="mi-title text-center home_service mb-10">
          <h4><?= lang('vcard_layouts');?></h4>
        </div>
      </div>
    </div>
    <div class="row vCard_slider slider-nav" id="vCard">
      <?php for($i=1;$i<=10;$i++): ?>
        <div class="col-md-3 slick_theme_slide">
          <div class="singleVcard" data-aos="fade-in" data-aos-delay="<?= $i;?>00">
            <div class="vcardImage" style="background: url(<?= base_url('assets/images/vcard_layouts/theme_'.$i.'.png')?>);"></div>
            <?php if(isset($settings['demo_username']) && !empty($settings['demo_username'])): ?>
              <a href="<?= base_url('preview-vcard/?style='.$i); ?>" target="_blank" class="previewBtn"><?= lang('preview'); ?></a>
            <?php endif; ?>
          </div>
        </div>
      <?php endfor; ?>
    </div>
  </div>
</section>
-->
<?php endif;?>




<?php if($settings['registration_option']==1): ?>
<!-- load pricing -->
  <div id="home_price" class="pricing_load section_padding" data-aos="fade-up" data-aos-delay="100" >
    <!--php $this->load->view('inc/home_pricing'); -->
  </div>
<?php endif ?>

<?php if($settings['is_faq']==1): ?>
  <?php if(count($faqs)>0): ?>
  <div class="faq_area">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="mi-title text-center home_service mb-10">
            <h4><?= !empty(lang('faq_header'))?lang('faq_header'):"Frequently Asked QuestionsAbout Our Site";?></h4>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6" data-aos="fade-right" data-aos-delay="100">
          <div class="accordion_area">
            <div class="accordions">
              <?php foreach ($faqs as $faq): ?>
                 <div class="single_accordion" dir="<?= direction();?>">
                   <div class="page_accordion_header active arrow_down"><?= html_escape($faq['title']);?></div>
                    <div class="accordion_content block">
                        <?= $faq['details'];?>
                    </div>
                 </div>
              <?php endforeach ?>
            </div>   
          </div>
        </div>
        <div class="col-md-6" data-aos="fade-left" data-aos-delay="100">
          <div class="faq_images">
            <img src="<?=!empty($settings['faq_banner'])?base_url($settings['faq_banner']):base_url('assets/images/faq.jpg');?>" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
  <?php endif; ?>
<?php endif ?>
<!-- batas package -->
<?php if($settings['is_teams']==1): ?>
  <?php if(count($team) > 0): ?>
      <div class="teamSections section-padding-top section-padding-bottom">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="mi-title text-center home_service mb-10">
                <h4><?= !empty(lang('team_header'))?lang('team_header'):"Meet With Our Teams";?></h4>
              </div>
            </div>
          </div>
          <div class="team_section">
            <div class="row team_slider slider-nav">
              <?php foreach ($team as $key=> $row): ?>
                <div class="col-md-4" data-aos="fade-left" data-aos-delay="<?= $key+1;?>00">
                  <div class="single_team style_2">
                    <div class="team_header">
                      <img src="<?= base_url($row['images']);?>" alt="">
                      <div class="team_details">
                        <h5><?= html_escape($row['name']);?></h5>
                        <p><?= html_escape($row['designation']);?></p>
                      </div>
                    </div>
                  </div>
                </div>
            <?php endforeach ?>
            </div>
          </div>
        </div>
      </div>
    <?php endif ?>
  <?php endif ?>

<?php if($settings['is_services']==1): ?>
  <?php if(count($services)>0): ?>
    <div class="service_area section_padding">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="mi-title text-center home_service">
             <h4><?= html_escape(lang('home_service_header'))?></h4>
           </div>
         </div>
       </div>
         <?php $i=1; foreach ($services as $row): ?>
         <div class="row mtb-20 mi-shadow <?=$i%2==0?'row_reverse':'';?> "  >
          <div class="col-sm-6" >
            <div class="service_home_img">
              <div class="homeServiceImg bg-img img" style="background:url(<?= base_url($row['images']);?>);"></div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="service_home_details">
              <div class="service_home_title">
                <h4><?= html_escape($row['title']);?></h4>
              </div>
              <p><?= html_escape($row['details']);?></p>
            </div>
          </div>
        </div>
        <?php $i++; endforeach ?>
      </div>
    </div>
  <?php endif; ?>
<?php endif; ?>

<?php if(get_setting()['is_ads']==1): ?>
    <div class="add_area">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="single_add">
              <?php if(!empty(ads(1)['big'])): ?>
                <img src="<?= base_url(ads(1)['big']); ?>" alt="">
              <?php else: ?>
                <div class="null_ads">
                  <h4>Ads area</h4>
                </div>
                <?php endif ?>
            </div>
          </div>
        </div>
      </div>
    </div>
<?php endif ?>

