@extends('layouts.blog')

@section('content')
<div class="rightbar menu" id="menu">
	<div class="nu icon menu">
		<div class="bar"></div>
		<div class="bar"></div>
		<div class="bar"></div>
	</div>
	<div class="content">
		<a class="smooth" href="/#realisations">RÉALISATIONS</a>
		<a class="smooth" href="/#services">SERVICES</a>
		<a class="smooth" href="/blog">BLOG</a>
		<a class="smooth" href="/#contact">CONTACT</a>
	</div>
</div>


<div class="page popup blog {{ $popup }}" id="popup">
	<form class="wrap" method="post" action="{{ Route::current()->getName() }}" id="form">
		{{ csrf_field() }}
		<div class="cross" id="cross">X</div>
		<div class="image"></div>
		<h2>Recevoir gratuitement le livre numerique : "Comment faire soi meme l'audit de son site web"?</h2>
		<input type="text" value="Ton email ici" placeholder="" name="email" id="email"/>
		<a href="#" id="ok">RECEVOIR</a>
	</form>
</div>

<div class="rightbar share" id="rightbar">
	<div class="nu icon">
		<div class="img share"></div>
	</div>
	<a href="https://www.facebook.com/sharer/sharer.php?u=https://webiscus.com/blog/{{ $slug }}">
		<div class="nu facebook icon">
			<div class="img facebook"></div>
		</div>
	</a>
	<a href="https://twitter.com/intent/tweet?url=https://webiscus.com/blog/{{ $slug }}&via=agencewebiscus&text={{ $title }}">
		<div class="nu twitter icon">
			<div class="img twitter"></div>
		</div>
	</a>
	<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://webiscus.com/blog/{{ $slug }}">
		<div class="nu linkedin icon">
			<div class="img linkedin"></div>
		</div>
	</a>
</div>

<div class="page blog" id="thanks">
	<div class="wrap" itemscope itemtype="http://schema.org/Article">
		<div class="image" style="background-image:url('https://webiscus.com/storage/{{ $image }}')"></div>
		<h1 itemprop="name">{{ $title }}</h1>
		<div class="profile">
			<img src="/img/alois.jpg"/>
			<h3 itemprop="creator">Aloïs LECLET</h3>
			<h4 itemprop="dateCreated" datetime="{{ $created_at_iso }}">{{ $created_at }}</h4>
		</div>
		<div itemprop="text">
			{!! $content !!}
		</div>
		<div class="tags">
			@foreach($tags as $tag)
			<h6 class="tag">{{ $tag }}</h6>
			@endforeach
		</div>
		<div class="profile-foot">
			<div class="text">
				<h3>Aloïs LECLET</h3>
				<p>Je suis un jeune createur web entrepreneur et danseur professionnel. Je fonde l'<a href="#">agence Webiscus</a>, pour faire pousser des sites web plus ethiques.</p>
			</div>
		</div>
	</div>
</div>
<div class="page">
	<div class="similar">
	@foreach ($similar as $blog)
		<a href="/blog/{{ $blog->slug }}">
			@if ($loop->last)
				<div class="card last">
			@else
				<div class="card">
			@endif
				<div class="img" style="background-image:url('https://webiscus.com/storage/{{ $blog->image}}')"></div>
				<div class="content">
					<h4>{{ $blog->tags }}</h4>
					<h3>{{ $blog->title }}</h3>
				</div>
			</div>
		</a>
	@endforeach
	</div>
</div>

@endsection