@extends('master-admin')

@section('content')
<section class="py-8">
    <div class="max-w-2xl mx-auto px-4">
        <div class="bg-white rounded-xl shadow p-6">
            <h1 class="text-2xl font-bold text-[#3a3058] mb-6">{{ isset($plan) ? 'Edit Plan' : 'Add New Plan' }}</h1>
            <form action="{{ isset($plan) ? route('admin.plans.update', $plan->id) : route('admin.plans.store') }}" method="POST" class="space-y-6">
                @csrf
                @if(isset($plan))
                    @method('PUT')
                @endif
                <div>
                    <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Plan Name</label>
                    <input type="text" id="name" name="name" value="{{ old('name', $plan->name ?? '') }}" class="form-input w-full border border-gray-400 bg-white text-gray-900 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400" required placeholder="Plan name" autocomplete="off">
                </div>
                <div>
                    <label for="slug" class="block text-sm font-medium text-gray-700 mb-1">Slug</label>
                    <input type="text" id="slug" name="slug" value="{{ old('slug', $plan->slug ?? '') }}" class="form-input w-full border border-gray-400 bg-white text-gray-900 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400" required placeholder="Unique slug" autocomplete="off">
                </div>
                <div>
                    <label for="price" class="block text-sm font-medium text-gray-700 mb-1">Price</label>
                    <input type="number" id="price" name="price" value="{{ old('price', $plan->price ?? '') }}" class="form-input w-full border border-gray-400 bg-white text-gray-900 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400" required placeholder="Plan price" autocomplete="off">
                </div>
                <div>
                    <label for="max_short_urls" class="block text-sm font-medium text-gray-700 mb-1">Max Short URLs</label>
                    <input type="number" id="max_short_urls" name="max_short_urls" value="{{ old('max_short_urls', $plan->max_short_urls ?? '') }}" class="form-input w-full border border-gray-400 bg-white text-gray-900 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400" placeholder="Leave blank for unlimited" autocomplete="off">
                </div>
                <div>
                    <label for="description" class="block text-sm font-medium text-gray-700 mb-1">Description</label>
                    <textarea id="description" name="description" class="form-input w-full border border-gray-400 bg-white text-gray-900 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400" placeholder="Plan description" autocomplete="off">{{ old('description', $plan->description ?? '') }}</textarea>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Can Track URLs</label>
                    <div class="flex items-center gap-6">
                        <label class="inline-flex items-center">
                            <input type="radio" name="can_track_urls" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('can_track_urls', $plan->can_track_urls ?? '') == 1 ? 'checked' : '' }}>
                            <span class="ml-2 text-gray-700">Yes</span>
                        </label>
                        <label class="inline-flex items-center">
                            <input type="radio" name="can_track_urls" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('can_track_urls', $plan->can_track_urls ?? '') == 0 ? 'checked' : '' }}>
                            <span class="ml-2 text-gray-700">No</span>
                        </label>
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Allow Custom Prefix/Headers</label>
                    <div class="flex items-center gap-6">
                        <label class="inline-flex items-center">
                            <input type="radio" name="allow_custom_headers" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('allow_custom_headers', $plan->allow_custom_headers ?? '') == 1 ? 'checked' : '' }}>
                            <span class="ml-2 text-gray-700">Yes</span>
                        </label>
                        <label class="inline-flex items-center">
                            <input type="radio" name="allow_custom_headers" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('allow_custom_headers', $plan->allow_custom_headers ?? '') == 0 ? 'checked' : '' }}>
                            <span class="ml-2 text-gray-700">No</span>
                        </label>
                    </div>
                </div>
                <div>
                    <label for="expiry_days" class="block text-sm font-medium text-gray-700 mb-1">Expiry Days</label>
                    <input type="number" id="expiry_days" name="expiry_days" value="{{ old('expiry_days', $plan->expiry_days ?? '') }}" class="form-input w-full border border-gray-400 bg-white text-gray-900 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400" placeholder="Leave blank for no expiry" autocomplete="off">
                </div>
                <div>
                    <label for="sort_order" class="block text-sm font-medium text-gray-700 mb-1">Sort Order</label>
                    <input type="number" id="sort_order" name="sort_order" value="{{ old('sort_order', $plan->sort_order ?? '') }}" class="form-input w-full border border-gray-400 bg-white text-gray-900 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400" required placeholder="Display order" autocomplete="off">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Is Active</label>
                    <div class="flex items-center gap-6">
                        <label class="inline-flex items-center">
                            <input type="radio" name="is_active" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('is_active', $plan->is_active ?? 1) ? 'checked' : '' }}>
                            <span class="ml-2 text-gray-700">Active</span>
                        </label>
                        <label class="inline-flex items-center">
                            <input type="radio" name="is_active" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('is_active', $plan->is_active ?? 1) ? '' : 'checked' }}>
                            <span class="ml-2 text-gray-700">Inactive</span>
                        </label>
                    </div>
                </div>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Unlimited short URLs/month</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="unlimited_short_urls_per_month" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('unlimited_short_urls_per_month', $plan->unlimited_short_urls_per_month ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="unlimited_short_urls_per_month" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('unlimited_short_urls_per_month', $plan->unlimited_short_urls_per_month ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Max Short URLs</label>
                        <input type="number" id="max_short_urls" name="max_short_urls" value="{{ old('max_short_urls', $plan->max_short_urls ?? '') }}" class="form-input w-full border border-gray-400 bg-white text-gray-900 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400" placeholder="Leave blank for unlimited" autocomplete="off">
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Geo-targeted redirection</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="geo_targeted_redirection" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('geo_targeted_redirection', $plan->geo_targeted_redirection ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="geo_targeted_redirection" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('geo_targeted_redirection', $plan->geo_targeted_redirection ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Device-based redirection</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="device_based_redirection" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('device_based_redirection', $plan->device_based_redirection ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="device_based_redirection" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('device_based_redirection', $plan->device_based_redirection ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Role-based team management</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="role_based_team_management" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('role_based_team_management', $plan->role_based_team_management ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="role_based_team_management" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('role_based_team_management', $plan->role_based_team_management ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">SLA-backed 99.9% uptime</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="sla_99_9_uptime" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('sla_99_9_uptime', $plan->sla_99_9_uptime ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="sla_99_9_uptime" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('sla_99_9_uptime', $plan->sla_99_9_uptime ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Dedicated account manager</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="dedicated_account_manager" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('dedicated_account_manager', $plan->dedicated_account_manager ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="dedicated_account_manager" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('dedicated_account_manager', $plan->dedicated_account_manager ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Custom API limits and endpoints</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="custom_api_limits" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('custom_api_limits', $plan->custom_api_limits ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="custom_api_limits" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('custom_api_limits', $plan->custom_api_limits ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Custom analytics dashboards</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="custom_analytics_dashboards" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('custom_analytics_dashboards', $plan->custom_analytics_dashboards ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="custom_analytics_dashboards" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('custom_analytics_dashboards', $plan->custom_analytics_dashboards ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Data retention policies for compliance</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="data_retention_policies" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('data_retention_policies', $plan->data_retention_policies ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="data_retention_policies" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('data_retention_policies', $plan->data_retention_policies ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Live chat & phone support</label>
                        <div class="flex items-center gap-6">
                            <label class="inline-flex items-center">
                                <input type="radio" name="live_chat_phone_support" value="1" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('live_chat_phone_support', $plan->live_chat_phone_support ?? '') == 1 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">Yes</span>
                            </label>
                            <label class="inline-flex items-center">
                                <input type="radio" name="live_chat_phone_support" value="0" class="form-radio text-indigo-600 focus:ring-indigo-500" {{ old('live_chat_phone_support', $plan->live_chat_phone_support ?? '') == 0 ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700">No</span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="pt-4">
                    <button type="submit" class="w-full py-2 px-4 bg-indigo-600 text-white font-semibold rounded-lg shadow hover:bg-indigo-700 transition">
                        Save
                    </button>
                </div>
            </form>
        </div>
    </div>
</section>
@endsection