<?php
/**
 * @author  rs-theme
 */ 
get_header();
global $dabble_option;?>

<!-- Main content Start -->
<div class="main-content">  
  <!-- Team Detail Start -->  
    <div class="rs-porfolio-detail single-team-item">
        <div class="container">
            <div id="content">
                <?php 
				//take metafield value            
                $company         = get_post_meta(  get_the_ID(), 'company', true );
                $address         = get_post_meta(  get_the_ID(), 'address', true );
                $city            = get_post_meta(  get_the_ID(), 'city', true );
                $state           = get_post_meta(  get_the_ID(), 'state', true );
                $country         = get_post_meta(  get_the_ID(), 'country', true );
                $phone           = get_post_meta(  get_the_ID(), 'phone', true );
                $email           = get_post_meta(  get_the_ID(), 'email', true );
                $website         = get_post_meta(  get_the_ID(), 'website', true );
                $facebook        = get_post_meta( get_the_ID(), 'facebook', true );
                $twitter         = get_post_meta( get_the_ID(), 'twitter', true );
                $google_plus     = get_post_meta( get_the_ID(), 'google_plus', true );
                $linkedin        = get_post_meta( get_the_ID(), 'linkedin', true );
                $team_desination = get_post_meta( get_the_ID(), 'designation', true );  
                $short_desc = get_post_meta( get_the_ID(), 'shortbio', true );
				while ( have_posts() ) : the_post();
                                      
                ?>
                <div class="row btm-row">
                    <div class="col-lg-5">
                        <div class="inner-images">
                            <div class="ps-image">
                                <?php the_post_thumbnail(); ?>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7 rs-con-info">
                        <div class="designation-info">
                            <?php echo esc_html($team_desination); ?>
                        </div>
                        <h2 class="title-bg-gray"><?php the_title(); ?></h2> 
                        
                        <?php if(!empty($short_desc)): ?>
                            <div class="short-desc">
                                <?php echo wp_kses($short_desc, 'dabble'); ?>
                            </div>
                        <?php endif; ?>

                        <div class="ps-informations">
                            <ul class="personal-info">
                              <?php if($email):?>
                                  <li class="email">
                                    <span><i class="glyph-icon flaticon-email"> </i> </span>
                                    <a href="mailto:<?php echo esc_attr( $email ); ?>"><?php  echo esc_html( $email ); ?></a>
                                  </li>
                              <?php endif;?>

                              <?php if($phone):?>
                                <li class="phone">
                                  <span><i class="glyph-icon flaticon-call"></i></span> <?php echo esc_html( $phone ); ?>
                            </li>
                          <?php endif; ?>

                        </ul>

                        <ul class="social-info">
                            <?php if($facebook):?>
                            <li class="social-icon">
                              <a href="<?php  echo esc_url( $facebook ); ?>" target="_blank"> 
                                <i class="fab fa-facebook-f"></i>
                              </a>
                            </li>
                          <?php endif;?>
                          <?php if($twitter):?>
                            <li class="social-icon">
                              <a href="<?php  echo esc_url( $twitter ); ?>" target="_blank"> 
                                <i class="fab fa-twitter"></i>
                              </a>
                            </li>
                          <?php endif;?>
                          <?php if($google_plus):?>
                            <li class="social-icon">
                              <a href="<?php  echo esc_url( $google_plus ); ?>" target="_blank">
                                <i class="fab fa-instagram"></i>
                              </a>
                            </li>
                          <?php endif; ?>
                          <?php if($linkedin):?>
                          <li class="social-icon"><a href="<?php echo esc_url( $linkedin ); ?>" target="_blank"> <i class="fab fa-linkedin-in"></i> </a></li>
                          <?php endif; ?>
                          </ul>                       
                        </div>                        
                    </div>       
                </div>

                <div class="row">
                    <div class="col-lg-7">
                        <div class="project-desc">  
                           <h3 class="title-bg-gray padding-top"><?php esc_html_e( 'Biography','dabble' );?></h3>              
                            <?php
                                the_content()
                            ?>
                        </div>
                    </div> 

                    <?php $team_member_skill = get_post_meta( get_the_ID(), 'member_skill', true );

                    if(!empty($team_member_skill)){
                    ?>
                    <div class="col-lg-5">
                        <h3 class="title-bg-gray padding-top"><?php esc_html_e( 'Professional Skills','dabble' );?></h3> 
                        <div class="team-skill"> 
                            <div class="row">       
                                <?php foreach ( $team_member_skill as $value ) { ?>
                                  <div class="col-md-12">
                                      <div class="progress rs-progress">
                                          <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width:<?php echo wp_kses($value['skill_level'], 'dabble'); ?>%">

                                              <span class="pb-label"><?php echo wp_kses($value['skill_title'], 'dabble'); ?></span>
                                              <span class="pb-percent"><?php echo wp_kses($value['skill_level'], 'dabble'); ?>%</span>

                                          </div>
                                      </div>
                                  </div>
                                <?php } ?>         
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>
                <?php endwhile; wp_reset_postdata(); ?>
            </div>  
        </div>
    </div>
</div>
<!-- Single Team End -->
<?php dynamic_sidebar('cta_widget'); ?>
<?php
get_footer();