@extends('layouts.default')
@extends('content_wrappers.md-10')

@section('title', ' | '.$recipe->name)
@section('heading', $recipe->name)

@section('content')
<div class="panel-body">
    <div class="row">
        <div class="col-md-3 text-center">Created By: {{$recipe->author}}</div>
        <div class="col-md-3 text-center">Maintained By: {{$recipe->user->name}}</div>

        <div class="col-md-3 text-center">Entered On: {{$recipe->date_entered->format('Y/m/d') }}</div>
        <div class="col-md-3 text-center">Last Changed: {{$recipe->date_modified->format('Y/m/d') }}</div>
    </div>
    <div class="row">
        <div class="col-sm-offset-3 col-sm-3 text-center">Servings: {{$recipe->servings}}</div>
        <div class="col-sm-3 text-center">Serving Size: {{$recipe->serving_size}}</div>
    </div>
    <br />
    <div class="row"><div class="panel-heading"><h1>Ingredients</h1></div></div>

    @foreach ($recipe->ingredients as $index => $ingredient)
        @if ($ingredient->alternative)
            OR {{$ingredient->quantity}} {{$ingredient->measurement}} {{$ingredient->name}}
        @else
            @if($index != 0) </div> @endif
            <div class="col-sm-offset-2 col-lg-4">{{$ingredient->quantity}} {{$ingredient->measurement}} {{$ingredient->name}}
        @endif
    @endforeach
    @if(count($recipe->ingredients) > 0)
        </div>
    @endif

    <br /><br />
    <div class="row"><div class="panel-heading"><h1>Instructions</h1></div></div>
    <div class="row"><div class="col-lg-12">{{$recipe->instructions}}</div>
</div>
@endsection