<?php if ( !defined( 'ABSPATH' ) ) exit();
get_header( );
global $post;

$id = get_the_ID();

$image_id 		= get_post_thumbnail_id();
$image_alt 		= get_the_title();
$image_title 	= get_the_title();
$image_src 		= \Elementor\Utils::get_placeholder_image_src();

if ( $image_id ) {
	$image_alt 		= get_post_meta( $image_id, '_wp_attachment_image_alt', true ) ;
	$image_title 	= get_the_title( $image_id );
	$image_src 		= wp_get_attachment_image_src( $image_id, 'large' )[0];
}

$job 		= get_post_meta( $id, 'ova_team_met_job', true );
$slogan 	= get_post_meta( $id, 'ova_team_met_slogan', true );
$short_desc = get_post_meta( $id, 'ova_team_met_short_desc', true );

$email = get_post_meta( $id, 'ova_team_met_email', true );
$phone = get_post_meta( $id, 'ova_team_met_phone', true );

$list_processing = get_post_meta( $id, 'ova_team_met_group_processing', true );

$list_social = get_post_meta( $id, 'ova_team_met_group_icon', true );
$experience = get_post_meta( $id, 'ova_team_met_experience', true );

?>


<div class="ova_team_single">
	
	<div class="summary">
		<div class="row_site">
			<div class="container_site">
				<div class="ova_info">
					<div class="image-team">
						<img src="<?php echo esc_url( $image_src ); ?>" alt="<?php echo esc_attr( $image_alt ); ?>" title="<?php echo esc_attr( $image_title ); ?>">
					</div>
					<div class="content_info">
						<div class="ova-info-content">

							<?php if( ! empty( $job ) ) { ?>
								<p class="job">
									<?php echo esc_html( $job ); ?>
								</p>
							<?php } ?>

							<h2 class="name"><?php echo get_the_title(); ?></h2>

							<?php if ( $slogan ): ?>
								<h3 class="slogan">
									<?php echo esc_html( $slogan ); ?>
								</h3>
							<?php endif; ?>

							<?php if ( $short_desc ): ?>
								<p class="short-desc">
									<?php echo esc_html( $short_desc ); ?>
								</p>
							<?php endif; ?>

							<?php if( ! empty( $experience ) ) { ?>
								<div class="ova-experience">
									<label>
										<?php echo esc_html__('Experience:', 'ova-team') ?>
									</label>
									<span><?php echo esc_html( $experience ) ?></span>
								</div>
							<?php } ?>

							<?php if( ! empty( $email ) ) { ?>
								<div class="ova-email">
									<label>
										<?php echo esc_html__('Email:', 'ova-team') ?>
									</label>
									<a href="mailto:<?php echo esc_attr( $email ) ?>" ><?php echo esc_html( $email ) ?></a>
								</div>
							<?php } ?>
							<?php if( ! empty( $phone ) ) { ?>
								<div class="ova-phone">
									<label>
										<?php echo esc_html__('Phone:', 'ova-team') ?>
									</label>
									<a href="tel:<?php echo esc_attr( str_replace(' ', '', $phone) ); ?>" ><?php echo esc_html( $phone ) ?></a>
								</div>
							<?php } ?>

							<?php if ( $list_processing ): ?>

								<ul class="progress-bar">

									<?php foreach ( $list_processing as $key => $item): ?>
										<?php
										$text_process = $percent_process = '';
										if ( isset( $item['ova_team_met_text_process'] ) ){
											$text_process = $item['ova_team_met_text_process'];
										}
										if ( isset( $item['ova_team_met_percent_process'] ) ){
											$percent_process = $item['ova_team_met_percent_process'];
										}
										?>
										<li class="item">
											<p class="text"><?php echo esc_html( $text_process ); ?></p>
											<div class="bar">
												<div class="percent" data-percent="<?php echo esc_attr( $percent_process ); ?>">
													<span class="num"><?php echo esc_html( $percent_process ); ?>%</span>
												</div>
											</div>
										</li>

									<?php endforeach; ?>
								</ul>

							<?php endif; ?>
							<ul class="ova-social">
								<?php 
								if( ! empty( $list_social ) ) { 
									foreach( $list_social as $social ){

										$class_icon = isset( $social['ova_team_met_class_icon_social'] ) ? $social['ova_team_met_class_icon_social'] : '';
										$link_social = isset( $social['ova_team_met_link_social'] ) ? $social['ova_team_met_link_social'] : '';
										?>
										<li class="icon">
											<a href="<?php echo esc_url( $link_social ); ?>" target="_blank" 
												aria-label="<?php esc_attr_e('Share social team link', 'ova-team')?>">
												<i class="<?php echo esc_attr( $class_icon ) ?>" aria-hidden="true"></i>
											</a>
										</li>
										<?php
									}
								} 
								?>
								
							</ul>
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> <!-- summary -->
	<div class="ova_team_content">

		<?php if( have_posts() ) : while( have_posts() ) : the_post();
			the_content();
			?>
		<?php endwhile; endif; wp_reset_postdata(); ?>
	</div> <!-- content -->
	
</div>

<?php get_footer( );