<?php
	/**
	* Template Name: Terms
	*/

	get_header();
	$subtitle = get_post_meta(get_the_ID(), 'subtitle', true);
?>

<main role="main" class="l-flex">
	<div id="category-header">
		<div class="l-container l-flex">
			<div class="cat-header-container">
				<?php 
				if($subtitle){
				?>
					<h2 class="cat-title"><?php the_title(); ?></h2>
					<h1 class="cat-name"><?php echo $subtitle; ?></h1>
				<?php
				}
				else{
				?>
					<h1 class="cat-title"><?php the_title(); ?></h1>
				<?php } ?>
			</div>
		</div>
	</div>
	<div id="content-wrapper" class="l-container l-flex">

		<section id="breadcromp">
		    <ul>
		        <li>
		            <a href="<?php echo home_url(); ?>/" rel="home">< Inicio </a>
		        </li>
		        <li>
		            <strong>- <?php the_title(); ?></strong>
		        </li>
		    </ul>
		</section>
		
		<section id="post-content" class="terms-page">
			<?php while ( have_posts() ) : the_post(); ?>

				<article <?php post_class('l-flex'); ?> id="post-<?php the_ID(); ?>">
					<div class="post-content">
						<?php the_content(); ?>
					</div>
				</article>

			<?php endwhile; ?>
		</section>
	</div>
</main><!-- terms(hpp) -->

<?php get_footer(); ?>