  <?php
/**
 * This file is responsible for the process section on front page.
 * @version:1.0
 */
?>

      <!--#strat Analytics to answer   --> 
      <div id="process" class="container-fluid wow fadeInUp">
         <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 bhoechie-tab-container">
               <div class="col-lg-9 col-md-9 col-sm-12 col-xs-9 bhoechie-tab p0 ">
                  <!-- Analytics section -->
                  
                  <?php
                    $homeprocess = get_theme_mod( 'home_process_');
                    if(isset($homeprocess) && !empty($homeprocess)){ ?>

                      <div class="tabas-gb-clip">
                  </div>
                      <?php
                     $active= 0;
                    foreach ( $homeprocess as $item ) : ?>
                       <?php if ( ! wp_attachment_is_image( $item['process_image'] ) ){

                        $img_url = esc_url_raw($item['process_image']);

                    } else {
                        $img_url = wp_get_attachment_url($item['process_image']);
                    } ?>
                    <?php 
                     $active++;
                     if ( $active == 1 ){ $class = ' active';}
                            else{ $class='';} ?>

                  <div class="bhoechie-tab-content <?php echo $class; ?> pl_90 wow fadeInUp">
                     <h2><?php echo ($item['process_heading']); ?> </h2>
                     <p><?php echo ($item['process_content']); ?></p>
                     <div class="tabs-img">
                        <img src="<?php echo ( $img_url ); ?>">
                     </div>
                     <div class="left-service wow fadeInRight text-center" style="visibility: visible; animation-name: fadeInRight;">
                        <a  href="<?php echo ($item['process_button_link']); ?>" class="btn btn-default  wow fadeInUp  js-scroll-trigger" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInUp;"><span class="skew_14"><?php echo ($item['process_button']); ?></span></a>
                     </div>
                  </div>
                  <?php endforeach; ?>
                  <?php }?>
               </div>
               <!--Analytics  section -->
               <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 bhoechie-tab-menu ">
                  <div class="list-group">
                           <?php
                    $homeprocess = get_theme_mod( 'home_process_');
                    if(isset($homeprocess) && !empty($homeprocess)){
                     $active= 0;
                    foreach ( $homeprocess as $item ) : ?>
                       <?php if ( ! wp_attachment_is_image( $item['process_right_image'] ) ){

                        $img_url = esc_url_raw($item['process_right_image']);

                    } else {
                        $img_url = wp_get_attachment_url($item['process_right_image']);
                    } ?>
                    <?php 
                     $active++;
                     if ( $active == 1 ){ $class = ' active';}
                            else{ $class='';} ?>
                     <a href="#" class="list-group-item <?php echo $class; ?> text-center bg_t">
                     <img src="<?php echo ( $img_url ); ?>" class="filter-img">
                     <img src="<?php echo image("tabs-bg-img.png"); ?>" class="filter-img"> 
                     <span class=""><?php echo ($item['process_title']); ?></span> 
                     </a>
                     <?php endforeach; ?>
                     <?php }?>
                  </div>
               </div>
               <!--Analytics  section -->
            </div>
         </div>
      </div>
      <!-- End Analyze Us Area -->