@extends('layouts.portal')

@section('title', __('onsite.details') . ' — ' . config('app.name'))
@section('page_title', $consultation->patient_name ?? __('onsite.details'))
@section('page_subtitle', $consultation->dietType?->name)

@section('page_actions')
    <a href="{{ route('portal.onsite-consultations.pdf', $consultation) }}" target="_blank" class="btn-soft no-underline">
        <i class="ri-file-pdf-2-line"></i> {{ __('onsite.download_pdf') }}
    </a>
    <a href="{{ route('portal.onsite-consultations.index') }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('onsite.back') }}</a>
@endsection

@section('content')
    <div class="grid gap-5 md:grid-cols-2">
        <div class="card-sc">
            <h2 class="text-lg">{{ __('onsite.basic_info') }}</h2>
            <dl class="mt-4 grid grid-cols-2 gap-4">
                <div>
                    <dt class="field-label">{{ __('onsite.visitor_name') }}</dt>
                    <dd class="font-semibold text-ink-900">{{ $consultation->patient_name ?? '—' }}</dd>
                </div>
                <div>
                    <dt class="field-label">{{ __('onsite.id_iqama_number') }}</dt>
                    <dd class="font-semibold text-ink-900" dir="ltr">{{ $consultation->id_number ?? '—' }}</dd>
                </div>
                <div>
                    <dt class="field-label">{{ __('onsite.gender') }}</dt>
                    <dd class="font-semibold text-ink-900">{{ $consultation->gender_label }}</dd>
                </div>
                <div>
                    <dt class="field-label">{{ __('onsite.date_of_birth') }}</dt>
                    <dd class="font-semibold text-ink-900">{{ $consultation->date_of_birth->format('Y-m-d') }} ({{ $consultation->age }} {{ __('onsite.years') }})</dd>
                </div>
                <div>
                    <dt class="field-label">{{ __('onsite.weight_kg') }}</dt>
                    <dd class="font-semibold text-ink-900 numeric">{{ $consultation->weight }} {{ __('common.kg') }}</dd>
                </div>
                <div>
                    <dt class="field-label">{{ __('onsite.height_cm') }}</dt>
                    <dd class="font-semibold text-ink-900 numeric">{{ $consultation->height }} {{ __('common.cm') }}</dd>
                </div>
                <div class="col-span-2">
                    <dt class="field-label">{{ __('onsite.activity_level') }}</dt>
                    <dd class="font-semibold text-ink-900">{{ $consultation->activity_label }}</dd>
                </div>
            </dl>
        </div>

        <div class="card-sc">
            <h2 class="text-lg">{{ __('onsite.physical_activity') }} &amp; {{ __('onsite.ideal_body_weight') }}</h2>
            <dl class="mt-4 grid grid-cols-2 gap-4">
                <div>
                    <dt class="field-label">{{ __('onsite.bmr') }}</dt>
                    <dd class="font-semibold text-ink-900 numeric">{{ $consultation->bmr ? number_format($consultation->bmr, 0) . ' ' . __('common.kcal') . '/' . __('common.day') : '—' }}</dd>
                </div>
                <div>
                    <dt class="field-label">{{ __('onsite.tdee') }}</dt>
                    <dd class="font-semibold text-brand-700 numeric">{{ $consultation->tdee ? number_format($consultation->tdee, 0) . ' ' . __('common.kcal') . '/' . __('common.day') : '—' }}</dd>
                </div>
                <div>
                    <dt class="field-label">{{ __('onsite.ibw_devine') }}</dt>
                    <dd class="font-semibold text-ink-900 numeric">{{ $consultation->ibw_devine ? number_format($consultation->ibw_devine, 1) . ' ' . __('common.kg') : '—' }}</dd>
                </div>
                <div>
                    <dt class="field-label">{{ __('onsite.weight_deviation') }}</dt>
                    <dd class="font-semibold numeric {{ $consultation->weight_deviation > 0 ? 'text-red-600' : 'text-emerald-600' }}">
                        @if (! is_null($consultation->weight_deviation))
                            {{ $consultation->weight_deviation > 0 ? '+' : '' }}{{ number_format($consultation->weight_deviation, 1) }} {{ __('common.kg') }}
                        @else
                            —
                        @endif
                    </dd>
                </div>
            </dl>
        </div>

        @if ($consultation->carbs_g || $consultation->protein_g || $consultation->fat_g)
            <div class="card-sc md:col-span-2">
                <h2 class="text-lg">{{ __('onsite.macro_configuration') }}</h2>
                <div class="mt-4 grid grid-cols-3 gap-4 text-center">
                    <div class="rounded-2xl bg-ink-50 p-4">
                        <p class="field-label">{{ __('onsite.macro_carbs') }}</p>
                        <p class="numeric text-xl font-bold text-ink-900">{{ number_format($consultation->carbs_g ?? 0, 1) }} {{ __('common.grams') }}</p>
                    </div>
                    <div class="rounded-2xl bg-ink-50 p-4">
                        <p class="field-label">{{ __('onsite.macro_protein') }}</p>
                        <p class="numeric text-xl font-bold text-ink-900">{{ number_format($consultation->protein_g ?? 0, 1) }} {{ __('common.grams') }}</p>
                    </div>
                    <div class="rounded-2xl bg-ink-50 p-4">
                        <p class="field-label">{{ __('onsite.macro_fat') }}</p>
                        <p class="numeric text-xl font-bold text-ink-900">{{ number_format($consultation->fat_g ?? 0, 1) }} {{ __('common.grams') }}</p>
                    </div>
                </div>
            </div>
        @endif

        @if ($consultation->notes)
            <div class="card-sc md:col-span-2">
                <h2 class="text-lg">{{ __('onsite.notes') }}</h2>
                <p class="mt-2 text-ink-700">{{ $consultation->notes }}</p>
            </div>
        @endif

        <div class="card-sc md:col-span-2">
            <h2 class="text-lg">{{ __('onsite.share_email') }}</h2>
            <form method="POST" action="{{ route('portal.onsite-consultations.share-email', $consultation) }}" class="mt-4 flex flex-wrap items-end gap-3">
                @csrf
                <div class="min-w-[240px] flex-1">
                    <label for="email" class="field-label">{{ __('profile.email') }}</label>
                    <input id="email" name="email" type="email" required placeholder="{{ __('onsite.share_email_placeholder') }}" class="field-input @error('email') is-invalid @enderror">
                    @error('email')<p class="field-error">{{ $message }}</p>@enderror
                </div>
                <button type="submit" class="btn-brand">{{ __('onsite.share_email_send') }}</button>
            </form>
        </div>
    </div>
@endsection