<?php include PATH_VIEW.'/layout/header.tpl'; ?>

<div id="ajaxArea">
	<div class="container bg-body-tertiary p-3">
		
		<div class="row">

			<div class="col-md-8">
				
				<section id="column1" class="mb-4">

					<section id="breadcrumb" class="border-bottom mb-4">
						<?php include PATH_VIEW.'/layout/breadcrumb.tpl' ?>
					</section>

					<article itemscope itemtype="https://schema.org/NewsArticle">
					
						
						<meta itemprop="image" content="https://img.youtube.com/vi/<?php echo $item->video; ?>/hqdefault.jpg" />
						
						<div class="embed-container mb-3">
							<iframe src="https://www.youtube.com/embed/<?php echo $item->video; ?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
						</div>

						<h1 itemprop="headline" class="title-post mb-0"><?php echo $item->title; ?></h1>

						<div class="d-flex justify-content-between align-items-center mb-3">
							<div class="mt-3">
								<span itemprop="datePublished" content="<?php echo $item->date_post ?>"><?php echo FormatDate($setting->format_date. ' ' .$setting->format_time, $item->date_post); ?><span>
							</div>
							<div class="mt-3" id="shareBS" data-url="<?php echo $og_url; ?>" data-title="<?php echo $og_title; ?>"></div>
						</div>
						
						<div class="card">
							<div class="card-body">
								<p itemprop="description"><?php echo $item->description; ?></p>
							</div>
						</div>
						
					</article>


					<?php include PATH_VIEW.'/layout/comments.tpl'; ?>
				
			</div>

			<div class="col-md-4">
				<aside>
					<section id="column2">
						<?php 
							// widgets column 2
							include PATH_VIEW.'/layout/search.tpl';
							include PATH_VIEW.'/layout/category.tpl';

							$widgetPos = 4;
							include PATH_VIEW.'/layout/widget.tpl';
							
						?>
					</section>
				</aside>
			</div>


		</div>
		
	</div>
</div>

<?php include PATH_VIEW.'/layout/footer.tpl'; ?>