@extends('admin.layouts.app')

@section('title', $goal->exists ? 'ویرایش هدف' : 'هدف جدید')

@section('content')
    <h1 class="text-xl font-bold mb-6">{{ $goal->exists ? 'ویرایش هدف ورزشی' : 'هدف ورزشی جدید' }}</h1>

    <form method="POST"
          action="{{ $goal->exists ? route('admin.goals.update', $goal) : route('admin.goals.store') }}"
          class="bg-white rounded-xl shadow-sm p-6 max-w-xl space-y-4">
        @csrf
        @if($goal->exists) @method('PUT') @endif

        <div>
            <label class="block text-sm mb-1">عنوان *</label>
            <input type="text" name="title" value="{{ old('title', $goal->title) }}"
                   class="w-full border rounded-lg px-3 py-2" required>
            @error('title') <p class="text-red-600 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div>
            <label class="block text-sm mb-1">نامک (Slug) — اختیاری، خودکار ساخته می‌شود</label>
            <input type="text" name="slug" value="{{ old('slug', $goal->slug) }}"
                   class="w-full border rounded-lg px-3 py-2" dir="ltr">
            @error('slug') <p class="text-red-600 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div>
            <label class="block text-sm mb-1">توضیح کوتاه (هنگام انتخاب به ورزشکار نمایش داده می‌شود)</label>
            <textarea name="short_description" rows="3"
                      class="w-full border rounded-lg px-3 py-2">{{ old('short_description', $goal->short_description) }}</textarea>
            @error('short_description') <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" name="sort_order" value="{{ old('sort_order', $goal->sort_order ?? 0) }}"
                   class="w-32 border rounded-lg px-3 py-2">
        </div>

        <label class="flex items-center gap-2 text-sm">
            <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $goal->is_active ?? true))>
            فعال (در لیست انتخاب ورزشکار نمایش داده شود)
        </label>

        <div class="flex gap-3 pt-2">
            <button class="bg-gray-900 text-white px-5 py-2 rounded-lg text-sm">ذخیره</button>
            <a href="{{ route('admin.goals.index') }}" class="px-5 py-2 rounded-lg text-sm border">انصراف</a>
        </div>
    </form>
@endsection