@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>
    </div>

    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
        <form method="POST" action="{{ route('admin.purchases.store') }}" class="space-y-6">
            @csrf

            <div class="grid grid-cols-2 gap-6">
                <div>
                    <label for="user_id" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">کاربر</label>
                    <select id="user_id" name="user_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" required>
                        <option value="">انتخاب کاربر</option>
                        @foreach($users as $user)
                            <option value="{{ $user->id }}">{{ $user->name }} - {{ $user->email }}</option>
                        @endforeach
                    </select>
                    @error('user_id') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>

                <div>
                    <label for="plan_id" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">پلن</label>
                    <select id="plan_id" name="plan_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" required>
                        <option value="">انتخاب پلن</option>
                        @foreach($plans as $plan)
                            <option value="{{ $plan->id }}">{{ $plan->title }} - {{ $plan->price }} تومان</option>
                        @endforeach
                    </select>
                    @error('plan_id') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>
            </div>

            <div>
                <label for="purchase_source" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">منبع خرید</label>
                <select id="purchase_source" name="purchase_source" 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>
                    <option value="gateway">درگاه پرداخت</option>
                    <option value="market">مارکت</option>
                    <option value="manual">دستی</option>
                </select>
                @error('purchase_source') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
            </div>

            <div>
                <label for="transaction_id" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">شناسه تراکنش</label>
                <input type="text" id="transaction_id" name="transaction_id" placeholder="اختیاری" class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white">
            </div>

            <div class="grid grid-cols-2 gap-6">
                <div>
                    <label for="start_date" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">تاریخ شروع</label>
                    <input type="date" id="start_date" name="start_date" 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('start_date') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>

                <div>
                    <label for="start_time" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">ساعت شروع</label>
                    <input type="time" id="start_time" name="start_time" 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('start_time') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>
            </div>

            <div class="grid grid-cols-2 gap-6">
                <div>
                    <label for="expire_date" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">تاریخ انقضا</label>
                    <input type="date" id="expire_date" name="expire_date" 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('expire_date') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>

                <div>
                    <label for="expire_time" class="block text-sm font-semibold text-gray-900 dark:text-white mb-2">ساعت انقضا</label>
                    <input type="time" id="expire_time" name="expire_time" 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('expire_time') <span class="text-red-600 text-sm">{{ $message }}</span> @enderror
                </div>
            </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">
                    ثبت اشتراک
                </button>
                <a href="{{ route('admin.purchases.index') }}" class="bg-gray-400 hover:bg-gray-500 text-white px-6 py-2 rounded-lg">
                    انصراف
                </a>
            </div>
        </form>
    </div>
</div>
@endsection