@extends('admin.layouts.app')

@section('title', 'برنامه‌های غذایی')

@section('content')
    <h1 class="text-xl font-bold mb-6">برنامه‌های غذایی (نظارت)</h1>

    <div class="bg-white rounded-xl shadow-sm overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 text-gray-500">
                <tr>
                    <th class="p-3 text-right">نام برنامه</th>
                    <th class="p-3 text-right">ورزشکار</th>
                    <th class="p-3 text-right">مربی</th>
                    <th class="p-3 text-right">وضعیت</th>
                    <th class="p-3 text-right">عملیات</th>
                </tr>
            </thead>
            <tbody class="divide-y">
                @forelse($plans as $plan)
                    <tr>
                        <td class="p-3 font-medium">{{ $plan->name }}</td>
                        <td class="p-3">{{ $plan->athlete->user->fullName() }}</td>
                        <td class="p-3">{{ $plan->coach->user->fullName() }}</td>
                        <td class="p-3">{{ $plan->status->label() }}</td>
                        <td class="p-3"><a href="{{ route('admin.nutrition-plans.show', $plan) }}" class="text-blue-600 hover:underline">مشاهده</a></td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="p-6 text-center text-gray-400">برنامه‌ای ثبت نشده است.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $plans->links() }}</div>
@endsection
