@extends('layouts.user')

@section('title', 'Dashboard')
@section('page-title', 'Dashboard')
@section('page-subtitle', now()->format('l, F j, Y'))

@section('content')

    @php
        $meals = $todayMeals ?? collect();

        $calories = (float) ($todayCalories ?? $meals->sum('calories'));
        $target = (int) (auth()->user()->calorie_target ?? 2000);

        $protein = (float) ($proteinTotal ?? $meals->sum('protein'));
        $carbs = (float) ($carbsTotal ?? $meals->sum('carbs'));
        $fat = (float) ($fatTotal ?? $meals->sum('fat'));

        $progress = $target > 0
            ? min(100, ($calories / $target) * 100)
            : 0;

        $remaining = max(0, $target - $calories);

        $hour = now()->hour;
    $greeting = $hour < 12 ? 'Good morning' : ($hour < 18 ? 'Good afternoon' : 'Good evening'); @endphp
    <div class="welcome">
        <div>
            <h2>{{ $greeting }}, {{ auth()->user()->name }}! 👋</h2>
            <p>Here's your nutrition summary for today.</p>
        </div>

        <a href="{{ route('user.foods') }}" class="btn btn-primary">
            + Add Food
        </a>
    </div>

    <div class="stats-grid">

        <div class="card calories-card">
            <div class="card-heading">
                <span>Today's Calories</span>
                <div class="stat-icon green">🔥</div>
            </div>

            <div class="big-number">
                <span>{{ number_format($calories) }}</span>
                <small>/ {{ number_format($target) }} kcal</small>
            </div>

            <div class="progress">
                <div class="progress-fill" style="width: {{ $progress }}%">
                </div>
            </div>

            <div class="calorie-footer">
                <span>
                    {{ number_format($remaining) }} kcal remaining
                </span>
            </div>
        </div>

        <div class="card macro-card">
            <div class="stat-icon blue">💪</div>
            <span class="stat-label">Protein</span>
            <h3>{{ number_format($protein, 1) }}g</h3>
            <small>Today's intake</small>
        </div>

        <div class="card macro-card">
            <div class="stat-icon orange">🌾</div>
            <span class="stat-label">Carbohydrates</span>
            <h3>{{ number_format($carbs, 1) }}g</h3>
            <small>Today's intake</small>
        </div>

        <div class="card macro-card">
            <div class="stat-icon pink">🥑</div>
            <span class="stat-label">Fat</span>
            <h3>{{ number_format($fat, 1) }}g</h3>
            <small>Today's intake</small>
        </div>

    </div>

    <div class="section-header">
        <div>
            <h3>Today's Meals</h3>
            <p>Track what you've eaten today.</p>
        </div>

        <a href="{{ route('user.foods') }}" class="btn btn-primary">
            + Add Food
        </a>
    </div>

    <div class="card table-card">
        <table>
            <thead>
                <tr>
                    <th>Meal</th>
                    <th>Food</th>
                    <th>Quantity</th>
                    <th>Calories</th>
                    <th>Time</th>
                </tr>
            </thead>

            <tbody>
                @forelse ($meals as $meal)
                    <tr>
                        <td>{{ $meal->meal_type }}</td>
                        <td>{{ $meal->food_name }}</td>
                        <td>{{ number_format($meal->quantity_grams) }}g</td>
                        <td>{{ number_format($meal->calories) }} kcal</td>
                        <td>
                            @if ($meal->consumed_at)
                                {{ $meal->consumed_at->format('h:i A') }}
                            @else
                                —
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5">
                            No meals logged today.
                            <a href="{{ route('user.foods') }}">Browse foods</a>
                            to add your first meal.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

@endsection