@extends('app')

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

@section('content')

    <div class="block profile recipe background-diet">
        <div class="wrap">

            <div class="profile-container">

                <div class="profile-container-inner">

                    <div class="item-top">
                        <strong class="item-top-title">
                            Náhled receptu<br>
                        </strong>
                    </div>

                    @include('_profile._partials.menu')

                    <div class="recipe-content">
                        <div class="recipe-content-left">

                            <img src="{{ bigThumbnail($recipe->photo) }}" alt="{{ $recipe->name }}">

                            <div class="recipe-information">
                                <h2>Informace o jídle</h2>

                                <p>
                                    Energie – {{ $recipe->macronutrients->energy }} Kcal<br>
                                    Bílkoviny – {{ round($recipe->macronutrients->proteins) }} g – {{ round($recipe->macronutrients->percents->proteins) }} %<br>
                                    Sacharidy – {{ round($recipe->macronutrients->carbohydrates) }} g – {{ round($recipe->macronutrients->percents->carbohydrates) }} %<br>
                                    Tuky – {{ round($recipe->macronutrients->fats) }} g – {{ round($recipe->macronutrients->percents->fats) }} %
                                </p>
                            </div>
                        </div>

                        <div class="recipe-content-right">
                            <h1 class="h1__colored">{{ $recipe->name }}</h1>

                            <h2 class="h2__small">Suroviny</h2>

                            <table>
                                @foreach($recipe->ingredients as $ingredient)
                                    <tr>
                                        <td style="width: 80px;">
                                            @if ($ingredient->hasMacronutrients() === true)
                                                @ingredientAmount($ingredient)
                                            @endif
                                        </td>
                                        <td>{{ $ingredient->name }}</td>
                                    </tr>
                                @endforeach
                            </table>

                            {!! $recipe->description !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection