@extends('athlete.layouts.app')

@section('title', $isInitial ? 'فرم ارزیابی اولیه' : 'ثبت ارزیابی جدید')

@section('content')
    <h1 class="text-xl font-bold mb-2">{{ $isInitial ? 'فرم ارزیابی اولیه' : 'ثبت ارزیابی جدید (روند پیشرفت)' }}</h1>
    <p class="text-sm text-gray-500 mb-6">
        @if($isInitial)
            این اطلاعات فقط برای شما، مربیانی که بعداً با آن‌ها ارتباط می‌گیرید، و مدیریت سیستم قابل مشاهده است.
        @else
            این ارزیابی جدید به تاریخچه‌ی روند پیشرفت شما اضافه می‌شود و در نمودارها و مقایسه‌ی تصاویر «پیشرفت من» نمایش داده خواهد شد.
        @endif
    </p>

    <form method="POST" action="{{ route('athlete.assessments.store') }}" class="space-y-6">
        @csrf

        {{-- بخش ۱: اطلاعات بدنی --}}
        <fieldset class="bg-white rounded-xl shadow-sm p-6">
            <legend class="font-semibold px-1">اطلاعات بدنی</legend>
            <div class="grid grid-cols-2 gap-4 mt-3">
                <div>
                    <label class="block text-sm mb-1">قد (سانتی‌متر) *</label>
                    <input type="number" name="height_cm" value="{{ old('height_cm') }}" class="w-full border rounded-lg px-3 py-2" required>
                </div>
                <div>
                    <label class="block text-sm mb-1">وزن (کیلوگرم) *</label>
                    <input type="number" step="0.1" name="weight_kg" value="{{ old('weight_kg') }}" class="w-full border rounded-lg px-3 py-2" required>
                </div>
            </div>
            <p class="text-xs text-gray-400 mt-2">BMI به‌صورت خودکار بعد از ثبت محاسبه می‌شود.</p>

            <div class="mt-4">
                <label class="block text-sm mb-1">هدف ورزشی</label>
                <select name="goal_id" class="w-full border rounded-lg px-3 py-2">
                    <option value="">انتخاب کنید...</option>
                    @foreach($goals as $goal)
                        <option value="{{ $goal->id }}" @selected(old('goal_id') == $goal->id)>{{ $goal->title }}</option>
                    @endforeach
                </select>
            </div>

            <div class="mt-4">
                <label class="block text-sm mb-1">سطح ورزشکار</label>
                <select name="athlete_level" class="w-full border rounded-lg px-3 py-2">
                    <option value="">انتخاب کنید...</option>
                    <option value="beginner" @selected(old('athlete_level') === 'beginner')>مبتدی</option>
                    <option value="intermediate" @selected(old('athlete_level') === 'intermediate')>متوسط</option>
                    <option value="advanced" @selected(old('athlete_level') === 'advanced')>پیشرفته</option>
                </select>
            </div>

            <div class="mt-4">
                <label class="block text-sm mb-1">سابقه تمرینی{{ $isInitial ? '' : ' / تغییرات اخیر' }}</label>
                <textarea name="training_history" rows="3" class="w-full border rounded-lg px-3 py-2">{{ old('training_history') }}</textarea>
            </div>
        </fieldset>

        {{-- بخش ۲: اندازه‌گیری‌های بدن --}}
        <fieldset class="bg-white rounded-xl shadow-sm p-6">
            <legend class="font-semibold px-1">اندازه‌گیری‌های بدن (اختیاری)</legend>
            <div class="grid grid-cols-2 gap-4 mt-3">
                <div>
                    <label class="block text-sm mb-1">دور کمر (سانتی‌متر)</label>
                    <input type="number" step="0.1" name="waist_cm" value="{{ old('waist_cm') }}" class="w-full border rounded-lg px-3 py-2">
                </div>
                <div>
                    <label class="block text-sm mb-1">دور بازو (سانتی‌متر)</label>
                    <input type="number" step="0.1" name="arm_cm" value="{{ old('arm_cm') }}" class="w-full border rounded-lg px-3 py-2">
                </div>
                <div>
                    <label class="block text-sm mb-1">دور ران (سانتی‌متر)</label>
                    <input type="number" step="0.1" name="thigh_cm" value="{{ old('thigh_cm') }}" class="w-full border rounded-lg px-3 py-2">
                </div>
                <div>
                    <label class="block text-sm mb-1">دور قفسه سینه (سانتی‌متر)</label>
                    <input type="number" step="0.1" name="chest_cm" value="{{ old('chest_cm') }}" class="w-full border rounded-lg px-3 py-2">
                </div>
            </div>
        </fieldset>

        {{-- بخش ۳: سبک زندگی --}}
        <fieldset class="bg-white rounded-xl shadow-sm p-6">
            <legend class="font-semibold px-1">سبک زندگی</legend>
            <div class="grid grid-cols-2 gap-4 mt-3">
                <div>
                    <label class="block text-sm mb-1">شغل</label>
                    <input type="text" name="occupation" value="{{ old('occupation') }}" class="w-full border rounded-lg px-3 py-2">
                </div>
                <div>
                    <label class="block text-sm mb-1">نوع شغل</label>
                    <select name="job_type" class="w-full border rounded-lg px-3 py-2">
                        <option value="">—</option>
                        <option value="physical" @selected(old('job_type') === 'physical')>یدی</option>
                        <option value="mental" @selected(old('job_type') === 'mental')>فکری</option>
                        <option value="mixed" @selected(old('job_type') === 'mixed')>ترکیبی</option>
                    </select>
                </div>
                <div>
                    <label class="block text-sm mb-1">میانگین خواب (ساعت)</label>
                    <input type="number" step="0.5" name="avg_sleep_hours" value="{{ old('avg_sleep_hours') }}" class="w-full border rounded-lg px-3 py-2">
                </div>
                <div>
                    <label class="block text-sm mb-1">سطح استرس</label>
                    <select name="stress_level" class="w-full border rounded-lg px-3 py-2">
                        <option value="">—</option>
                        <option value="low" @selected(old('stress_level') === 'low')>کم</option>
                        <option value="medium" @selected(old('stress_level') === 'medium')>متوسط</option>
                        <option value="high" @selected(old('stress_level') === 'high')>زیاد</option>
                    </select>
                </div>
            </div>

            <div class="flex flex-wrap gap-4 mt-4 text-sm">
                <label class="flex items-center gap-1"><input type="checkbox" name="smokes" value="1" @checked(old('smokes'))> مصرف سیگار</label>
                <label class="flex items-center gap-1"><input type="checkbox" name="drinks_alcohol" value="1" @checked(old('drinks_alcohol'))> مصرف الکل</label>
                <label class="flex items-center gap-1"><input type="checkbox" name="can_eat_regularly" value="1" @checked(old('can_eat_regularly'))> توانایی تغذیه منظم</label>
                <label class="flex items-center gap-1"><input type="checkbox" name="can_eat_healthy" value="1" @checked(old('can_eat_healthy'))> توانایی تغذیه سالم</label>
            </div>

            <div class="mt-4">
                <label class="block text-sm mb-1">توضیحات تکمیلی</label>
                <textarea name="lifestyle_notes" rows="2" class="w-full border rounded-lg px-3 py-2">{{ old('lifestyle_notes') }}</textarea>
            </div>
        </fieldset>

        {{-- بخش ۴: مشکلات جسمی و پزشکی --}}
        <fieldset class="bg-white rounded-xl shadow-sm p-6">
            <legend class="font-semibold px-1">مشکلات جسمی و پزشکی{{ $isInitial ? '' : ' (در صورت تغییر)' }}</legend>
            <p class="text-xs text-amber-600 bg-amber-50 rounded-lg px-3 py-2 mt-2 mb-3">
                🔒 این اطلاعات کاملاً خصوصی است و فقط شما، مربیانی که با آن‌ها ارتباط دارید، و مدیریت سیستم می‌توانند آن را ببینند.
            </p>
            <div class="space-y-3">
                <div>
                    <label class="block text-sm mb-1">مشکلات جسمی</label>
                    <textarea name="physical_problems" rows="2" class="w-full border rounded-lg px-3 py-2">{{ old('physical_problems') }}</textarea>
                </div>
                <div>
                    <label class="block text-sm mb-1">ناهنجاری‌های حرکتی</label>
                    <textarea name="movement_disorders" rows="2" class="w-full border rounded-lg px-3 py-2">{{ old('movement_disorders') }}</textarea>
                </div>
                <div>
                    <label class="block text-sm mb-1">مشکلات اسکلتی</label>
                    <textarea name="skeletal_problems" rows="2" class="w-full border rounded-lg px-3 py-2">{{ old('skeletal_problems') }}</textarea>
                </div>
                <div>
                    <label class="block text-sm mb-1">داروهای مصرفی</label>
                    <textarea name="current_medications" rows="2" class="w-full border rounded-lg px-3 py-2">{{ old('current_medications') }}</textarea>
                </div>
                <div>
                    <label class="block text-sm mb-1">آزمایشات تخصصی</label>
                    <textarea name="lab_tests" rows="2" class="w-full border rounded-lg px-3 py-2">{{ old('lab_tests') }}</textarea>
                </div>
                <div>
                    <label class="block text-sm mb-1">سایر توضیحات پزشکی</label>
                    <textarea name="medical_notes" rows="2" class="w-full border rounded-lg px-3 py-2">{{ old('medical_notes') }}</textarea>
                </div>
            </div>
        </fieldset>

        <button class="w-full bg-gray-900 text-white px-5 py-3 rounded-lg text-sm font-medium">
            {{ $isInitial ? 'ثبت ارزیابی اولیه' : 'ثبت ارزیابی جدید' }}
        </button>
    </form>

    <script>
        const goals = @json($goals->keyBy('id')->map->short_description);
        document.querySelector('select[name="goal_id"]')?.addEventListener('change', function () {});
    </script>
@endsection