@extends ('iats.master')

@section('styles')
    <!-- SPECIFIC CSS -->
    <link href="{{URL::asset('client/menu_1/css/blog.css')}}" rel="stylesheet">
     
@stop

@section('content-main')
	<section id="hero_in" class="general">
		<div class="wrapper">
			<div class="container">
				<h1 class="fadeInUp"><span></span>Info sur l'Événement</h1>
			</div>
		</div>
	</section>
	<!--/hero_in-->

	 <div class="container margin_60_35">
			<div class="row">
				<div class="col-lg-9">
					<div class="bloglist singlepost">
						<p><img alt="" class="img-fluid" src="{{ url('uploads/'.$post->picture) }}"  width="800" height="400"></p>
						<h1>{{ $post->titre}}</h1>
						<div class="postmeta">
							<ul>
								<li><a href="#"><i class="icon_folder-alt"></i> {{ $post->categoriepost->intitule}}</a></li>
								<li><a href="#"><i class="icon_clock_alt"></i> {{ $post->created_at}}</a></li>
								<li><a href="#"><i class="icon_pencil-edit"></i> {{ $post->user->email}}</a></li>
								
							</ul>
						</div>
						<!-- /post meta -->
						 
						<div class="post-content" id="explanation-preview">							
							
						</div>
						<!-- /post -->
					</div>
					<!-- /single-post -->
					 

					<hr>

					<h5>Laisser un commentaire</h5>
					<form>
						<div class="form-group">
							<input type="text" name="name" id="name2" class="form-control" placeholder="Nom">
						</div>
						<div class="form-group">
							<input type="text" name="email" id="email2" class="form-control" placeholder="Email">
						</div>
						
						<div class="form-group">
							<textarea class="form-control" name="comments" id="comments2" rows="6" placeholder="Votre message"></textarea>
						</div>
						<div class="form-group">
							<button type="submit" id="submit2" class="btn_1 rounded add_bottom_30"> Soumettre</button>
						</div>
					</form>
				</div>
				<!-- /col -->

				<aside class="col-lg-3">
					<div class="widget">
						<form>
							<div class="form-group">
								<input type="text" name="search" id="search" class="form-control" placeholder="Search...">
							</div>
							<button type="submit" id="submit" class="btn_1 rounded"> Search</button>
						</form>
					</div>
					<!-- /widget -->
					<div class="widget">
						<div class="widget-title">
							<h4>Recent Posts</h4>
						</div>
						<ul class="comments-list">
							@foreach ($posts as $post)
								<li>
								<div class="alignleft">
									<a href="#0"><img src="{{ url('uploads/'.$post->picture) }}" alt="" width="150" height="150"></a>
								</div>
								<small>{{ $post->created_at}}</small>
								<h3><a href="#" title="">{{ \Illuminate\Support\Str::limit($post->titre, 30) }}...</a></h3>
							</li>
							@endforeach
						</ul>
					</div>
					<!-- /widget -->
					<div class="widget">
						<div class="widget-title">
							<h4>Blog Categories</h4>
						</div>
						<ul class="cats">
							@foreach ($categorieposts as $categoriepost)

							<li><a href="#">{{ $categoriepost->intitule }} <span>( {{count($categoriepost->posts)}} )</span></a></li>

							@endforeach
						</ul>
					</div>
					<!-- /widget -->
					<div class="widget">
						<div class="widget-title">
							<h4>Popular Tags</h4>
						</div>
						<div class="tags">
							<a href="#">Information tecnology</a>
							<a href="#">Students</a>
							 
						</div>
					</div>
					<!-- /widget -->
				</aside>
				<!-- /aside -->
			</div>
			<!-- /row -->
		</div>	 
@stop

@section('scripts')

<script type="text/javascript">
	//var contenu = JSON.parse("{{ json_encode($post->contenu) }}");
	
	$( document ).ready(function() {	    
	    //var editor = CKEDITOR.instances['editor1'];
	    var contenu = {!! json_encode($post->contenu) !!} ;
	    $('#explanation-preview').html(contenu);	    
	});
    
</script>
    
@stop