<?php
/**
 * Template Name: About us
 * @package acora
*/

if(!acora_must_have_settings_plugin()){
	return;
};

get_header();

?>
<div id="about_us" class="about-us" role="main">
	<?php  global $post ?>
	<div class="page-wrapper">
			
		<!-- Slieder header -->
		<?php if(acora_settings_about_us_has_gallery()): ?>
		<div class="entry-header fwd-hide">
			<?php acora_settings_about_us_galery();?>
			<div class="header-content">
				<h1 class="site-name"><?php echo esc_html(get_the_title()); ?></h1>	
			</div><!-- .header-content -->
		</div><!-- .entry-header -->
		<?php endif; ?>

		<div class="entry-content">	
			<!-- We are info -->
			<?php if(!empty(acora_settings_get_about_us_info()) || !empty(acora_settings_get_about_us_table())): ?>
			<div class="about-us-info acora-hide">
				<div class="entry-excerpt">
					<?php
					$class = 'single';
					if(!empty(acora_settings_get_about_us_info()) && !empty(acora_settings_get_about_us_table())){
						$class = 'double';
					}
					?>
		
					<?php if(!empty(acora_settings_get_about_us_info())): ?>
					<div class="excerpt-content <?php echo esc_attr($class); ?>">
					<?php echo acora_settings_get_about_us_info(); ?>
					</div>
					<?php endif; ?>
					<div class="separator <?php echo esc_attr($class); ?>">
					</div>
					<?php if(!empty(acora_settings_has_about_us_table())): ?>
					<div class="excerpt-table <?php echo esc_attr($class); ?>">
					<?php echo acora_settings_get_about_us_table(); ?>
					<div class="clear"></div>
					</div>
					<div class="clear"></div>
					<?php endif; ?>
				</div><!-- .entry-excerpt -->
			</div><!-- .about-us-info -->
			<?php endif; ?>

			<!-- We are grid -->
			<?php if(!empty(acora_settings_has_we_are_grid())): ?>
			<div class="we-are-grid acora-hide">
				<div class="holder">
					<?php acora_settings_we_are_grid_get_images(); ?>
				</div>
			</div><!-- .we-are-grid -->
			<?php endif; ?>
				
			<!-- Video header -->
			<?php if(acora_settings_about_us_has_video_section()): ?>
			<div class="video-holder acora-hide acora-16-6">
				<div class="holder">
					<div id="header" class="header">
						<?php acora_settings_about_us_get_header_image(); ?>
					</div><!-- holder -->
					<?php if(acora_settings_about_has_video()): ?>
					<div class="overlay"></div>
					<div id="video" class="video"></div>
					<?php 
						acora_settings_about_us_get_video();
					?>
					<div class="info">
						<div class="pp-button">
							<svg class="pp-play" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M36.45 23.3392L18.85 11.3392C18.6044 11.1728 18.2876 11.1544 18.0252 11.2928C17.7636 11.4312 17.5996 11.7032 17.5996 12V36C17.5996 36.2968 17.7636 36.5688 18.026 36.7072C18.1428 36.7696 18.2716 36.8 18.3996 36.8C18.5572 36.8 18.7148 36.7528 18.85 36.6608L36.45 24.6608C36.6684 24.512 36.7996 24.2648 36.7996 24C36.7996 23.7352 36.6684 23.488 36.45 23.3392ZM19.1996 34.4856V13.5144L34.5796 24L19.1996 34.4856Z" fill="white"/>
								<path d="M24 0C10.7664 0 0 10.7664 0 24C0 37.2336 10.7664 48 24 48C37.2336 48 48 37.2336 48 24C48 10.7664 37.2336 0 24 0ZM24 46.4C11.6488 46.4 1.6 36.3512 1.6 24C1.6 11.6488 11.6488 1.6 24 1.6C36.3512 1.6 46.4 11.6488 46.4 24C46.4 36.3512 36.3512 46.4 24 46.4Z" fill="white"/>
							</svg>
							<svg class="pp-pause" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M24 0C10.7453 0 0 10.7453 0 24C0 37.2547 10.7453 48 24 48C37.2547 48 48 37.2547 48 24C47.9852 10.7516 37.2484 0.0148438 24 0ZM24 46.4C11.6289 46.4 1.6 36.3711 1.6 24C1.6 11.6289 11.6289 1.6 24 1.6C36.3711 1.6 46.4 11.6289 46.4 24C46.3859 36.3652 36.3652 46.3859 24 46.4Z" fill="white"/>
								<path d="M20.0002 12.8C19.5584 12.8 19.2002 13.1583 19.2002 13.6V34.4C19.2002 34.8418 19.5584 35.2 20.0002 35.2C20.442 35.2 20.8002 34.8418 20.8002 34.4V13.6C20.8002 13.1583 20.442 12.8 20.0002 12.8Z" fill="white"/>
								<path d="M28.0002 12.8C27.5584 12.8 27.2002 13.1583 27.2002 13.6V34.4C27.2002 34.8418 27.5584 35.2 28.0002 35.2C28.442 35.2 28.8002 34.8418 28.8002 34.4V13.6C28.8002 13.1583 28.442 12.8 28.0002 12.8Z" fill="white"/>
							</svg>
						</div>
						<h4 class="pp-info"><?php acora_settings_about_us_get_video_caption(); ?></h4>
					</div>
					<?php endif; ?>
				</div><!-- .video-holder -->
			</div><!-- .main-header -->
			<?php endif; ?>

			<!-- Details grid -->
			<?php if(acora_settings_about_us_has_detailed_grid()): ?>
				<div class="detailed-grid acora-hide">
					<?php
					acora_settings_about_us_detailed_grid_get_first();
					?>
					<div class="clear"></div>
					<?php
					acora_settings_about_us_detailed_grid_get_second();
					?>
					<div class="clear"></div>
				</div><!-- .detailed-grid -->
			<?php endif; ?>
			
			<!-- Our team -->
			<?php if(!empty(acora_settings_has_team_members())): ?>
			<div class="team">
				<div class="team-members">
					<?php echo acora_settings_get_team(); ?>
				</div>
			</div><!-- .team-members -->
			
			<div class="edit-button-holder">
			<?php endif; 
			edit_post_link(esc_html__('Edit Page', 'acora'), '<span class="edit-link">', '</span>');
			?>
			</div><!-- .edit-button-holder -->
			
			<?php
			// Get footer.
			get_template_part('template-parts/footer');
			?>
		</div><!-- .entry-content -->
	</div><!-- .wrapper -->
	
</div><!-- #page_main -->
<?php get_footer(); ?>