<?php 
/**
 * Template part for displaying About Section
 *
 *@package prime-fitness-gym
 */
    $prime_fitness_gym_featured_about_section_maintitle   = prime_fitness_gym_get_option( 'featured_about_section_maintitle' );
    $prime_fitness_gym_featured_about_section_title   = prime_fitness_gym_get_option( 'featured_about_section_title' );
    $prime_fitness_gym_featured_about_section_text    = prime_fitness_gym_get_option( 'featured_about_section_text' );  
    $prime_fitness_gym_featured_about_section_imagetitle1   = prime_fitness_gym_get_option( 'featured_about_section_imagetitle1' );
    $prime_fitness_gym_featured_about_section_imagetitle2   = prime_fitness_gym_get_option( 'featured_about_section_imagetitle2' );    
    $prime_fitness_gym_featured_about_section_bxtext1    = prime_fitness_gym_get_option( 'featured_about_section_bxtext1' );    
    $prime_fitness_gym_featured_about_section_bxtext2    = prime_fitness_gym_get_option( 'featured_about_section_bxtext2' );
    $prime_fitness_gym_featured_about_section_bxtext3    = prime_fitness_gym_get_option( 'featured_about_section_bxtext3' );    
    $prime_fitness_gym_featured_about_section_bxtext4    = prime_fitness_gym_get_option( 'featured_about_section_bxtext4' );
    $prime_fitness_gym_featured_iconabout1                = prime_fitness_gym_get_option( 'featured_iconabout1' ); 
    $prime_fitness_gym_featured_iconabout2                = prime_fitness_gym_get_option( 'featured_iconabout2' ); 
    $prime_fitness_gym_featured_about_section_features1   = prime_fitness_gym_get_option( 'featured_about_section_features1' );
    $prime_fitness_gym_featured_about_section_features2   = prime_fitness_gym_get_option( 'featured_about_section_features2' );
    $prime_fitness_gym_featured_about_section_features3   = prime_fitness_gym_get_option( 'featured_about_section_features3' );
    $prime_fitness_gym_featured_about_section_buttontext  = prime_fitness_gym_get_option( 'featured_about_section_buttontext' );
    

?>
<?php if (!get_theme_mod('feature_about_enable_section', true)) {
    return;
} ?>

<div id="featured-about">
    <div class="about-overlay" id="primaryid"></div>
    <div class="container">
        <div class="row">
            <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12 about-img-box h-100 <?php echo esc_attr(get_theme_mod('prime_fitness_gym_featured_about_onload_effects','wow zoomIn')); ?>"
                data-wow-duration="2s">
                <h2 class="about-title-up"><?php echo ($prime_fitness_gym_featured_about_section_imagetitle1);?></h2>
                <div class="about-image1 d-flex">
                    <?php 
                        $prime_fitness_gym_about_image1 = get_theme_mod('prime_fitness_gym_about_image1');
                        $prime_fitness_gym_image_height = esc_attr(get_theme_mod('featured_about_image_height', '603'));
                        $prime_fitness_gym_inline_css = "height: " . $prime_fitness_gym_image_height . "px;";
                            
                        if(!empty($prime_fitness_gym_about_image1)){
                            echo '<img style="' . $prime_fitness_gym_inline_css . '" alt="'. esc_html(get_the_title()) .'" src="'.esc_url($prime_fitness_gym_about_image1).'" />';
                        } else {
                            echo '<img style="' . $prime_fitness_gym_inline_css . '" alt="About us" src="'.get_template_directory_uri().'/assets/images/aboutimg1.jpg"/>';
                        }
                    ?>
                    <h2 class="about-title-right"><?php echo ($prime_fitness_gym_featured_about_section_imagetitle2);?></h2>
                </div>

            </div>

            <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12 about-details <?php echo esc_attr(get_theme_mod('prime_fitness_gym_featured_about_onload_effects','wow zoomIn')); ?>"
                data-wow-duration="2s">

                <div class="title-section"
                    style="text-align : <?php if(get_theme_mod('featured_about_box_align','Left') == 'Left'){ ?> Left <?php } elseif(get_theme_mod('featured_about_box_align','Center') == 'Center'){ ?> Center <?php } elseif(get_theme_mod('featured_about_box_align','Right') == 'Right'){ ?> right <?php } ?> ">
                    <?php if( !empty($prime_fitness_gym_featured_about_section_maintitle) ):?>
                    <h5
                        style="text-transform : <?php if(get_theme_mod('featured_about_maintitle_case','Uppercase') == 'Uppercase'){ ?> Uppercase <?php } elseif(get_theme_mod('featured_about_maintitle_case','Capitalize') == 'Capitalize'){ ?> Capitalize <?php } elseif(get_theme_mod('featured_about_maintitle_case','Lowercase') == 'Lowercase'){ ?> Lowercase <?php } elseif(get_theme_mod('featured_about_maintitle_case','None') == 'None'){ ?> none <?php } ?>; 
                text-align :<?php if(get_theme_mod('featured_about_heading_align','Left') == 'Left'){ ?> Left <?php } elseif(get_theme_mod('featured_about_heading_align','Center') == 'Center'){ ?> Center <?php } elseif(get_theme_mod('featured_about_heading_align','Right') == 'Right'){ ?> right <?php } ?> !important  ">
                        <?php echo ($prime_fitness_gym_featured_about_section_maintitle);  ?></h5>
                    <?php endif;?>
                    <h1 class=""
                        style="text-transform : <?php if(get_theme_mod('featured_about_title_case','none') == 'none'){ ?> none <?php } elseif(get_theme_mod('featured_about_title_case','Uppercase') == 'Uppercase'){ ?> Uppercase <?php } elseif(get_theme_mod('featured_about_title_case','Lowercase') == 'Lowercase'){ ?> Lowercase <?php } elseif(get_theme_mod('featured_about_title_case','Capitalize') == 'Capitalize'){ ?> Capitalize <?php } ?>">
                        <?php echo esc_html($prime_fitness_gym_featured_about_section_title);?></h1>

                    <div class="col-xl-12 col-lg-12 col-md-12 plans mt-5">
                        <div class="row">

                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 d-flex">
                            <i class="<?php echo($prime_fitness_gym_featured_iconabout1);?>" aria-hidden="true"></i>
                            <p><?php echo ($prime_fitness_gym_featured_about_section_bxtext1);?></p>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 d-flex">
                                <i class="<?php echo($prime_fitness_gym_featured_iconabout1);?>" aria-hidden="true"></i>
                                <p><?php echo ($prime_fitness_gym_featured_about_section_bxtext2);?></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-xl-12 col-lg-12 col-md-12 plans">
                        <div class="row">

                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 d-flex">
                            <i class="<?php echo($prime_fitness_gym_featured_iconabout1);?>" aria-hidden="true"></i>
                            <p><?php echo ($prime_fitness_gym_featured_about_section_bxtext3);?></p>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 d-flex">
                                <i class="<?php echo($prime_fitness_gym_featured_iconabout1);?>" aria-hidden="true"></i>
                                <p><?php echo ($prime_fitness_gym_featured_about_section_bxtext4);?></p>
                            </div>
                        </div>
                    </div>                    
                    <?php if( !empty($prime_fitness_gym_featured_about_section_buttontext) ):?>
                    <div class="button">
                        <a href=""><?php echo ($prime_fitness_gym_featured_about_section_buttontext);?></a>
                    </div>
                    <?php endif;?>

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


<!-- ///////////////////////////// -->