@extends('athlete.layouts.app')

@section('title', 'تکمیل پروفایل')

@section('content')
    <h1 class="text-xl font-bold mb-6">تکمیل پروفایل</h1>

    <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
        <h2 class="font-semibold mb-3">عکس پروفایل</h2>
        <div class="flex items-center gap-4">
            @if($athlete->photo_path)
                <img src="{{ Storage::disk('public')->url($athlete->photo_path) }}" class="w-20 h-20 rounded-full object-cover">
            @else
                <div class="w-20 h-20 rounded-full bg-gray-200 flex items-center justify-center text-gray-400">؟</div>
            @endif
            <form method="POST" action="{{ route('athlete.profile.photo') }}" enctype="multipart/form-data" class="flex items-center gap-2">
                @csrf
                <input type="file" name="photo" accept="image/*" required class="text-sm">
                <button class="bg-gray-900 text-white text-sm px-4 py-2 rounded-lg">آپلود</button>
            </form>
        </div>
    </div>

    <form method="POST" action="{{ route('athlete.profile.update') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-4">
        @csrf
        @method('PUT')

        <div>
            <label class="block text-sm mb-1">کد ملی</label>
            <input type="text" name="national_code" value="{{ old('national_code', $athlete->national_code) }}"
                   class="w-full border rounded-lg px-3 py-2" dir="ltr" maxlength="10">
            @error('national_code') <p class="text-red-600 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="block text-sm mb-1">قد (سانتی‌متر) *</label>
                <input type="number" name="height_cm" value="{{ old('height_cm', $athlete->height_cm) }}"
                       class="w-full border rounded-lg px-3 py-2" required>
                @error('height_cm') <p class="text-red-600 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="block text-sm mb-1">وزن (کیلوگرم) *</label>
                <input type="number" step="0.1" name="weight_kg" value="{{ old('weight_kg', $athlete->weight_kg) }}"
                       class="w-full border rounded-lg px-3 py-2" required>
                @error('weight_kg') <p class="text-red-600 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
        </div>

        <button class="bg-gray-900 text-white px-5 py-2 rounded-lg text-sm">
            {{ $athlete->hasCompletedInitialAssessment() ? 'ذخیره تغییرات' : 'ذخیره و ادامه به فرم ارزیابی' }}
        </button>
    </form>
@endsection