@extends('athlete.layouts.app')

@section('title', 'جزئیات ارزیابی')

@section('content')
    <a href="{{ route('athlete.assessments.index') }}" class="text-sm text-blue-600 hover:underline mb-4 inline-block">← بازگشت به لیست ارزیابی‌ها</a>

    <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
        <h1 class="text-lg font-bold mb-1">
            {{ $assessment->is_initial ? 'ارزیابی اولیه' : 'ارزیابی' }}
            — {{ verta($assessment->assessment_date)->format('Y/m/d') }}
        </h1>

        <div class="grid grid-cols-2 md:grid-cols-4 gap-3 mt-4">
            <div class="bg-gray-50 rounded-lg p-3 text-center">
                <div class="font-bold">{{ $assessment->weight_kg }}</div>
                <div class="text-xs text-gray-400">وزن (kg)</div>
            </div>
            <div class="bg-gray-50 rounded-lg p-3 text-center">
                <div class="font-bold">{{ $assessment->bmi }}</div>
                <div class="text-xs text-gray-400">BMI</div>
            </div>
            <div class="bg-gray-50 rounded-lg p-3 text-center">
                <div class="font-bold">{{ $assessment->body_fat_percentage ?? '—' }}</div>
                <div class="text-xs text-gray-400">درصد چربی</div>
            </div>
            <div class="bg-gray-50 rounded-lg p-3 text-center">
                <div class="font-bold">{{ $assessment->goal?->title ?? '—' }}</div>
                <div class="text-xs text-gray-400">هدف</div>
            </div>
        </div>

        @if(is_null($assessment->body_fat_percentage))
            <p class="text-xs text-gray-400 mt-3">درصد چربی بدن پس از شروع همکاری با مربی توسط او ثبت می‌شود.</p>
        @endif
    </div>

    @if($assessment->measurements)
        <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
            <h2 class="font-semibold mb-3">اندازه‌گیری‌ها</h2>
            <div class="grid grid-cols-2 md:grid-cols-4 gap-3 text-sm">
                <div>دور کمر: {{ $assessment->measurements->waist_cm ?? '—' }}</div>
                <div>دور بازو: {{ $assessment->measurements->arm_cm ?? '—' }}</div>
                <div>دور ران: {{ $assessment->measurements->thigh_cm ?? '—' }}</div>
                <div>دور سینه: {{ $assessment->measurements->chest_cm ?? '—' }}</div>
            </div>
        </div>
    @endif

    <div class="bg-white rounded-xl shadow-sm p-6">
        <h2 class="font-semibold mb-3">تصاویر ارزیابی بدن</h2>

        <form method="POST" action="{{ route('athlete.assessments.photos.store', $assessment) }}" enctype="multipart/form-data" class="flex flex-wrap items-center gap-2 mb-4">
            @csrf
            <select name="angle" class="border rounded-lg px-3 py-2 text-sm" required>
                <option value="front_full">تمام قد از روبرو</option>
                <option value="back_full">تمام قد از پشت</option>
                <option value="side_full">تمام قد از پهلو</option>
                <option value="front_flex_upper">بالاتنه فیگور از روبرو</option>
                <option value="back_flex_upper">بالاتنه فیگور از پشت</option>
            </select>
            <input type="file" name="photo" accept="image/jpeg,image/png" required class="text-sm">
            <button class="bg-gray-900 text-white text-sm px-4 py-2 rounded-lg">آپلود تصویر</button>
        </form>
        @error('photo') <p class="text-red-600 text-xs mb-3">{{ $message }}</p> @enderror

        <div class="grid grid-cols-2 md:grid-cols-3 gap-3">
            @forelse($assessment->photos as $photo)
                <a href="{{ route('photos.show', $photo) }}" target="_blank" class="block border rounded-lg p-2 text-center text-xs hover:shadow-md">
                    <div class="bg-gray-100 rounded h-24 flex items-center justify-center mb-1">📷</div>
                    {{ $photo->angle->label() }}
                </a>
            @empty
                <p class="text-gray-400 text-sm col-span-full">هنوز تصویری آپلود نشده است.</p>
            @endforelse
        </div>

        <p class="text-xs text-gray-400 mt-3">
            طبق سیاست حفظ حریم خصوصی، تصاویر ثبت‌شده هرگز حذف نمی‌شوند تا بتوانید روند پیشرفت خود را در آینده مقایسه کنید.
        </p>
    </div>
@endsection