<?php

/**
 * The single template file
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package WordPress
 * @subpackage IZI_THEME
 * @since 1.0.0
 */

get_header();
?>
<!-- /* INTERNAL PAGE HEADER IMG -->
<div class="container-fluid p-0 position-relative singlehead">
	<div class="filterdiv internalpage position-absolute top-0 start-0"></div>
	<?php
	if (has_post_thumbnail()) {
		the_post_thumbnail('full', ['class' => 'img-fluid w-100']); 
	} else {
		echo '<img src="' . get_template_directory_uri() . '/assets/img/actu/fallout-serie-tv.jpg" class="img-fluid w-100" alt="Actu Séries" loading="lazy">';
	}
	?>
	<!-- <img class="img-fluid w-100" src="assets/img/series/the-boys.jpg" alt="Stranger Things"> -->
</div>
<!-- IMG END -->

<!-- PAGE CONTENT -->
<article class="container mt-3">
	<div class="row justify-content-md-center">
		<div class="col-lg-9 mb-4">
			<h1 class="htitles my-5"><?php the_title(); ?></h1>

			<?php 
			if (have_posts()) : while (have_posts()) : the_post();
			the_content(); 
			?>

			<div class="social-bloc mt-5">
				<ul class="social-share">
					<li class="fs-4 text-white">Partager :</li>
					<li>
						<div class="facebook-social"><a class="facebook" title="Partager sur Facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://www.monsite.com/mapage" target="_blank" rel="external nofollow noopener"><i class="fab fa-facebook"></i></a>
						</div>
					</li>
					<li>
						<div class="twitter-social"><a class="twitter" title="Partager sur Twitter" href="https://twitter.com/share?url=http://www.monsite.com/mapage&amp;text=titredemapage" target="_blank" rel="external nofollow noopener"><i class="fab fa-twitter"></i></a>
						</div>
					</li>
					<li>
						<div class="linkedin-social"><a class="linkedin" title="Partager sur LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.monsite.com/mapage&amp;title=titredemapage" target="_blank" rel="external nofollow noopener"><i class="fab fa-linkedin-in"></i></a></div>
					</li>
					<li>
						<div class="pinterest-social"><a class="pinterest" title="Partager sur Pinterest" href="http://pinterest.com/pin/create/button/?url=http://www.monsite.com/mapage&amp;description=descriptiondemapage&amp;media=http://www.monsite.com/monimage.jpg" target="_blank" rel="external nofollow noopener"><i class="fab fa-pinterest"></i></a></div>
					</li>
					<li>
						<div class="email-social"><a class="email" title="Partager via email" href="mailto:?subject=titredemapage&amp;body=titredemapage" target="_blank" rel="external nofollow noopener"><i class="fas fa-envelope"></i></a>
						</div>
					</li>
				</ul>
			</div>

			<div class="row prevnext my-5">
				<div class="col-6 border"><?php previous_post_link('%link', '<<< Article précédent', true); ?></div>
				<div class="col-6 border text-end"><?php next_post_link('%link', 'Article suivant >>>', true); ?></div>
			</div>

			<?php
			endwhile;
			else :
				echo '<p>Aucun contenu à afficher</p>';
			endif;
			wp_reset_postdata();

			// Comment Begin
			if (comments_open() || get_comments_number()) :
				comments_template();
			endif;
			// Comment End
			?>
		</div>

		<!-- SIDEBAR Begin -->
		<div class="col-lg-3 mb-4">
			<h4 class="mt-3">SIDEBAR</h4>
			<div class="widget-sidebar sidebar-search">
				<h5 class="sidebar-title">Recherche</h5>
				<div class="sidebar-content">
					<form>
						<div class="input-group mb-4">
							<input type="text" class="form-control" value="votre recherche">
							<button class="btn btn-outline-secondary" type="button">GO</button>
						</div>
					</form>
				</div>
			</div>
			<img src="assets/img/actu/fallout-serie-tv500x270.jpg" class="img-fluid" alt="Responsive image">
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
				labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
				laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
				voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
				non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
			</p>
		</div>
		<!-- SIDEBAR End -->
	</div>
</article>
<!-- PAGE CONTENT END -->
<?php
get_template_part('template-parts/content-videobg');
get_template_part('template-parts/content-prefooter');
get_footer();
