<?php
/**
 * The template for displaying all single team
 *
 * @package WebGatha
 * @since   1.0.0
 */

get_header();

global $webgatha_options;
?>
<div class="container">
	<div class="row">
		<div class="col-sm-12">
			<div id="primary" class="content-area">
				<main id="main" class="site-main">
				<?php
				while ( have_posts() ) :
					the_post();

					get_template_part( 'template-parts/teams/single', 'content' );

				endwhile; // End of the loop.
				wp_reset_postdata();

				if ( isset( $webgatha_options['display_team_navigation'] ) && '1' === $webgatha_options['display_team_navigation'] ) {

					$next_post     = get_next_post();
					$previous_post = get_previous_post();

					?>
					<nav class="port-navigation clearfix">
						<div class="nav-links">
							<?php
							if ( ! empty( $previous_post ) ) {
								?>
								<div class="port-navigation-left float-left">
									<div class="nav-previous">
										<a href="<?php echo esc_url( get_permalink( $previous_post->ID ) ); ?>" rel="prev">
											<div class="port-photo">
												<?php echo get_the_post_thumbnail( $previous_post->ID, 'thumbnail' ); ?>
												<span class="port-arrow">
													<i class="fas fa-angle-left"></i>
												</span>
											</div>
											<div class="port-navigation-summary">
												<span class="port-title"><?php echo esc_html( get_the_title( $previous_post->ID ) ); ?></span>
												<span class="port-next"><?php echo esc_html__( 'Previous', 'webgatha' ); ?></span>
											</div>
										</a>
									</div>
								</div>
								<?php
							}
							?>
							<div class="port-back-to-archive">
								<a href="<?php echo esc_url( get_post_type_archive_link( 'teams' ) ); ?>">
									<span class="port-back-to-list">
										<i class="fas fa-grip-horizontal" aria-hidden="true"></i>
									</span>
								</a>
							</div>	
							<?php
							if ( ! empty( $next_post ) ) {
								?>
								<div class="port-navigation-right float-right">
									<div class="nav-next">
										<a href="<?php echo esc_url( get_permalink( $next_post->ID ) ); ?>" rel="next">
											<div class="port-photo">
												<?php echo get_the_post_thumbnail( $next_post->ID, 'thumbnail' ); ?>
												<span class="port-arrow">
													<i class="fas fa-angle-right"></i>
												</span>
											</div>
											<div class="port-navigation-summary">
												<span class="port-title"><?php echo esc_html( get_the_title( $next_post->ID ) ); ?></span>
												<span class="port-next"><?php echo esc_html__( 'Next', 'webgatha' ); ?></span>
											</div>
										</a>
									</div>
								</div>
								<?php
							}
							?>
						</div>
					</nav>
					<?php
				}
				if ( isset( $webgatha_options['display_related_team'] ) && '1' === $webgatha_options['display_related_team'] ) {
					if ( function_exists( 'webgatha_related_team' ) ) {
						webgatha_related_team();
					}
				}
				?>
				</main><!-- #main -->
			</div><!-- #primary -->
		</div>
	</div>
</div>
<?php
get_footer();