@extends('layouts.admin')
@section('title', 'Create Plan')
@section('page-title', 'Create Plan')
@section('content')
<div class="max-w-xl">
    <a href="{{ route('admin.plans.index') }}" class="text-indigo-600 hover:underline text-sm mb-5 inline-block"><i class="fas fa-arrow-left mr-1"></i>Back</a>
    <div class="bg-white rounded-xl shadow p-6">
        <form action="{{ route('admin.plans.store') }}" method="POST" class="space-y-4">
            @csrf
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Plan Name *</label>
                <input type="text" name="name" value="{{ old('name') }}" required placeholder="e.g. Basic, Pro, VIP" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">
            </div>
            <div class="grid grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Price ($) *</label>
                    <input type="number" name="price" step="0.01" min="0" value="{{ old('price') }}" required class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Duration (days) *</label>
                    <input type="number" name="duration_days" min="1" value="{{ old('duration_days', 30) }}" required class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">
                </div>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Daily Survey Limit *</label>
                <input type="number" name="daily_survey_limit" min="1" value="{{ old('daily_survey_limit') }}" required class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Description</label>
                <textarea name="description" rows="2" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">{{ old('description') }}</textarea>
            </div>
            <label class="flex items-center gap-2 cursor-pointer">
                <input type="checkbox" name="is_active" value="1" checked class="w-4 h-4 text-indigo-600">
                <span class="text-sm text-gray-700">Active (visible to users)</span>
            </label>
            <button type="submit" class="bg-indigo-600 text-white px-6 py-2.5 rounded-lg font-semibold hover:bg-indigo-700 transition">Create Plan</button>
        </form>
    </div>
</div>
@endsection