@extends('layouts.portal')

@section('title', ($menu->title ?? __('menus.title')) . ' — ' . config('app.name'))
@section('page_title', $menu->title ?? $menu->dietType?->name)
@section('page_subtitle', $menu->patient?->full_name . ' · ' . $menu->starts_on?->format('Y-m-d') . ' · ' . $menu->duration_days . ' ' . __('common.days'))

@section('page_actions')
    @unless ($menu->isIssued())
        <form method="POST" action="{{ route('portal.menus.issue', $menu) }}">
            @csrf
            <button type="submit" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('menus.issue') }}</button>
        </form>
    @endunless
    <a href="{{ route('portal.patients.show', $menu->patient_id) }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('common.back') }}</a>
@endsection

@section('content')

    {{-- Targets --}}
    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        <div class="stat-card border-brand-200 bg-brand-50">
            <p class="text-sm font-semibold text-brand-700">{{ __('patients.target_calories') }}</p>
            <p class="numeric mt-1 text-2xl font-extrabold text-brand-700">{{ number_format($menu->target_calories) }}</p>
        </div>
        @foreach ([['protein', $menu->protein_g], ['carbs', $menu->carbs_g], ['fat', $menu->fat_g]] as [$label, $value])
            <div class="stat-card">
                <p class="text-sm font-semibold text-ink-500">{{ __('patients.' . $label) }}</p>
                <p class="numeric mt-1 text-2xl font-extrabold text-ink-900">{{ $value }}{{ __('common.grams') }}</p>
            </div>
        @endforeach
    </div>

    {{-- Day by day --}}
    <div class="mt-5 space-y-4">
        @foreach ($menu->structure ?? [] as $index => $day)
            @php $total = $totals[$index] ?? null; @endphp
            <section class="card-sc">
                <div class="mb-4 flex flex-wrap items-center justify-between gap-3 border-b border-ink-100 pb-4">
                    <h2 class="text-lg">
                        {{ __('common.day') }} <span class="numeric">{{ $day['day'] }}</span>
                        <span class="ms-2 text-sm font-normal text-ink-400">
                            {{ $menu->starts_on?->copy()->addDays($day['day'] - 1)->format('D, d M') }}
                        </span>
                    </h2>
                    @if ($total)
                        <div class="numeric flex flex-wrap gap-4 text-sm font-semibold">
                            <span class="text-brand-700">{{ number_format($total['calories']) }} {{ __('common.kcal') }}</span>
                            <span class="text-ink-500">{{ $total['protein_g'] }}{{ __('common.grams') }} {{ __('patients.protein') }}</span>
                            <span class="text-ink-500">{{ $total['carbs_g'] }}{{ __('common.grams') }} {{ __('patients.carbs') }}</span>
                            <span class="text-ink-500">{{ $total['fat_g'] }}{{ __('common.grams') }} {{ __('patients.fat') }}</span>
                        </div>
                    @endif
                </div>

                <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
                    @foreach ($day['meals'] as $meal)
                        <div class="rounded-2xl border border-ink-100 p-4">
                            <div class="mb-3 flex items-baseline justify-between">
                                <h3 class="text-base">{{ __('menus.slots.' . $meal['slot']) }}</h3>
                                <span class="numeric text-sm font-bold text-brand-700">{{ $meal['target_calories'] }} {{ __('common.kcal') }}</span>
                            </div>

                            <ul class="list-none space-y-2 ps-0">
                                @forelse ($meal['items'] as $item)
                                    <li class="flex items-start justify-between gap-3 text-sm">
                                        <div>
                                            <span class="font-semibold text-ink-800">
                                                {{ app()->getLocale() === 'ar' ? $item['name_ar'] : $item['name_en'] }}
                                            </span>
                                            <span class="numeric block text-xs text-ink-400">
                                                {{ $item['protein_g'] }}P · {{ $item['carbs_g'] }}C · {{ $item['fat_g'] }}F
                                            </span>
                                        </div>
                                        <span class="numeric shrink-0 font-bold text-ink-600">{{ $item['grams'] }}{{ __('common.grams') }}</span>
                                    </li>
                                @empty
                                    <li class="text-sm text-ink-400">{{ __('common.no_results') }}</li>
                                @endforelse
                            </ul>
                        </div>
                    @endforeach
                </div>
            </section>
        @endforeach
    </div>

    @can('delete', $menu->patient)
        <form method="POST" action="{{ route('portal.menus.destroy', $menu) }}" class="mt-5" data-confirm="{{ __('common.confirm_delete') }}">
            @csrf
            @method('DELETE')
            <button type="submit" class="text-sm font-semibold text-red-600 underline">{{ __('common.delete') }}</button>
        </form>
    @endcan
@endsection