@php
    use App\Core\Platform\AiPlanDefaults;

    $planDefinitions = $planDefinitions ?? [];
    $plans = $plans ?? collect();
    $availableModels = AiPlanDefaults::availableModels();
    $availableImageModels = $availableImageModels ?? collect();
@endphp

<x-layouts.platform-admin title="플랜 관리" header="플랜 관리">
    <form method="POST" action="{{ route('platform.ai-plans.update') }}" class="space-y-6" id="platform-ai-plan-form">
        @csrf

        @if (session('status'))
            <x-ui.alert variant="success" title="저장 완료" dismiss-after="3000" class="border border-success-soft bg-success-soft">
                {{ session('status') }}
            </x-ui.alert>
        @endif

        <x-admin.section-header
            eyebrow="AI plan controls"
            title="플랜 관리"
            title-tag="h1"
            description="플랜별 AI 글쓰기 허용 여부, 월 AI Credit, 허용 모델을 한곳에서 관리합니다."
        >
            <x-ui.badge variant="primary" size="md">플랜 {{ count($planDefinitions) }}</x-ui.badge>
            <x-ui.button type="submit" variant="primary" size="sm" form="platform-ai-plan-form">저장</x-ui.button>
        </x-admin.section-header>

        <div class="space-y-4">
            @foreach ($planDefinitions as $planKey => $definition)
                @php
                    $plan = $plans->get($planKey);
                    $planLabel = old("plans.$planKey.label", $plan?->label ?? $definition['label']);
                    $planDescription = old("plans.$planKey.description", $plan?->description ?? $definition['description']);
                    $aiEnabled = old("plans.$planKey.ai_enabled", $plan?->ai_enabled ?? $definition['ai_enabled']);
                    $monthlyAiCredit = old("plans.$planKey.monthly_ai_credit", $plan?->monthly_ai_credit ?? $definition['monthly_ai_credit']);
                    $currentModels = $plan?->effectiveAllowedModels() ?: $definition['allowed_models'];
                    $selectedModels = old("plans.$planKey.allowed_models", $currentModels);
                    $selectedModels = is_array($selectedModels) ? $selectedModels : AiPlanDefaults::normalizeAllowedModels($selectedModels);
                    $imageEnabled = old("plans.$planKey.ai_image_enabled", $plan?->ai_image_enabled ?? $definition['ai_image_enabled']);
                    $currentImageModelIds = $plan?->effectiveAllowedImageModelIds() ?: $definition['allowed_image_model_ids'];
                    $selectedImageModelIds = old("plans.$planKey.allowed_image_model_ids", $currentImageModelIds);
                    $selectedImageModelIds = is_array($selectedImageModelIds) ? array_map('intval', $selectedImageModelIds) : [];
                    $defaultImageModelId = old("plans.$planKey.default_image_model_id", $plan?->default_image_model_id ?? $definition['default_image_model_id']);
                    $effectiveAiCredit = $plan?->monthly_ai_credit ?? $definition['monthly_ai_credit'];
                    $formattedAiCredit = AiPlanDefaults::formatCredits(is_null($effectiveAiCredit) ? null : (int) $effectiveAiCredit);
                @endphp

                <x-ui.card padded class="border border-muted bg-surface shadow-sm">
                    <div class="space-y-5">
                        <div class="flex flex-wrap items-start justify-between gap-3">
                            <div class="space-y-2">
                                <div class="flex flex-wrap items-center gap-2">
                                    <div class="text-xs font-bold uppercase tracking-[0.18em] c-subtle">Plan {{ $planKey }}</div>
                                    <x-ui.badge size="sm" variant="{{ $aiEnabled ? 'success' : 'secondary' }}">
                                        AI {{ $aiEnabled ? 'O' : 'X' }}
                                    </x-ui.badge>
                                    <x-ui.badge size="sm" variant="secondary">
                                        {{ $formattedAiCredit }}
                                    </x-ui.badge>
                                </div>
                                <h2 class="text-2xl font-extrabold tracking-[-0.05em] c-main">{{ $planLabel }}</h2>
                                <p class="max-w-2xl text-sm leading-6 c-muted">{{ $planDescription }}</p>
                            </div>
                        </div>

                        <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-2">
                            <x-ui.input
                                floating
                                id="plan_{{ $planKey }}_label"
                                name="plans[{{ $planKey }}][label]"
                                label="플랜 이름"
                                value="{{ $planLabel }}"
                                required
                            />

                            <x-ui.input
                                type="number"
                                floating
                                id="plan_{{ $planKey }}_monthly_ai_credit"
                                name="plans[{{ $planKey }}][monthly_ai_credit]"
                                label="월 AI Credit"
                                value="{{ $monthlyAiCredit }}"
                                min="0"
                                step="1"
                                help="기간별 제공 Credit. 월 잔여 Credit이 실제 사용 제한 기준입니다."
                            />
                        </div>

                        <x-ui.textarea
                            floating
                            id="plan_{{ $planKey }}_description"
                            name="plans[{{ $planKey }}][description]"
                            label="설명"
                            rows="3"
                        >{{ $planDescription }}</x-ui.textarea>

                        <div class="grid gap-4 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]">
                            <div class="space-y-3 rounded-[var(--radius-xl)] border border-muted bg-base p-4">
                                <div class="text-sm font-extrabold tracking-[-0.03em] c-main">AI 사용 허용</div>
                                <x-ui.checkbox
                                    name="plans[{{ $planKey }}][ai_enabled]"
                                    value="1"
                                    :checked="$aiEnabled"
                                >
                                    이 플랜에서 AI 글쓰기를 허용
                                </x-ui.checkbox>
                            </div>

                            <div class="space-y-3 rounded-[var(--radius-xl)] border border-muted bg-base p-4">
                                <div class="text-sm font-extrabold tracking-[-0.03em] c-main">허용 모델</div>
                                <p class="text-xs leading-5 c-muted">허용할 모델을 체크박스로 선택합니다.</p>

                                <div class="grid gap-2 sm:grid-cols-2">
                                    @foreach ($availableModels as $model)
                                        <x-ui.checkbox
                                            name="plans[{{ $planKey }}][allowed_models][]"
                                            value="{{ $model }}"
                                            :checked="in_array($model, $selectedModels, true)"
                                            inputClass="mt-0.5"
                                        >
                                            {{ $model }}
                                        </x-ui.checkbox>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="grid gap-4 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]">
                            <div class="space-y-3 rounded-[var(--radius-xl)] border border-muted bg-base p-4">
                                <div class="text-sm font-extrabold tracking-[-0.03em] c-main">AI 이미지 사용 허용</div>
                                <x-ui.checkbox
                                    name="plans[{{ $planKey }}][ai_image_enabled]"
                                    value="1"
                                    :checked="$imageEnabled"
                                >
                                    이 플랜에서 AI 이미지 생성을 허용
                                </x-ui.checkbox>
                                <p class="text-xs leading-5 c-muted">
                                    활성화하면 이 플랜의 허용 이미지 모델과 기본 모델을 사용할 수 있습니다.
                                </p>
                            </div>

                            <div class="space-y-3 rounded-[var(--radius-xl)] border border-muted bg-base p-4">
                                <div class="text-sm font-extrabold tracking-[-0.03em] c-main">허용 이미지 모델</div>
                                <p class="text-xs leading-5 c-muted">활성화된 이미지 모델만 선택할 수 있습니다.</p>

                                @if ($availableImageModels->isEmpty())
                                    <div class="rounded-[var(--radius-lg)] border border-dashed border-muted bg-surface px-3 py-4 text-sm c-muted">
                                        먼저 플랫폼 AI Credit 화면에서 이미지 모델을 등록하세요.
                                    </div>
                                @else
                                    <div class="grid gap-2 sm:grid-cols-2">
                                        @foreach ($availableImageModels as $imageModel)
                                            <x-ui.checkbox
                                                name="plans[{{ $planKey }}][allowed_image_model_ids][]"
                                                value="{{ $imageModel->id }}"
                                                :checked="in_array((int) $imageModel->id, $selectedImageModelIds, true)"
                                                inputClass="mt-0.5"
                                            >
                                                {{ $imageModel->displayName() }}
                                            </x-ui.checkbox>
                                        @endforeach
                                    </div>

                                    <div class="space-y-2">
                                        <div class="text-sm font-semibold c-main">기본 이미지 모델</div>
                                        <select name="plans[{{ $planKey }}][default_image_model_id]" class="input input-md w-full">
                                            <option value="">플랫폼 기본값 사용</option>
                                            @foreach ($availableImageModels as $imageModel)
                                                <option value="{{ $imageModel->id }}" @selected((string) $defaultImageModelId === (string) $imageModel->id)>
                                                    {{ $imageModel->displayName() }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <p class="text-xs c-muted">플랜 기본값이 없으면 플랫폼 기본 이미지 모델을 사용합니다.</p>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </x-ui.card>
            @endforeach
        </div>

        <div class="flex justify-end">
            <x-ui.button type="submit" variant="primary">저장</x-ui.button>
        </div>
    </form>
</x-layouts.platform-admin>