@extends('layouts.user')

@section('title', 'Meal History')
@section('page-title', 'Meal History')
@section('page-subtitle', 'Review your previous nutrition records.')

@section('content')

    <div class="page-heading">
        <div>
            <h2>Meal History</h2>
            <p>Your daily nutrition totals.</p>
        </div>
    </div>

    <div class="card table-card">
        <table>
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Calories</th>
                    <th>Protein</th>
                    <th>Carbs</th>
                    <th>Fat</th>
                    <th>Status</th>
                </tr>
            </thead>

            <tbody>
                @forelse ($history as $day)
                    <tr>
                        <td>
                            {{ \Carbon\Carbon::parse($day->meal_date)->format('M d, Y') }}
                        </td>
                        <td>{{ number_format($day->calories) }} kcal</td>
                        <td>{{ number_format($day->protein, 1) }}g</td>
                        <td>{{ number_format($day->carbs, 1) }}g</td>
                        <td>{{ number_format($day->fat, 1) }}g</td>
                        <td>
                            @if ($day->calories >= $calorieTarget)
                                Target reached
                            @else
                                Below target
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6">
                            No meal history yet. Meals you log will appear here.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="pagination-wrapper">
        {{ $history->links() }}
    </div>

@endsection