<?php get_header();
	$data    = \METO\Includes\Classes\Common::instance()->data('single-meto_team')->get();

    $options = meto_WSH()->option();
	$allowed_tags = wp_kses_allowed_html('post');
?>

<?php if (class_exists('\Elementor\Plugin')):?>
    <?php do_action('meto_banner', $data); ?>
<?php else:?>
<!--Page Title-->
<section class="page-title">
	<div class="pattern-layer-one" style="background-image: url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/background/pattern-14.png)"></div>
	<div class="pattern-layer" style="background-image: url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/background/shape-62.png)"></div>
	<div class="auto-container">
		<h2><?php if( $data->get( 'title' ) ) echo wp_kses( $data->get( 'title' ), true ); else( wp_title( '' ) ); ?></h2>
		<ul class="page-breadcrumb">
			<?php echo meto_the_breadcrumb(); ?>
		</ul>
    </div>
</section>
<!--End Page Title-->
<?php endif; ?>

<?php while (have_posts()) : the_post(); ?>

<!-- Team Detail Section -->
<section class="team-detail-section">
    <div class="auto-container">
        <div class="upper-box">
            <div class="row clearfix">
                <!-- Image Column -->
                <div class="image-column col-lg-4 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="image">
                            <?php the_post_thumbnail( 'metox370x570', array( 'class' => 'img-responsive' ) );  ?>
                        </div>
                    </div>
                </div>
                <!-- Content Column -->
                <div class="content-column col-lg-8 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="title"><?php echo(get_post_meta(get_the_id(), 'designation', true)); ?></div>
                        <h2><?php the_title(); ?></h2>
                        <ul class="attorney-contact-info">
                            <?php if(get_post_meta(get_the_id(), 'phone_no', true)){ ?><li><span><?php esc_html_e('Phone:', 'meto'); ?> </span><a href="tel:<?php echo(get_post_meta(get_the_id(), 'phone_no', true)); ?>"><?php echo(get_post_meta(get_the_id(), 'phone_no', true)); ?></a></li><?php } ?>
                            <?php if(get_post_meta(get_the_id(), 'team_email', true)){ ?><li><span><?php esc_html_e('Email:', 'meto'); ?> </span><a href="mailto:<?php echo(get_post_meta(get_the_id(), 'team_email', true)); ?>"><?php echo(get_post_meta(get_the_id(), 'team_email', true)); ?></a></li><?php } ?>
                            
							<?php
								$icons = get_post_meta(get_the_id(), 'social_media_tabs', true); if ($icons) : 
							?>							
                            <li>
                                <span><?php esc_html_e('Follow us:', 'meto'); ?></span>
                                <?php
                                    for ( $i=0; $i < count( $icons['select_social_media'] ); $i++ ) {
                                    $social_icon = ( isset( $icons['select_social_media'][$i] ) && !empty( $icons['select_social_media'][$i] ) ) ? $icons['select_social_media'][$i] : '';
                                    $social_link = ( isset( $icons['link_social_media'][$i] ) && !empty( $icons['link_social_media'][$i] ) ) ? $icons['link_social_media'][$i] : '';
                                ?>
                                <a target="_blank" href="<?php echo esc_url($social_link); ?>" class="social-icons fa <?php echo esc_attr(str_replace("fa ", " ", $social_icon)); ?>"></a>
                                <?php } ?>
                            </li>							
							<?php endif;?>
                            
                        </ul>
                        <?php if(get_post_meta(get_the_id(), 'team_subtitle', true)){ ?><h3><?php echo(get_post_meta(get_the_id(), 'team_subtitle', true)); ?></h3><?php } ?>
                        <?php echo(get_post_meta(get_the_id(), 'team_description', true)); ?>
                    </div>
                </div>
            </div>
        </div>
        <div class="lower-box lower-section">
            <?php the_content(); ?>
        </div>
    </div>
</section>
<!-- End Team Detail Section -->
<?php endwhile; ?>

<?php get_footer(); ?>