@extends('layouts.template')

@section('title')
| Recettes
@endsection

@section('share')

@if( $page && $page->meta_desc != '' )  
  <meta property="og:title" content="{{ $page->meta_title }}" />
@endif
@if( $page && $page->meta_desc != '' )
  <meta name="description" content="{{ strip_tags($page->meta_desc) }}">
  <meta property="og:description" content="{{ strip_tags($page->meta_desc) }}" />
@endif
@if( $page && $page->meta_img != '' )
  <meta property="og:image" content="{{url('/')}}/{{config('imagespath.path')}}/{{$page->meta_img}}" />
@endif
<meta property="og:url" content="{{ url( $page->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>Recettes</h1>
			<ul class="ariane">
			  <li><a href="{{ url('/') }}">Accueil</a></li>
			  <li>Spécialités</li>
			</ul>
		</div>
	  </div>
	  <div class="row">
		<div class="col-xs-12"><p>Au-delà de la tartine du matin, du sandwich de midi et de la collation de 16 heures, le pain sait se montrer très imaginatif et composer de succulents plats créatifs, qui donnent du goût à la vie.</p>
		<p>Nous avons concocté pour vous quelques recettes inédites, originales et gourmandes, toutes à base de pain. Simples à réaliser et peu coûteuses, elles vous permettront de varier les plaisirs autour du pain.</p>
		<p><strong>Régalez-vous !</strong></p></div>
	  </div>
    </div>
    <div class="search">
	  <div class="container">
		<form method="get" action="{{ url('recettes') }}">
		  <div class="row">
			<div class="col-md-4 col-sm-6">
			  <input type="text" placeholder="Nom, ingrédients..." value="{{ Request::input('key') }}" name="key" class="form-control">
			</div>
			<div class="col-md-4 col-sm-6">
			  <select name="category" class="form-control">
				<option value="" @if (Request::input('category') == '') selected @endif>Catégorie</option>
				<option value="Tartine" @if (Request::input('category') == 'Tartine') selected @endif>Tartine</option>
				<option value="Sandwich" @if (Request::input('category') == 'Sandwich') selected @endif>Sandwich</option>
				<option value="Entrée" @if (Request::input('category') == 'Entrée') selected @endif>Entrée</option>
				<option value="Plat" @if (Request::input('category') == 'Plat') selected @endif>Plat</option>
				<option value="Dessert" @if (Request::input('category') == 'Dessert') selected @endif>Dessert</option>
			  </select>
			</div>
			<div class="col-md-2 col-sm-6 col-xs-6">
			  <button type="submit" class="btn btn-baker btn-block">Chercher</button>
			</div>
			<div class="col-md-2 col-sm-6 col-xs-6">
			  <a href="{{ url('recettes') }}" class="btn btn-baker-enabled btn-block">Réinitialiser</a>
			</div>
		  </div>
		</form>
	  </div>
    </div>
    <div class="container">
      <div class="row">
      @foreach($recipes as $recipe)
        <div class="col-md-4 col-sm-6">
		<article class="recipes">		  
		  <div class="recipe-title"><h2>{{ $recipe->title }}</h2></div>
		  <a href="{{ url('recettes/' . $recipe->friendlyurl ) }}"><img src="{{url('/')}}/{{config('imagespath.recipe_path')}}/{{$recipe->illustration}}" class="img-responsive" /></a>
		  <div class="recipes-content">
			<p class="recipes-excerpt">{!! str_limit( strip_tags($recipe->excerpt), 200, '...') !!}</p>
			<p class="recipes-category">Catégorie: {{$recipe->category}}</p>
			<div class="row">
			  <div class="col-sm-8">
			  	<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>
			  </div>
			  <div class="col-sm-4 text-right">
				<a href="{{ url('recettes/' . $recipe->friendlyurl ) }}" class="recipes-link"> Lire plus > </a>
			  </div>
			</div>
		  </div>
		</article>
		</div>
	  @endforeach
	  @if( count($recipes) == 0 )
		<div class="col-xs-12">
			<p>Aucune recette ne correspond à vos critères de recherche. Veuillez réessayer.</p>
		</div>
	  @endif
	  </div>
	 
    </div>
  </section>
</main>

@endsection