@extends('layouts.admin')

@section('title', 'Meals')
@section('page-title', 'Meal Activity')

@section('content')

    <div class="admin-page-header">
        <div>
            <h2>Meal Activity</h2>
            <p>Monitor meals logged by NutriTrack users.</p>
        </div>
    </div>

    <div class="admin-card">
        <form method="GET" action="{{ route('admin.meals') }}" class="toolbar">
            <input type="search" class="admin-search" name="search" value="{{ $search ?? '' }}"
                placeholder="Search users, emails, or foods...">

            <select class="admin-select" name="meal_type">
                <option value="">All Meal Types</option>

                @foreach (['Breakfast', 'Lunch', 'Dinner', 'Snacks'] as $type)
                    <option value="{{ $type }}" @selected($selectedMealType === $type)>
                        {{ $type }}
                    </option>
                @endforeach
            </select>

            <button type="submit" class="admin-btn primary">Filter</button>
            <a href="{{ route('admin.meals') }}" class="action-btn">Clear</a>
        </form>

        <div class="table-wrapper">
            <table>
                <thead>
                    <tr>
                        <th>User</th>
                        <th>Meal</th>
                        <th>Food</th>
                        <th>Quantity</th>
                        <th>Calories</th>
                        <th>Date & Time</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse ($meals as $meal)
                        <tr>
                            <td>
                                {{ $meal->user?->name ?? 'Deleted user' }}
                                @if ($meal->user)
                                    <br>
                                    <small>{{ $meal->user->email }}</small>
                                @endif
                            </td>

                            <td>
                                <span class="meal-badge">
                                    {{ $meal->meal_type }}
                                </span>
                            </td>

                            <td>{{ $meal->food_name }}</td>
                            <td>{{ number_format($meal->quantity_grams) }}g</td>
                            <td>{{ number_format($meal->calories) }} kcal</td>
                            <td>
                                {{ $meal->consumed_at?->format('M d, Y h:i A') ?? '—' }}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6">No meals found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

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

@endsection