<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly
}

function virtue_author_box() { ?>
<div class="author-box">
	<ul class="nav nav-tabs" id="authorTab">
		<li class="active">
			<a href="#about">
				<?php esc_html_e( 'About Author', 'virtue' ); ?>
			</a>
		</li>
		<li>
			<a href="#latest">
				<?php esc_html_e( 'Latest Posts', 'virtue' ); ?>
			</a>
		</li>
	</ul>

	<div class="tab-content postclass">
		<div class="tab-pane clearfix active" id="about">
			<div class="author-profile vcard">
				<?php echo get_avatar( get_the_author_meta('ID'), 80 ); ?>
				<div class="author-follow">
					<span class="followtext"><?php esc_html_e('Follow', 'virtue'); ?> <?php the_author_meta( 'display_name' ); ?>:</span>
					
					<?php if ( get_the_author_meta( 'facebook' ) ) { ?>
						<span class="facebooklink">
						<a href="<?php the_author_meta( 'facebook' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue' ); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on Facebook', 'virtue' );?>"><i class="icon-facebook"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'twitter' ) ) { ?>
						<span class="twitterlink">
							<a href="http://twitter.com/<?php the_author_meta( 'twitter' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue' ); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on X formerly Twitter', 'virtue' );?>"><i class="icon-twitter"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'google' ) ) { ?>
						<span class="googlepluslink">
							<a href="<?php the_author_meta( 'google' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue' ); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on Google Plus', 'virtue' );?>"><i class="icon-google-plus"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'youtube' ) ) { ?>
						<span class="youtubelink">
							<a href="<?php the_author_meta( 'youtube' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue' ); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on YouTube', 'virtue' );?>"><i class="icon-youtube"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'flickr' ) ) { ?>
						<span class="flickrlink">
							<a href="<?php the_author_meta( 'flickr' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue' ); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on Flickr', 'virtue' );?>"><i class="icon-flickr"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'vimeo' ) ) { ?>
						<span class="vimeolink">
							<a href="<?php the_author_meta( 'vimeo' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue' ); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on Vimeo', 'virtue' );?>"><i class="icon-vimeo"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'linkedin' ) ) { ?>
						<span class="linkedinlink">
							<a href="<?php the_author_meta( 'linkedin' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue'); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on linkedin', 'virtue' );?>"><i class="icon-linkedin"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'dribbble' ) ) { ?>
						<span class="dribbblelink">
							<a href="<?php the_author_meta( 'dribbble' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue'); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on Dribbble', 'virtue' );?>"><i class="icon-dribbble"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'pinterest' ) ) { ?>
						<span class="pinterestlink">
							<a href="<?php the_author_meta( 'pinterest' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue'); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on Pinterest', 'virtue' );?>"><i class="icon-pinterest"></i></a>
						</span>
					<?php }
					if ( get_the_author_meta( 'instagram' ) ) { ?>
						<span class="instagramlink">
							<a href="<?php the_author_meta( 'instagram' ); ?>" title="<?php esc_attr_e( 'Follow', 'virtue'); ?>  <?php the_author_meta( 'display_name' ); ?> <?php esc_html_e( 'on Instagram', 'virtue' );?>"><i class="icon-instagram"></i></a>
						</span>
					<?php } ?>
				</div><!--Author Follow-->

				<h5 class="author-name"><?php the_author_posts_link(); ?></h5>
				
				<?php if ( get_the_author_meta( 'occupation' ) ) { ?>
					<p class="author-occupation"><strong><?php the_author_meta( 'occupation' ); ?></strong></p>
				<?php } ?>
				<p class="author-description author-bio">
					<?php the_author_meta( 'description' ); ?>
				</p>
			</div>
		</div><!--pane-->
		
		<div class="tab-pane clearfix" id="latest">
			<div class="author-latestposts">
				<?php echo get_avatar( get_the_author_meta('ID'), 80 ); ?>
				<h5><?php esc_html_e('Latest posts from', 'virtue'); ?> <?php the_author_posts_link(); ?></h5>
				<ul>
					<?php
					global $authordata, $post;
					$loop = new WP_Query( array( 'author' => $authordata->ID, 'posts_per_page'	=> 3 ) );
					if ( $loop ) : 
						while ( $loop->have_posts() ) : $loop->the_post(); ?>
						<li>
							<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
							<span class="recentpost-date"> - <?php echo esc_html( get_the_time( get_option( 'date_format' ) ) );  ?></span>
						</li>
						<?php 
						endwhile;
						wp_reset_postdata();
					endif; ?>
				</ul>
			</div><!--Latest Post -->
		</div><!--Latest pane -->
	</div><!--Tab content -->
</div><!--Author Box -->
<?php } ?>