@php
    $isEdit = filled($tenant->id);
    $platformFileUrl = static function (?string $path): ?string {
        if (blank($path)) {
            return null;
        }

        return url('platform/files/' . ltrim($path, '/'));
    };
@endphp

<div class="space-y-6">
    <div class="grid gap-4 md:grid-cols-2">
        @if ($isEdit)
            <input type="hidden" name="id" value="{{ old('id', $tenant->id) }}">
            <x-ui.input
                floating
                id="tenant_id"
                label="테넌트 ID"
                value="{{ old('id', $tenant->id) }}"
                disabled
            />
        @else
            <x-ui.input
                floating
                id="tenant_id"
                name="id"
                label="테넌트 ID"
                value="{{ old('id', $tenant->id) }}"
                required
            />
        @endif
        <x-ui.input
            floating
            id="tenant_name"
            name="name"
            label="테넌트 이름"
            value="{{ old('name', $tenant->name) }}"
            required
        />
    </div>

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

    <div class="grid gap-4 md:grid-cols-[220px_minmax(0,1fr)]">
        <div class="space-y-4 rounded-[var(--radius-xl)] border border-muted bg-surface p-4">
            <div class="space-y-1">
                <div class="text-sm font-extrabold tracking-[-0.03em] c-main">프로필 이미지</div>
                <p class="text-xs leading-5 c-muted">webp로 저장되며 800x800 정사각형으로 맞춥니다.</p>
            </div>

            @if ($imageUrl = $platformFileUrl($tenant->profile_image_path))
                <div class="overflow-hidden rounded-[var(--radius-lg)] border border-muted bg-base p-3">
                    <img
                        src="{{ $imageUrl }}"
                        alt="{{ $tenant->name ?: '테넌트 프로필 이미지' }}"
                        class="mx-auto block h-[200px] w-[200px] rounded-full object-cover"
                    >
                </div>
            @else
                <div class="grid min-h-[200px] place-items-center rounded-[var(--radius-lg)] border border-dashed border-muted bg-surface1 text-sm c-muted">
                    아직 업로드되지 않았습니다.
                </div>
            @endif
        </div>

        <div class="space-y-4 rounded-[var(--radius-xl)] border border-muted bg-surface p-4">
            <div class="space-y-1">
                <div class="text-sm font-extrabold tracking-[-0.03em] c-main">이미지 업로드</div>
                <p class="text-xs leading-5 c-muted">JPG, PNG, WEBP를 업로드하면 저장 시 webp 800x800으로 변환합니다.</p>
            </div>

            <x-ui.input
                type="file"
                id="profile_image_upload"
                name="profile_image_upload"
                label="프로필 이미지"
                accept=".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp"
                :error="$errors->first('profile_image_upload')"
            />
        </div>
    </div>

    <div class="grid gap-4 md:grid-cols-2">
        <x-ui.select id="tenant_status" name="status" label="상태" required>
            @foreach ($statusOptions as $value => $label)
                <option value="{{ $value }}" @selected(old('status', $tenant->status ?? 'active') === $value)>{{ $label }}</option>
            @endforeach
        </x-ui.select>

        <x-ui.select id="tenant_plan" name="plan" label="플랜" required>
            @foreach ($planOptions as $value => $label)
                <option value="{{ $value }}" @selected(old('plan', $tenant->plan ?? 'free') === $value)>{{ $label }}</option>
            @endforeach
        </x-ui.select>
        <p class="text-xs leading-5 c-muted md:col-span-2">
            현재 플랜보다 높은 플랜을 선택하면 즉시 적용되고, 낮은 플랜은 다음 기간부터 적용됩니다.
        </p>
    </div>

    <x-ui.textarea
        floating
        id="tenant_domains"
        name="domains"
        label="도메인"
        rows="4"
    >{{ old('domains', implode("\n", $domainLines ?? [])) }}</x-ui.textarea>
    <p class="text-xs leading-5 c-muted">한 줄에 하나씩 입력하세요. <code class="rounded bg-base px-1 py-0.5 text-xs text-main">http://</code>나 경로가 붙어 있어도 host만 저장됩니다. 비워두면 도메인 미설정 상태로 저장됩니다.</p>
</div>