@php
    $isEdit = $board->exists;
@endphp

<form method="POST" action="{{ $isEdit ? route('platform.boards.update', $board) : route('platform.boards.store') }}" class="space-y-8">
    @csrf
    @if ($isEdit)
        @method('PUT')
    @endif

    <x-admin.section-header
        eyebrow="Platform boards"
        :title="$isEdit ? '게시판 수정' : '게시판 생성'"
        title-tag="h1"
        :description="$isEdit ? '기존 게시판의 설정과 권한을 정리합니다.' : '새 게시판의 기본 정보와 접근 권한을 설정합니다.'"
    >
        <x-ui.button href="{{ route('platform.boards.index') }}" variant="ghost" size="sm">목록으로</x-ui.button>
        <x-ui.button type="submit" variant="primary" size="sm" data-form-submit-button data-loading-text="저장 중">{{ $isEdit ? '저장' : '생성' }}</x-ui.button>
    </x-admin.section-header>

    @if (session('success'))
        <x-ui.alert variant="success">{{ session('success') }}</x-ui.alert>
    @endif

    @if ($errors->any())
        <x-ui.alert variant="danger" title="저장에 실패했습니다">
            <div class="space-y-3">
                <p>입력한 내용을 다시 확인해 주세요.</p>
                <ul class="list-disc space-y-1 pl-5">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        </x-ui.alert>
    @endif

    <div class="grid gap-4 xl:grid-cols-[minmax(0,1.6fr)_22rem]">
        <div class="min-w-0 space-y-4">
            <x-ui.card padded class="min-w-0 border border-muted bg-card shadow-sm">
                <div class="space-y-5">
                    <div>
                        <div class="text-xs font-bold uppercase tracking-[0.18em] c-subtle">Basics</div>
                        <h2 class="mt-1 text-xl font-extrabold tracking-[-0.04em] c-main">기본 정보</h2>
                        <p class="mt-2 text-sm leading-6 c-muted">
                            게시판 이름, 슬러그, 노출 형식을 먼저 정리합니다.
                        </p>
                    </div>

                    <div class="grid gap-4 md:grid-cols-2">
                        <x-ui.input floating id="title" name="title" label="게시판 이름" value="{{ old('title', $board->title) }}" required />
                        <x-ui.input floating id="slug" name="slug" label="슬러그" value="{{ old('slug', $board->slug) }}" required />
                    </div>

                    <div class="grid gap-4 md:grid-cols-2">
                        <x-ui.select id="skin" name="skin" label="스킨" :error="$errors->first('skin')" required>
                            @foreach ($skins as $key => $label)
                                <option value="{{ $key }}" @selected(old('skin', $board->skin) === $key)>{{ $label }}</option>
                            @endforeach
                        </x-ui.select>

                        <x-ui.input
                            type="number"
                            floating
                            id="posts_per_page"
                            name="posts_per_page"
                            label="게시글 수"
                            value="{{ old('posts_per_page', $board->posts_per_page ?: 15) }}"
                            min="1"
                            max="100"
                            required
                        />
                    </div>

                    <x-ui.input type="number" floating id="order" name="order" label="표시 순서" value="{{ old('order', $board->order ?: 0) }}" min="0" />

                    <x-ui.textarea
                        floating
                        id="description"
                        name="description"
                        label="설명"
                        rows="4"
                    >{{ old('description', $board->description) }}</x-ui.textarea>

                </div>
            </x-ui.card>

            <x-admin.board-category-manager :board="$board" :errors="$errors" />
            <x-admin.board-permission-matrix :board="$board" />
        </div>

        <div class="space-y-4">
            <x-ui.card padded class="border border-muted bg-card shadow-sm">
                <div class="space-y-4">
                    <div>
                        <div class="text-xs font-bold uppercase tracking-[0.18em] c-subtle">Visibility</div>
                        <h2 class="mt-1 text-xl font-extrabold tracking-[-0.04em] c-main">표시 설정</h2>
                    </div>

                    <div class="space-y-4">
                        <x-ui.switch
                            name="is_private_inquiry"
                            value="1"
                            :checked="old('is_private_inquiry', $board->is_private_inquiry)"
                        >
                            비공개 문의 게시판
                        </x-ui.switch>

                        <x-ui.switch
                            name="tagmoa_collect_allowed"
                            value="1"
                            :checked="old('tagmoa_collect_allowed', $board->tagmoa_collect_allowed)"
                        >
                            태그모아 수집 허용
                        </x-ui.switch>
                    </div>
                </div>
            </x-ui.card>

            <x-ui.card padded class="border border-muted bg-card shadow-sm">
                <div class="space-y-4">
                    <div>
                        <div class="text-xs font-bold uppercase tracking-[0.18em] c-subtle">Summary</div>
                        <h2 class="mt-1 text-xl font-extrabold tracking-[-0.04em] c-main">현재 값</h2>
                    </div>

                    <div class="space-y-3">
                        <div class="flex items-center justify-between gap-3 rounded-2xl border border-muted bg-surface px-4 py-3">
                            <span class="text-sm c-muted">스킨</span>
                            <span class="text-sm font-semibold c-main">{{ old('skin', $board->skin) }}</span>
                        </div>
                        <div class="flex items-center justify-between gap-3 rounded-2xl border border-muted bg-surface px-4 py-3">
                            <span class="text-sm c-muted">게시글 수</span>
                            <span class="text-sm font-semibold c-main">{{ old('posts_per_page', $board->posts_per_page ?: 15) }}</span>
                        </div>
                        <div class="flex items-center justify-between gap-3 rounded-2xl border border-muted bg-surface px-4 py-3">
                            <span class="text-sm c-muted">표시 순서</span>
                            <span class="text-sm font-semibold c-main">{{ old('order', $board->order ?: 0) }}</span>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>
    </div>

    <div class="flex flex-wrap items-center gap-3 border-t border-muted pt-6">
        <x-ui.button type="submit" variant="primary" size="md">{{ $isEdit ? '저장' : '생성' }}</x-ui.button>
        <x-ui.button href="{{ route('platform.boards.index') }}" variant="outline" size="md">취소</x-ui.button>
    </div>
</form>