@extends('layouts.portal')

@section('title', __('patients.title') . ' — ' . config('app.name'))
@section('page_title', __('patients.title'))
@section('page_subtitle', number_format($reviewers->total()) . ' · ' . __('patients.title'))

@section('page_actions')
    <a href="{{ route('portal.reviewers.create') }}" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('patients.new') }}</a>
@endsection

@section('content')
    <form method="GET" class="card-sc mb-5 grid gap-3 md:grid-cols-4">
        <div class="md:col-span-2">
            <label for="q" class="field-label">{{ __('common.search') }}</label>
            <input id="q" name="q" type="search" value="{{ request('q') }}" class="field-input" placeholder="{{ __('patients.full_name') }} / {{ __('patients.file_number') }} / {{ __('patients.phone') }}">
        </div>
        <div>
            <label for="diet_type_id" class="field-label">{{ __('patients.diet_type') }}</label>
            <select id="diet_type_id" name="diet_type_id" class="field-input">
                <option value="">{{ __('common.all') }}</option>
                @foreach ($dietTypes as $diet)
                    <option value="{{ $diet->id }}" @selected((int) request('diet_type_id') === $diet->id)>{{ $diet->name }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label for="status" class="field-label">{{ __('common.status') }}</label>
            <select id="status" name="status" class="field-input">
                <option value="">{{ __('common.all') }}</option>
                @foreach (['active', 'on_hold', 'completed', 'archived'] as $status)
                    <option value="{{ $status }}" @selected(request('status') === $status)>{{ __('patients.statuses.' . $status) }}</option>
                @endforeach
            </select>
        </div>
        <div class="flex items-center gap-4 md:col-span-3">
            <label class="flex items-center gap-2 text-sm font-semibold text-ink-600">
                <input type="checkbox" name="mine" value="1" @checked(request()->boolean('mine')) class="rounded border-ink-300 text-brand-500 focus:ring-brand-300">
                {{ __('patients.mine_only') }}
            </label>
        </div>
        <div class="flex items-end gap-2">
            <button type="submit" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('common.filter') }}</button>
            <a href="{{ route('portal.reviewers.index') }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('common.reset') }}</a>
        </div>
    </form>

    @if ($hasSearched)
        <div class="overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-card">
            <div class="overflow-x-auto">
                <table class="table-sc">
                    <thead>
                        <tr>
                            <th>{{ __('patients.file_number') }}</th>
                            <th>{{ __('patients.full_name') }}</th>
                            <th>{{ __('patients.age') }}</th>
                            <th>{{ __('patients.diet_type') }}</th>
                            <th>{{ __('patients.weight_kg') }}</th>
                            <th>{{ __('patients.bmi') }}</th>
                            <th>{{ __('patients.target_calories') }}</th>
                            <th>{{ __('patients.consultant') }}</th>
                            <th>{{ __('common.status') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($reviewers as $reviewer)
                            <tr>
                                <td class="numeric font-semibold text-ink-500">{{ $reviewer->file_number ?? '—' }}</td>
                                <td>
                                    <a href="{{ route('portal.reviewers.show', $reviewer) }}" class="font-semibold text-ink-900 no-underline hover:text-brand-600">
                                        {{ $reviewer->full_name }}
                                    </a>
                                    <span class="block text-xs text-ink-400">{{ $reviewer->gender ? __('common.' . $reviewer->gender) : '—' }}</span>
                                </td>
                                <td class="numeric">{{ $reviewer->age ?? '—' }}</td>
                                <td>
                                    <span class="badge-sc bg-brand-50 text-brand-700">{{ $reviewer->dietType?->name ?? '—' }}</span>
                                </td>
                                <td class="numeric">{{ $reviewer->weight_kg }} {{ __('common.kg') }}</td>
                                <td class="numeric">{{ $reviewer->bmi }}</td>
                                <td class="numeric font-bold text-brand-700">{{ number_format((int) $reviewer->target_calories) }}</td>
                                <td class="text-sm text-ink-500">{{ $reviewer->consultant?->name }}</td>
                                <td>
                                    <span class="badge-sc {{ $reviewer->status === 'active' ? 'bg-emerald-100 text-emerald-800' : 'bg-ink-100 text-ink-600' }}">
                                        {{ __('patients.statuses.' . $reviewer->status) }}
                                    </span>
                                </td>
                                <td class="text-end">
                                    <a href="{{ route('portal.reviewers.show', $reviewer) }}" class="btn-soft no-underline">{{ __('patients.view') }}</a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="py-12 text-center text-ink-400">{{ __('patients.empty') }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="mt-5">
            {{ $reviewers->links() }}
        </div>
    @else
        <div class="rounded-3xl border border-dashed border-ink-200 bg-white px-6 py-14 text-center text-ink-400">
            {{ __('patients.search_prompt') }}
        </div>
    @endif
@endsection