@extends('layouts.admin')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="flex justify-between items-center mb-8">
        <h1 class="text-3xl font-bold text-gray-900 dark:text-white">ویرایش پلن اشتراک</h1>
        <a href="{{ route('subscription-plans.index') }}" class="bg-gray-400 hover:bg-gray-500 text-white px-6 py-2 rounded-lg">
            <i class="fas fa-arrow-right ml-2"></i>بازگشت
        </a>
    </div>

    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
        <form action="{{ route('subscription-plans.update', $subscriptionPlan) }}" method="POST" class="space-y-6">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-2 gap-6">
                <div>
                    <label for="title" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">عنوان پلن</label>
                    <input type="text" id="title" name="title" value="{{ old('title', $subscriptionPlan->title) }}" class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white" required>
                    @error('title') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>

                <div>
                    <label for="price" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">قیمت (تومان)</label>
                    <input type="number" id="price" name="price" value="{{ old('price', $subscriptionPlan->price) }}" class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white" step="1" min="0" required>
                    @error('price') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>

                <div>
                    <label for="duration_days" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">مدت (روز)</label>
                    <input type="number" id="duration_days" name="duration_days" value="{{ old('duration_days', $subscriptionPlan->duration_days) }}" class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white" required>
                    @error('duration_days') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>

                <div>
                    <label for="market_id" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">شناسه کافه بازار/مایکت</label>
                    <input type="text" id="market_id" name="market_id" value="{{ old('market_id', $subscriptionPlan->market_id) }}" class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white" placeholder="مثال: com.app.subscription.basic">
                    @error('market_id') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>
            </div>

            <div>
                <label for="description" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">توضیحات</label>
                <textarea id="description" name="description" rows="3" class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white">{{ old('description', $subscriptionPlan->description) }}</textarea>
                @error('description') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
            </div>

            <div>
                <label for="features" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">ویژگی‌ها (هر خط یک ویژگی)</label>
                <textarea id="features" name="features" rows="4" class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white">{{ old('features', is_array($subscriptionPlan->features) ? implode("\n", $subscriptionPlan->features) : '') }}</textarea>
                @error('features') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
            </div>

            <div>
                <label class="block text-sm font-semibold text-gray-900 dark:text-white mb-4">دسته‌بندی‌های شامل شده</label>
                <div class="grid grid-cols-2 gap-6">
                    <div>
                        <h3 class="font-bold text-gray-900 dark:text-white mb-3">فلش‌کارت‌ها</h3>
                        <div class="space-y-2 border border-gray-300 dark:border-gray-600 rounded-lg p-4 max-h-64 overflow-y-auto">
                            @foreach($flashcardCategories as $cat)
                                <label class="flex items-center">
                                    <input type="checkbox" name="categories[]" value="{{ $cat->id }}" {{ in_array($cat->id, $selectedCategories) ? 'checked' : '' }} class="mr-2">
                                    <span class="text-gray-900 dark:text-white">{{ $cat->title }}</span>
                                </label>
                            @endforeach
                        </div>
                    </div>

                    <div>
                        <h3 class="font-bold text-gray-900 dark:text-white mb-3">کتاب‌ها</h3>
                        <div class="space-y-2 border border-gray-300 dark:border-gray-600 rounded-lg p-4 max-h-64 overflow-y-auto">
                            @foreach($bookCategories as $cat)
                                <label class="flex items-center">
                                    <input type="checkbox" name="categories[]" value="{{ $cat->id }}" {{ in_array($cat->id, $selectedCategories) ? 'checked' : '' }} class="mr-2">
                                    <span class="text-gray-900 dark:text-white">{{ $cat->title }}</span>
                                </label>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            <div>
                <label class="flex items-center">
                    <input type="checkbox" id="is_active" name="is_active" value="1" {{ old('is_active', $subscriptionPlan->is_active) ? 'checked' : '' }} class="mr-2">
                    <span class="text-sm font-semibold text-gray-900 dark:text-white">فعال</span>
                </label>
            </div>

            <div class="flex gap-4">
                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg">
                    <i class="fas fa-save ml-2"></i>ذخیره تغییرات
                </button>
                <a href="{{ route('subscription-plans.index') }}" class="bg-gray-400 hover:bg-gray-500 text-white px-6 py-2 rounded-lg">
                    انصراف
                </a>
            </div>
        </form>
    </div>
</div>
@endsection
                            <span class="text-red-500 text-sm">{{ $message }}</span>
                        @enderror
                    </div>

                    <div>
                        <label for="duration_days" class="block text-gray-700 text-sm font-bold mb-2">مدت (روز)</label>
                        <input type="number" id="duration_days" name="duration_days" value="{{ old('duration_days', $subscriptionPlan->duration_days) }}" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500" required>
                        @error('duration_days')
                            <span class="text-red-500 text-sm">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="mb-4">
                    <label for="description" class="block text-gray-700 text-sm font-bold mb-2">توضیحات</label>
                    <textarea id="description" name="description" rows="3" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500">{{ old('description', $subscriptionPlan->description) }}</textarea>
                    @error('description')
                        <span class="text-red-500 text-sm">{{ $message }}</span>
                    @enderror
                </div>

                <div class="mb-4">
                    <label for="features" class="block text-gray-700 text-sm font-bold mb-2">ویژگی‌ها (هر یک در سطر جدید)</label>
                    <textarea id="features" name="features" rows="5" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500">{{ old('features', is_array($subscriptionPlan->features) ? implode("\n", $subscriptionPlan->features) : $subscriptionPlan->features) }}</textarea>
                    @error('features')
                        <span class="text-red-500 text-sm">{{ $message }}</span>
                    @enderror
                </div>

                <div class="mb-6">
                    <label class="flex items-center">
                        <input type="checkbox" name="is_active" value="1" {{ $subscriptionPlan->is_active ? 'checked' : '' }} class="rounded border-gray-300 text-indigo-600">
                        <span class="ml-3 text-gray-700">فعال</span>
                    </label>
                </div>

                <div class="flex justify-end gap-4">
                    <a href="{{ route('subscription-plans.index') }}" class="px-6 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50">لغو</a>
                    <button type="submit" class="px-6 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700">بروزرسانی پلن</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection