<?php 
/**
 * Template part for displaying Featured Courses Section
 *
 *@package all-cleaning-services  
 */
    $featured_about_cardnum             = all_cleaning_services_get_option( 'featured_about_cardnum' );
    $featured_about_cardtext            = all_cleaning_services_get_option( 'featured_about_cardtext' );
    $featured_about_title               = all_cleaning_services_get_option( 'featured_about_title' );
    $featured_about_subtitle            = all_cleaning_services_get_option( 'featured_about_subtitle' ); 
    $featured_about_section_text        = all_cleaning_services_get_option( 'featured_about_section_text' ); 
    $featured_about_li_text1            = all_cleaning_services_get_option( 'featured_about_li_text1' ); 
    $featured_about_li_text2            = all_cleaning_services_get_option( 'featured_about_li_text2' ); 
    $featured_about_li_text3            = all_cleaning_services_get_option( 'featured_about_li_text3' ); 
    $featured_icon_about_li_icon1       = all_cleaning_services_get_option( 'featured_icon_about_li_icon1' ); 
    $featured_icon_about_li_icon2       = all_cleaning_services_get_option( 'featured_icon_about_li_icon2' ); 
    $featured_icon_about_li_icon3       = all_cleaning_services_get_option( 'featured_icon_about_li_icon3' ); 
    $featured_about_feature1            = all_cleaning_services_get_option( 'featured_about_feature1' ); 
    $featured_about_feature2            = all_cleaning_services_get_option( 'featured_about_feature2' ); 
    $featured_about_section_buttontext  = all_cleaning_services_get_option( 'featured_about_section_buttontext' );
    $featured_iconbutnicn               = all_cleaning_services_get_option( 'featured_iconbutnicn' );
    $about_enable_section               = get_theme_mod('about_enable_section', 'on');
   
    ?>
  <?php if ($about_enable_section == 'on') : ?>
    <div class="featured-about" Id="primaryid">
      <div class="row">
        <div class="col-lg-4 offset-lg-2 col-md-5 offset-md-1 col-12 position-relative animated <?php echo esc_attr(get_theme_mod('all_cleaning_services_featured_about_onload_effects','wow zoomIn')); ?>" data-wow-duration="2s">
            <div class="aboutbox">
              <h5 class="abtnum"><?php echo($featured_about_cardnum); ?></h5>
              <h6 class="abttxt"><?php echo($featured_about_cardtext); ?></h6>
            </div>
              <?php 
                  $all_cleaning_services_about_image = get_theme_mod('all_cleaning_services_about_image');
                      if(!empty($all_cleaning_services_about_image)){
                      echo '<img class="aboutimg" alt="'. esc_html(get_the_title()) .'" src="'.esc_url($all_cleaning_services_about_image).'" />';
                      }else{
                      echo '<img class="aboutimg" alt="About us" src="'.get_template_directory_uri().'/assets/images/aboutimg.png"/>';
                  }
              ?> 
        </div>
        <div class="col-lg-5 offset-lg-1 col-md-5 offset-md-1 col-12 position-relative">
          <!-- title start -->
            <h6 class="head-title" style="text-transform : <?php if(get_theme_mod('featured_about_title_case','Uppercase') == 'Uppercase'){ ?> Uppercase <?php } elseif(get_theme_mod('featured_about_title_case','Capitalize') == 'Capitalize'){ ?> Capitalize <?php } elseif(get_theme_mod('featured_about_title_case','Lowercase') == 'Lowercase'){ ?> Lowercase <?php } elseif(get_theme_mod('featured_about_title_case','None') == 'None'){ ?> none <?php } ?> " ><?php echo esc_html($featured_about_title);?></h6>
            <?php 
                $all_cleaning_services_abouthead_image = get_theme_mod('all_cleaning_services_abouthead_image');
                    if(!empty($all_cleaning_services_abouthead_image)){
                    echo '<img class="headimg" alt="'. esc_html(get_the_title()) .'" src="'.esc_url($all_cleaning_services_abouthead_image).'" />';
                    }else{
                    echo '<img class="headimg" alt="About us" src="'.get_template_directory_uri().'/assets/images/flower.png"/>';
                }
            ?> 
            <!-- title end -->

          <!-- sub-title start -->
            <h1 class="head-subtitle my-3" style="text-transform : <?php if(get_theme_mod('featured_about_subtitle_case','Uppercase') == 'Uppercase'){ ?> Uppercase <?php } elseif(get_theme_mod('featured_about_subtitle_case','Capitalize') == 'Capitalize'){ ?> Capitalize <?php } elseif(get_theme_mod('featured_about_subtitle_case','Lowercase') == 'Lowercase'){ ?> Lowercase <?php } elseif(get_theme_mod('featured_about_subtitle_case','None') == 'None'){ ?> none <?php } ?> "><?php echo esc_html($featured_about_subtitle);?></h1>
          <!-- sub-title end -->

          <p class="abtpara"><?php echo ($featured_about_section_text);?></p>
          <ul>
            <li><span><i class="<?php echo($featured_icon_about_li_icon1);?> me-2" aria-hidden="true"></i></span><?php echo($featured_about_li_text1) ?></li>
            <li><span><i class="<?php echo($featured_icon_about_li_icon2);?> me-2" aria-hidden="true"></i></span><?php echo($featured_about_li_text2) ?></li>
            <li><span><i class="<?php echo($featured_icon_about_li_icon3);?> me-2" aria-hidden="true"></i></span><?php echo($featured_about_li_text3) ?></li>
          </ul>

          <div class="row mt-4">
            <div class="col-lg-6 col-md-6 col-12">
              <div class="d-flex align-items-center">
              <?php 
                $all_cleaning_services_about_featureimg1 = get_theme_mod('all_cleaning_services_about_featureimg1');
                    if(!empty($all_cleaning_services_about_featureimg1)){
                    echo '<img class="me-2 featureimg" alt="'. esc_html(get_the_title()) .'" src="'.esc_url($all_cleaning_services_about_featureimg1).'" />';
                    }else{
                    echo '<img class="me-2 featureimg" alt="About us" src="'.get_template_directory_uri().'/assets/images/cleaning.png"/>';
                }
              ?> 
              <h6 class="abtfeature1"><?php echo($featured_about_feature1) ?><h6>
              </div>
            </div>
            <div class="col-lg-6 col-md-6 col-12">
              <div class="d-flex align-items-center">
                <?php 
                  $all_cleaning_services_about_featureimg2 = get_theme_mod('all_cleaning_services_about_featureimg2');
                      if(!empty($all_cleaning_services_about_featureimg2)){
                      echo '<img class="me-2 featureimg" alt="'. esc_html(get_the_title()) .'" src="'.esc_url($all_cleaning_services_about_featureimg2).'" />';
                      }else{
                      echo '<img class="me-2 featureimg" alt="About us" src="'.get_template_directory_uri().'/assets/images/antibacterial-fabric.png"/>';
                  }
                ?> 
                <h6 class="abtfeature1"><?php echo($featured_about_feature2) ?><h6>
              </div>
            </div>
          </div>
            
          <?php if( !empty($featured_about_section_buttontext) ):?>
                <div class="abtbutton mt-5">
                  <?php echo ($featured_about_section_buttontext);?></a><i class=" mx-2 <?php echo($featured_iconbutnicn);?>" aria-hidden="true"></i>
                </div>
          <?php endif;?>
        </div>
      </div>
    </div>
    <?php endif; ?>