@extends('layouts.portal')

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

@section('page_actions')
    <a href="{{ route('portal.patients.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.patients.index') }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('common.reset') }}</a>
        </div>
    </form>

    <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 ($patients as $patient)
                        <tr>
                            <td class="numeric font-semibold text-ink-500">{{ $patient->file_number ?? '—' }}</td>
                            <td>
                                <a href="{{ route('portal.patients.show', $patient) }}" class="font-semibold text-ink-900 no-underline hover:text-brand-600">
                                    {{ $patient->full_name }}
                                </a>
                                <span class="block text-xs text-ink-400">{{ __('common.' . $patient->gender) }}</span>
                            </td>
                            <td class="numeric">{{ $patient->age }}</td>
                            <td>
                                <span class="badge-sc bg-brand-50 text-brand-700">{{ $patient->dietType?->name ?? '—' }}</span>
                            </td>
                            <td class="numeric">{{ $patient->weight_kg }} {{ __('common.kg') }}</td>
                            <td class="numeric">{{ $patient->bmi }}</td>
                            <td class="numeric font-bold text-brand-700">{{ number_format((int) $patient->target_calories) }}</td>
                            <td class="text-sm text-ink-500">{{ $patient->consultant?->name }}</td>
                            <td>
                                <span class="badge-sc {{ $patient->status === 'active' ? 'bg-emerald-100 text-emerald-800' : 'bg-ink-100 text-ink-600' }}">
                                    {{ __('patients.statuses.' . $patient->status) }}
                                </span>
                            </td>
                            <td class="text-end">
                                <a href="{{ route('portal.patients.edit', $patient) }}" class="btn-soft no-underline">{{ __('common.edit') }}</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">
        {{ $patients->links() }}
    </div>
@endsection