@php
    /** @var \App\Domain\Saas\Models\Plan $plan */
@endphp

<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    <div>
        <x-input-label for="name" :value="__('Name')" />
        <x-text-input
            id="name"
            name="name"
            type="text"
            class="mt-1 block w-full"
            :value="old('name', $plan->name)"
            required
            autofocus
        />
        <x-input-error :messages="$errors->get('name')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="slug" :value="__('Slug')" />
        <x-text-input
            id="slug"
            name="slug"
            type="text"
            class="mt-1 block w-full"
            :value="old('slug', $plan->slug)"
            required
        />
        <x-input-error :messages="$errors->get('slug')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="price" :value="__('Price')" />
        <x-text-input
            id="price"
            name="price"
            type="number"
            step="0.01"
            min="0"
            class="mt-1 block w-full"
            :value="old('price', $plan->price)"
            required
        />
        <x-input-error :messages="$errors->get('price')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="billing_period" :value="__('Billing Period')" />
        <select
            id="billing_period"
            name="billing_period"
            class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
            required
        >
            @foreach (\App\Domain\Saas\Enums\PlanBillingPeriod::cases() as $period)
                <option value="{{ $period->value }}" @selected(old('billing_period', $plan->billing_period?->value) === $period->value)>
                    {{ $period->label() }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('billing_period')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="max_users" :value="__('Max Users')" />
        <x-text-input
            id="max_users"
            name="max_users"
            type="number"
            min="1"
            class="mt-1 block w-full"
            :value="old('max_users', $plan->max_users)"
            placeholder="{{ __('Unlimited') }}"
        />
        <p class="mt-1 text-xs text-gray-400">{{ __('Informational only - not enforced.') }}</p>
        <x-input-error :messages="$errors->get('max_users')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="max_warehouses" :value="__('Max Warehouses')" />
        <x-text-input
            id="max_warehouses"
            name="max_warehouses"
            type="number"
            min="1"
            class="mt-1 block w-full"
            :value="old('max_warehouses', $plan->max_warehouses)"
            placeholder="{{ __('Unlimited') }}"
        />
        <p class="mt-1 text-xs text-gray-400">{{ __('Informational only - not enforced.') }}</p>
        <x-input-error :messages="$errors->get('max_warehouses')" class="mt-2" />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="description" :value="__('Description')" />
        <textarea
            id="description"
            name="description"
            rows="3"
            class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
        >{{ old('description', $plan->description) }}</textarea>
        <x-input-error :messages="$errors->get('description')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="sort_order" :value="__('Sort Order')" />
        <x-text-input
            id="sort_order"
            name="sort_order"
            type="number"
            min="0"
            class="mt-1 block w-full"
            :value="old('sort_order', $plan->sort_order ?? 0)"
        />
        <x-input-error :messages="$errors->get('sort_order')" class="mt-2" />
    </div>

    <div class="flex items-center gap-2">
        <input
            id="is_active"
            name="is_active"
            type="checkbox"
            value="1"
            class="rounded border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500"
            @checked(old('is_active', $plan->exists ? $plan->is_active : true))
        />
        <x-input-label for="is_active" :value="__('Active (selectable for new subscriptions)')" />
        <x-input-error :messages="$errors->get('is_active')" class="mt-2" />
    </div>
</div>