mirror of https://github.com/kcal-app/kcal.git
103 lines
6.9 KiB
PHP
103 lines
6.9 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
|
|
{{ __(":name's Journal", ['name' => Auth::user()->name]) }}
|
|
</h2>
|
|
</x-slot>
|
|
|
|
<div class="py-12">
|
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
|
@if(session()->has('message'))
|
|
<div class="bg-green-200 border-2 border-green-600 p-2 mb-2">
|
|
{{ session()->get('message') }}
|
|
</div>
|
|
@endif
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
|
|
<div class="p-6 bg-white border-b border-gray-200">
|
|
<div class="flex flex-row">
|
|
<div class="w-1/12 mr-4">
|
|
<a class="text-gray-500 hover:text-gray-700 hover:border-gray-300"
|
|
href="{{ route(Route::current()->getName(), ['date' => $date->copy()->subDay(1)->toDateString()]) }}">
|
|
previous</a>
|
|
</div>
|
|
<div class="w-3/12 mr-4">
|
|
<h3 class="font-semibold text-xl text-gray-800">{{ $date->format('D, j M Y') }}</h3>
|
|
<div class="text-gray-700">{{ $entries->count() }} {{ \Illuminate\Support\Pluralizer::plural('entry', $entries->count()) }}</div>
|
|
<div class="grid grid-cols-2 text-sm border-t-8 border-black pt-2">
|
|
<div class="font-extrabold text-lg border-b-4 border-black">Calories</div>
|
|
<div class="font-extrabold text-right text-lg border-b-4 border-black">{{ round($entries->sum('calories'), 2) }}g</div>
|
|
<div class="font-bold border-b border-gray-300">Fat</div>
|
|
<div class="text-right border-b border-gray-300">{{ round($entries->sum('fat'), 2) }}g</div>
|
|
<div class="font-bold border-b border-gray-300">Cholesterol</div>
|
|
<div class="text-right border-b border-gray-300">{{ round($entries->sum('cholesterol'), 2) }}g</div>
|
|
<div class="font-bold border-b border-gray-300">Sodium</div>
|
|
<div class="text-right border-b border-gray-300">{{ round($entries->sum('sodium'), 2) }}g</div>
|
|
<div class="font-bold border-b border-gray-300">Carbohydrates</div>
|
|
<div class="text-right border-b border-gray-300">{{ round($entries->sum('carbohydrates'), 2) }}g</div>
|
|
<div class="font-bold">Protein</div>
|
|
<div class="text-right">{{ round($entries->sum('protein'), 2) }}g</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col space-y-4 w-full mr-4">
|
|
@foreach(['breakfast', 'lunch', 'dinner', 'snacks'] as $meal)
|
|
<div>
|
|
<h3 class="font-semibold text-lg text-gray-800">
|
|
{{ Str::ucfirst($meal) }}
|
|
<span class="text-sm text-gray-500">
|
|
@foreach($nutrients as $nutrient)
|
|
{{ round($entries->where('meal', $meal)->sum($nutrient), 2) }}g
|
|
{{ $nutrient }}@if(!$loop->last), @endif
|
|
@endforeach
|
|
</span>
|
|
</h3>
|
|
@forelse($entries->where('meal', $meal) as $entry)
|
|
<details>
|
|
<summary>{{ $entry->summary }}</summary>
|
|
<div class="border-blue-100 border-2 p-2 ml-4">
|
|
<div>
|
|
<span class="font-bold">nutrients:</span>
|
|
@foreach($nutrients as $nutrient)
|
|
{{ round($entry->{$nutrient}, 2) }}g
|
|
{{ $nutrient }}@if(!$loop->last), @endif
|
|
@endforeach
|
|
</div>
|
|
@if($entry->foods()->exists())
|
|
<div>
|
|
<span class="font-bold">foods:</span>
|
|
@foreach($entry->foods as $food)
|
|
<a class="text-gray-500 hover:text-gray-700 hover:border-gray-300"
|
|
href="{{ route('foods.show', $food) }}">
|
|
{{ $food->name }}</a>@if(!$loop->last), @endif
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
@if($entry->recipes()->exists())
|
|
<div>
|
|
<span class="font-bold">recipes:</span>
|
|
@foreach($entry->recipes as $recipe)
|
|
<a class="text-gray-500 hover:text-gray-700 hover:border-gray-300"
|
|
href="{{ route('recipes.show', $recipe) }}">
|
|
{{ $recipe->name }}</a>@if(!$loop->last), @endif
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</details>
|
|
@empty
|
|
<em>No entries.</em>
|
|
@endforelse
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
<div class="w-1/12 text-right">
|
|
<a class="text-gray-500 hover:text-gray-700 hover:border-gray-300"
|
|
href="{{ route(Route::current()->getName(), ['date' => $date->copy()->addDay(1)->toDateString()]) }}">
|
|
next</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-app-layout>
|