@extends('layouts.portal')

@section('title', $reviewer->full_name . ' — ' . config('app.name'))
@section('page_title', $reviewer->full_name)
@section('page_subtitle', ($reviewer->file_number ? $reviewer->file_number . ' · ' : '') . __('patients.age') . ': ' . ($summary['age'] ?? '—') . ($reviewer->gender ? ' · ' . __('common.' . $reviewer->gender) : ''))

@section('page_actions')
    {{-- <a href="{{ route('portal.reviewers.edit', $reviewer) }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('common.edit') }}</a> --}}
    <a href="{{ route('portal.reviewers.visits', $reviewer) }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('patients.visit_log') }}</a>
    <a href="{{ route('portal.reviewers.edit', ['reviewer' => $reviewer, 'visit' => 'new']) }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('patients.new_visit') }}</a>
    @if ($latestVisit ?? null)
        <a href="{{ route('portal.reviewers.edit', ['reviewer' => $reviewer, 'visit' => $latestVisit->id]) }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('patients.edit_last_visit') }}</a>
    @endif
    {{-- <a href="#generate" class="btn-brand !px-5 !py-2.5 text-sm no-underline">{{ __('menus.generate') }}</a> --}}
    <form method="POST" action="{{ route('portal.recipe-menus.store', $reviewer) }}">
        @csrf
        <button type="submit" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('menus.recipes.generate') }}</button>
    </form>
@endsection

@section('content')

    {{-- Nutrition snapshot --}}
    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        <div class="stat-card">
            <p class="text-sm font-semibold text-ink-500">{{ __('patients.bmr') }}</p>
            <p class="numeric mt-1 text-2xl font-extrabold text-ink-900">{{ $summary['bmr'] !== null ? number_format($summary['bmr']) : '—' }}</p>
            <p class="text-xs text-ink-400">{{ __('common.kcal') }}</p>
        </div>
        <div class="stat-card">
            <p class="text-sm font-semibold text-ink-500">{{ __('patients.tdee') }}</p>
            <p class="numeric mt-1 text-2xl font-extrabold text-ink-900">{{ $summary['tdee'] !== null ? number_format($summary['tdee']) : '—' }}</p>
            <p class="text-xs text-ink-400">{{ __('common.kcal') }}</p>
        </div>
        <div class="stat-card border-brand-200 bg-brand-50">
            <p class="text-sm font-semibold text-brand-700">{{ __('patients.target_calories') }}</p>
            <p class="numeric mt-1 text-2xl font-extrabold text-brand-700">{{ $summary['target_calories'] !== null ? number_format($summary['target_calories']) : '—' }}</p>
            <p class="text-xs text-brand-600">{{ $reviewer->dietType?->name }}</p>
        </div>
        <div class="stat-card">
            <p class="text-sm font-semibold text-ink-500">{{ __('patients.bmi') }}</p>
            <p class="numeric mt-1 text-2xl font-extrabold text-ink-900">{{ $summary['bmi'] }}</p>
            <p class="text-xs text-ink-400">{{ __('patients.bmi_category.' . $summary['bmi_category']) }}</p>
        </div>
    </div>

    <div class="mt-5 grid gap-5 xl:grid-cols-3">

        <div class="space-y-5 xl:col-span-2">

            {{-- Macros --}}
            <section class="card-sc">
                <h2 class="mb-4 text-lg">{{ __('patients.macros') }}</h2>
                <div class="grid gap-4 sm:grid-cols-3">
                    @foreach ([['protein', 'protein_g', 'bg-brand-50 text-brand-700'], ['carbs', 'carbs_g', 'bg-amber-50 text-amber-700'], ['fat', 'fat_g', 'bg-sky-50 text-sky-700']] as [$label, $key, $tone])
                        <div class="rounded-2xl {{ $tone }} px-4 py-4 text-center">
                            <p class="numeric text-2xl font-extrabold">{{ $summary['macros'][$key] }}{{ __('common.grams') }}</p>
                            <p class="text-sm font-semibold">{{ __('patients.' . $label) }}</p>
                        </div>
                    @endforeach
                </div>
                <p class="mt-4 text-sm text-ink-500">
                    {{ __('patients.water') }}: <span class="numeric font-bold text-ink-800">{{ $summary['water_litres'] }} L</span>
                </p>
            </section>

            {{-- Generate menu --}}
            {{-- <section id="generate" class="card-sc"> --}}
                {{-- <h2 class="mb-4 text-lg">{{ __('menus.generate') }}</h2> --}}
                {{-- <form method="POST" action="{{ route('portal.menus.store', $reviewer) }}" class="grid gap-4 md:grid-cols-4 md:items-end">
                    @csrf
                    <div>
                        <label for="duration_days" class="field-label">{{ __('menus.duration') }}</label>
                        <input id="duration_days" name="duration_days" type="number" min="1" max="60" value="7" required class="field-input">
                    </div>
                    <div>
                        <label for="starts_on" class="field-label">{{ __('menus.starts_on') }}</label>
                        <input id="starts_on" name="starts_on" type="date" value="{{ now()->toDateString() }}" class="field-input">
                    </div>
                    <div>
                        <label for="title" class="field-label">{{ __('menus.plan_title') }}</label>
                        <input id="title" name="title" type="text" class="field-input">
                    </div>
                    <button type="submit" class="btn-brand">{{ __('menus.generate') }}</button>
                </form> --}}

                {{-- <div class="mt-5 divide-y divide-ink-100">
                    @forelse ($reviewer->menuPlans as $menu)
                        <div class="flex flex-wrap items-center justify-between gap-3 py-3">
                            <div>
                                <a href="{{ route('portal.menus.show', $menu) }}" class="font-semibold text-ink-900 no-underline hover:text-brand-600">
                                    {{ $menu->title ?? $menu->dietType?->name }}
                                </a>
                                <p class="numeric text-sm text-ink-500">
                                    {{ $menu->starts_on?->format('Y-m-d') }} · {{ $menu->duration_days }} {{ __('common.days') }} · {{ number_format($menu->target_calories) }} {{ __('common.kcal') }}
                                </p>
                            </div>
                            <span class="badge-sc {{ $menu->isIssued() ? 'bg-brand-100 text-brand-800' : 'bg-ink-100 text-ink-600' }}">
                                {{ __('menus.statuses.' . $menu->status) }}
                            </span>
                        </div>
                    @empty
                        <p class="py-6 text-center text-ink-400">{{ __('menus.empty') }}</p>
                    @endforelse
                </div> --}}
            {{-- </section> --}}

            {{-- Measurements --}}
            @php
                $logFields = [
                    'height_cm' => ['label' => 'patients.log_height_cm', 'color' => '#7c3aed'],
                    'weight_kg' => ['label' => 'patients.log_weight_kg', 'color' => '#0d9488'],
                    'muscle_mass_kg' => ['label' => 'patients.log_muscle_mass_kg', 'color' => '#2563eb'],
                    'body_fat_percent' => ['label' => 'patients.log_fat_mass_kg', 'color' => '#d97706'],
                    'waist_cm' => ['label' => 'patients.log_waist_cm', 'color' => '#dc2626'],
                ];

                $trends = collect($logFields)->map(function ($meta, $field) use ($measurements) {
                    $points = $measurements->filter(fn ($m) => $m->{$field} !== null)->values();

                    return [
                        'key' => $field,
                        'label' => __($meta['label']),
                        'color' => $meta['color'],
                        'labels' => $points->map(fn ($m) => $m->measured_on->format('Y-m-d'))->all(),
                        'values' => $points->map(fn ($m) => $m->{$field})->all(),
                        'change' => $points->count() > 1 ? round($points->last()->{$field} - $points->first()->{$field}, 1) : null,
                    ];
                })->values();
            @endphp

            <section class="card-sc" id="progress-log">
                <h2 class="mb-1 text-lg">{{ __('patients.measurements') }}</h2>
                <p class="mb-4 text-xs text-ink-400">{{ __('patients.measurement_optional_hint') }}</p>

                <form method="POST" action="{{ route('portal.measurements.store', $reviewer) }}" class="grid gap-3 sm:grid-cols-2 md:grid-cols-3 md:items-end">
                    @csrf
                    <div>
                        <label for="measured_on" class="field-label">{{ __('patients.measured_on') }}</label>
                        <input id="measured_on" name="measured_on" type="date" max="{{ now()->toDateString() }}" value="{{ old('measured_on') }}" class="field-input @error('measured_on') is-invalid @enderror">
                        @error('measured_on')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div>
                        <label for="m_height" class="field-label">{{ __('patients.log_height_cm') }}</label>
                        <input id="m_height" name="height_cm" type="number" step="any" value="{{ old('height_cm') }}" class="field-input @error('height_cm') is-invalid @enderror">
                        @error('height_cm')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div>
                        <label for="m_weight" class="field-label">{{ __('patients.log_weight_kg') }}</label>
                        <input id="m_weight" name="weight_kg" type="number" step="any" value="{{ old('weight_kg') }}" class="field-input @error('weight_kg') is-invalid @enderror">
                        @error('weight_kg')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div>
                        <label for="m_muscle" class="field-label">{{ __('patients.log_muscle_mass_kg') }}</label>
                        <input id="m_muscle" name="muscle_mass_kg" type="number" step="any" value="{{ old('muscle_mass_kg') }}" class="field-input @error('muscle_mass_kg') is-invalid @enderror">
                        @error('muscle_mass_kg')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div>
                        <label for="m_fat" class="field-label">{{ __('patients.log_fat_mass_kg') }}</label>
                        <input id="m_fat" name="body_fat_percent" type="number" step="any" value="{{ old('body_fat_percent') }}" class="field-input @error('body_fat_percent') is-invalid @enderror">
                        @error('body_fat_percent')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div>
                        <label for="m_waist" class="field-label">{{ __('patients.log_waist_cm') }}</label>
                        <input id="m_waist" name="waist_cm" type="number" step="any" value="{{ old('waist_cm') }}" class="field-input @error('waist_cm') is-invalid @enderror">
                        @error('waist_cm')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <button type="submit" class="btn-brand !py-2.5 text-sm sm:col-span-2 md:col-span-3">{{ __('patients.add_measurement') }}</button>
                </form>

                {{-- Period filter --}}
                <form method="GET" action="{{ route('portal.reviewers.show', $reviewer) }}#progress-log" class="mt-6 flex flex-wrap items-end gap-3 border-t border-ink-100 pt-5">
                    <div>
                        <label for="from" class="field-label">{{ __('patients.from_date') }}</label>
                        <input id="from" name="from" type="date" value="{{ $measurementFrom }}" class="field-input @error('from') is-invalid @enderror">
                        @error('from')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div>
                        <label for="to" class="field-label">{{ __('patients.to_date') }}</label>
                        <input id="to" name="to" type="date" value="{{ $measurementTo }}" class="field-input @error('to') is-invalid @enderror">
                        @error('to')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <button type="submit" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('common.filter') }}</button>
                    <a href="{{ route('portal.reviewers.show', $reviewer) }}#progress-log" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('common.reset') }}</a>
                </form>

                <div class="mt-5 overflow-x-auto">
                    <table class="table-sc">
                        <thead>
                            <tr>
                                <th>{{ __('patients.measured_on') }}</th>
                                <th>{{ __('patients.log_height_cm') }}</th>
                                <th>{{ __('patients.log_weight_kg') }}</th>
                                <th>{{ __('patients.log_muscle_mass_kg') }}</th>
                                <th>{{ __('patients.log_fat_mass_kg') }}</th>
                                <th>{{ __('patients.log_waist_cm') }}</th>
                                <th>{{ __('patients.consultant') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($measurements->reverse() as $m)
                                <tr>
                                    <td><span class="numeric">{{ $m->measured_on->format('Y-m-d') }}</span></td>
                                    <td><span class="numeric">{{ $m->height_cm ?? '—' }}</span></td>
                                    <td><span class="numeric font-semibold">{{ $m->weight_kg ?? '—' }}</span></td>
                                    <td><span class="numeric">{{ $m->muscle_mass_kg ?? '—' }}</span></td>
                                    <td><span class="numeric">{{ $m->body_fat_percent ?? '—' }}</span></td>
                                    <td><span class="numeric">{{ $m->waist_cm ?? '—' }}</span></td>
                                    <td class="text-sm text-ink-500">{{ $m->recorder?->name ?? '—' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="py-8 text-center text-ink-400">
                                        {{ ($measurementFrom || $measurementTo) ? __('patients.no_measurements_in_range') : __('patients.no_measurements') }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                {{-- Trend charts --}}
                @if ($measurements->isNotEmpty())
                    <h3 class="mb-3 mt-8 text-base">{{ __('patients.trend_title') }}</h3>
                    <div class="grid gap-4 md:grid-cols-2">
                        @foreach ($trends as $trend)
                            <div class="rounded-2xl border border-ink-100 p-4">
                                <div class="mb-2 flex items-center justify-between gap-2">
                                    <p class="text-sm font-semibold text-ink-800">{{ $trend['label'] }}</p>
                                    @if ($trend['change'] === null)
                                        <span class="text-xs text-ink-400">{{ __('patients.trend_not_enough') }}</span>
                                    @else
                                        <span class="numeric text-xs font-bold {{ $trend['change'] > 0 ? 'text-amber-700' : ($trend['change'] < 0 ? 'text-emerald-700' : 'text-ink-500') }}" dir="ltr">
                                            {{ $trend['change'] > 0 ? '▲ +' : ($trend['change'] < 0 ? '▼ ' : '') }}{{ $trend['change'] }}
                                        </span>
                                    @endif
                                </div>
                                @if (count($trend['values']) > 0)
                                    <div class="relative h-44"><canvas id="trend-{{ $trend['key'] }}"></canvas></div>
                                @else
                                    <p class="py-10 text-center text-sm text-ink-400">—</p>
                                @endif
                            </div>
                        @endforeach
                    </div>
                @endif
            </section>

            {{-- Email log: every file/plan emailed to this reviewer and when --}}
            <section class="card-sc" id="email-log">
                <h2 class="mb-1 text-lg">{{ __('patients.email_log') }}</h2>
                <p class="mb-4 text-xs text-ink-400">{{ __('patients.email_log_hint') }}</p>

                <div class="overflow-x-auto">
                    <table class="table-sc">
                        <thead>
                            <tr>
                                <th>{{ __('patients.email_log_item') }}</th>
                                <th>{{ __('patients.email_log_type') }}</th>
                                <th>{{ __('patients.email_log_sent_to') }}</th>
                                <th>{{ __('patients.email_log_shared_on') }}</th>
                                <th>{{ __('patients.email_log_sent_by') }}</th>
                                <th>{{ __('patients.email_log_status') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($emailLogs as $log)
                                <tr>
                                    <td class="font-semibold text-ink-900">
                                        @if ($log->loggable instanceof \App\Models\Attachment && $log->loggable->consultant_id === auth()->id())
                                            <a href="{{ route('portal.attachments.preview', $log->loggable) }}" target="_blank" rel="noopener" class="no-underline hover:text-brand-600">{{ $log->itemLabel() }}</a>
                                        @elseif ($log->loggable instanceof \App\Models\MenuPlan)
                                            <a href="{{ route('portal.menus.show', $log->loggable) }}" class="no-underline hover:text-brand-600">{{ $log->itemLabel() }}</a>
                                        @else
                                            {{ $log->itemLabel() }}
                                        @endif
                                    </td>
                                    <td class="text-sm text-ink-500">{{ __('patients.email_log_types.' . $log->type) }}</td>
                                    <td class="text-sm text-ink-500" dir="ltr">{{ $log->recipient }}</td>
                                    <td><span class="numeric text-sm">{{ $log->formattedSentAt() }}</span></td>
                                    <td class="text-sm text-ink-500">{{ $log->user?->name ?? '—' }}</td>
                                    <td>
                                        <span class="badge-sc {{ $log->isFailed() ? 'bg-red-100 text-red-700' : 'bg-brand-100 text-brand-800' }}" @if ($log->isFailed() && $log->error) title="{{ $log->error }}" @endif>
                                            {{ __('patients.email_log_statuses.' . $log->status) }}
                                        </span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="py-8 text-center text-ink-400">{{ __('patients.email_log_empty') }}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </section>
        </div>

        {{-- Side column --}}
        <div class="space-y-5">
            <section class="card-sc">
                <h2 class="mb-4 text-lg">{{ __('patients.section_body') }}</h2>
                <dl class="space-y-3 text-sm">
                    @foreach ([
                        ['patients.height_cm', $reviewer->height_cm],
                        ['patients.weight_kg', $reviewer->weight_kg],
                        ['patients.target_weight_kg', $reviewer->target_weight_kg ?? '—'],
                        ['patients.body_fat_percent', $reviewer->body_fat_percent ?? '—'],
                        ['patients.waist_cm', $reviewer->waist_cm ?? '—'],
                        ['patients.hip_cm', $reviewer->hip_cm ?? '—'],
                    ] as [$label, $value])
                        <div class="flex items-center justify-between">
                            <dt class="text-ink-500">{{ __($label) }}</dt>
                            <dd class="numeric m-0 font-bold text-ink-900">{{ $value }}</dd>
                        </div>
                    @endforeach
                </dl>
            </section>

            <section class="card-sc">
                <h2 class="mb-4 text-lg">{{ __('patients.section_lifestyle') }}</h2>
                <dl class="space-y-3 text-sm">
                    <div>
                        <dt class="text-ink-500">{{ __('patients.activity_level') }}</dt>
                        <dd class="m-0 font-semibold text-ink-900">{{ __('patients.activity.' . $reviewer->activity_level) }}</dd>
                    </div>
                    <div>
                        <dt class="text-ink-500">{{ __('patients.goal') }}</dt>
                        <dd class="m-0 font-semibold text-ink-900">{{ __('patients.goals.' . $reviewer->goal) }}</dd>
                    </div>
                    <div>
                        <dt class="text-ink-500">{{ __('patients.consultant') }}</dt>
                        <dd class="m-0 font-semibold text-ink-900">{{ $reviewer->consultant?->name }}</dd>
                    </div>
                </dl>
            </section>

            <section class="card-sc">
                <h2 class="mb-4 text-lg">{{ __('patients.section_clinical') }}</h2>
                @foreach ([
                    ['patients.medical_conditions', $reviewer->medical_conditions],
                    ['patients.medications', $reviewer->medications],
                    ['patients.allergies', $reviewer->allergies],
                    ['patients.disliked_foods', $reviewer->disliked_foods],
                ] as [$label, $items])
                    <div class="mb-4">
                        <p class="mb-1.5 text-sm font-semibold text-ink-500">{{ __($label) }}</p>
                        @if (filled($items))
                            <div class="flex flex-wrap gap-1.5">
                                @foreach ($items as $item)
                                    <span class="badge-sc bg-ink-100 text-ink-700">{{ $item }}</span>
                                @endforeach
                            </div>
                        @else
                            <span class="text-sm text-ink-400">{{ __('common.none') }}</span>
                        @endif
                    </div>
                @endforeach

                @if ($reviewer->notes)
                    <div class="rounded-2xl bg-ink-50 p-4 text-sm leading-relaxed text-ink-600">{{ $reviewer->notes }}</div>
                @endif
            </section>
        </div>
    </div>
@endsection


@if ($measurements->isNotEmpty())
    @push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script>
    <script>
    document.addEventListener('DOMContentLoaded', function () {
        if (typeof Chart === 'undefined') return;
        @json($trends).forEach(function (t) {
            const el = document.getElementById('trend-' + t.key);
            if (!el || !t.values.length) return;
            new Chart(el, {
                type: 'line',
                data: {
                    labels: t.labels,
                    datasets: [{
                        label: t.label,
                        data: t.values,
                        borderColor: t.color,
                        backgroundColor: t.color + '22',
                        pointBackgroundColor: t.color,
                        borderWidth: 2,
                        pointRadius: 4,
                        tension: 0.3,
                        fill: true,
                    }],
                },
                options: {
                    maintainAspectRatio: false,
                    plugins: { legend: { display: false } },
                    scales: {
                        x: { ticks: { maxRotation: 0, autoSkip: true, maxTicksLimit: 5 } },
                        y: { grace: '10%' },
                    },
                },
            });
        });
    });
    </script>
    @endpush
@endif