@extends('layouts.template')

@section('title')
| Recette - {{ $recipe->title }}
@endsection

@section('share')

@if( $recipe && $recipe->meta_title != '' ) 
  <meta property="og:title" content="{{ $recipe->meta_title }}" />
@else
  <meta property="og:title" content="{{ $recipe->title }} - Maitre Boulanger-Pâtissier" />
@endif

@if( $recipe && $recipe->meta_desc != '' ) 
  <meta name="description" content="{{ strip_tags($recipe->meta_desc) }}">
  <meta property="og:description" content="{{ strip_tags($recipe->meta_desc) }}" />
@else
  <meta name="description" content="{{ strip_tags($recipe->excerpt) }}">
  <meta property="og:description" content="{{ strip_tags($recipe->excerpt) }}" />
@endif

@if( $recipe && $recipe->meta_img != '' ) 
  <meta property="og:image" content="{{url('/')}}/{{config('imagespath.path')}}/{{$recipe->meta_img}}" />
@else
  <meta property="og:image" content="{{url('/')}}/{{config('imagespath.recipe_path')}}/{{$recipe->illustration}}" />
@endif
<meta property="og:url" content="{{ url('recettes/' . $recipe->friendlyurl ) }}" />

@endsection

@section('content')

<main role="main">
  <section class="page-static">
    <div class="container baseline">
	  <div class="row">
		<div class="col-sm-10 col-sm-offset-2">
		    <h1>{{ $recipe->title }}</h1>
			<ul class="ariane">
			  <li><a href="{{ url('/') }}">Accueil</a></li>
			  <li><a href="{{ url('recettes') }}">Spécialités</a></li>
			  <li>Recettes</li>
			</ul>
		</div>
	  </div>
    </div>
	<div class="container">          
      <div class="row">
	      <div class="col-sm-8">
	        <article class="recipe">
				<img src="{{url('/')}}/{{config('imagespath.recipe_path')}}/{{$recipe->illustration}}" class="img-responsive" />
				<div class="recipe-data">
				  <div class="row">
					<div class="col-sm-6">
						Catégorie : {{$recipe->category}}
					</div>
					<div class="col-sm-6 text-right">
						<span><img src="{{url('/')}}/img/icon-people.png"/> {{ $recipe->peoples }}</span>
						<span><img src="{{url('/')}}/img/icon-preparation.png"/> {{ ($recipe->time_preparation > 60 ) ? gmdate("H\hi", ($recipe->time_preparation*60)) : $recipe->time_preparation.'min' }}</span>
				  		<span><img src="{{url('/')}}/img/icon-cooked.png"/> {{ ($recipe->time_cooking > 60 ) ? gmdate("H\hi", ($recipe->time_cooking*60)) : $recipe->time_cooking.'min' }}</span>
					    <!--{{ gmdate("H \h i", ($recipe->time_preparation*60)) }}-->
					</div>
				  </div>
				</div>
			</article>
			<div class="row">
			  <div class="col-md-4">				
				<div class="panel panel-recipe">
					<div class="panel-heading">
						<h2>Ingrédients</h2>
					</div>
					<div class="panel-body">
						{!! nl2br($recipe->ingredients) !!}
					</div>
				</div>
			  </div>
			  <div class="col-md-8">			
				<div class="panel panel-recipe">
					<div class="panel-heading">
						<h2>Préparation</h2>
					</div>
					<div class="panel-body">
						{!! $recipe->content !!}
					</div>
				</div>
			  </div>
			</div>
		  </div>
		  <div class="col-sm-4">
		  	<aside class="aside">
		  	  <div class="back-button"><em class="glyphicon glyphicon-chevron-left"></em> <a href="{{ url('recettes') }}">Retour à la liste</a></div>
			  
			  <div class="share">
				Partager sur 
				<a class="btn btn-social-icon btn-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ url('recettes/' . $recipe->friendlyurl ) }}&t={{ $recipe->title }}" target="_blank">
			      <span class="fa fa-facebook"></span>
			    </a>
			    <a class="btn btn-social-icon btn-twitter" href="http://twitter.com/share?text={{ $recipe->title }}&url={{ url('recettes/' . $recipe->friendlyurl ) }}" target="_blank">
			      <span class="fa fa-twitter"></span>
			    </a>
			    <a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url={{ url('recettes/' . $recipe->friendlyurl ) }}&title={{ $recipe->title }}&summary={{ $recipe->title }}" target="_blank">
			      <span class="fa fa-linkedin"></span>
			    </a>
			  </div>

		  	  @foreach($recipes_similaires as $recipe)
				<article class="recipes_simi">		  
				  <a href="{{ url('recettes/' . $recipe->friendlyurl ) }}"><img src="{{url('/')}}/{{config('imagespath.recipe_path')}}/{{$recipe->illustration}}" class="img-responsive" /></a>
				  <div class="recipes_simi-content">
				  	<h3>{{ $recipe->title }}</h3>
				  	<a href="{{ url('recettes/' . $recipe->friendlyurl ) }}" class="recipes-link"> Lire plus > </a>
				  </div>
				</article>
			  @endforeach
		  	</aside>
		  </div>
		</div>
	</div>
  </section>
</main>

@endsection