@php
    $botOptions = ['' => 'بدون ربات'];
    foreach ($bots as $bot) {
        $botOptions[(string) $bot->id] = $bot->name.' ('.$bot->platform.')';
    }
@endphp

<form method="POST" action="{{ $action }}" class="grid gap-4 md:grid-cols-2">
    @csrf
    @isset($method)
        @method($method)
    @endisset

    <x-ui.input name="name" label="نام چیدمان" :value="$layout->name ?? ''" required />
    <x-ui.select name="scope" label="دامنه" :value="(string) ($layout->scope ?? 'global')" :options="['global' => 'عمومی', 'platform' => 'پلتفرم', 'bot' => 'ربات']" />
    <x-ui.input name="platform" label="پلتفرم" :value="$layout->platform ?? ''" placeholder="telegram / rubika / bale" />
    <x-ui.select name="bot_account_id" label="ربات" :value="(string) ($layout->bot_account_id ?? '')" :options="$botOptions" />
    <x-ui.select name="is_active" label="وضعیت" :value="(int) ($layout->is_active ?? true)" :options="[1 => 'فعال', 0 => 'غیرفعال']" />
    <x-ui.input type="number" min="1" name="version" label="نسخه" :value="$layout->version ?? 1" required />

    <div class="md:col-span-2">
        <label for="layout_json" class="cb-label">ساختار کیبورد (JSON)</label>
        <textarea id="layout_json" name="layout_json" class="cb-input min-h-52 font-mono text-xs" required placeholder='[["btn_1","btn_2"],["btn_3"]]'>{{ old('layout_json', isset($layout) ? json_encode($layout->layout, JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE) : "[\n  [\"btn_help\", \"btn_profile\"],\n  [\"btn_export\"]\n]") }}</textarea>
        @error('layout_json')<p class="mt-1 text-xs text-rose-600">{{ $message }}</p>@enderror
        <p class="mt-2 text-xs text-slate-500">هر ردیف یک آرایه است و هر مقدار باید کلید یک دکمه از جدول دکمه‌های ربات باشد.</p>
    </div>

    <div class="md:col-span-2">
        <x-ui.button type="submit">{{ $submitLabel }}</x-ui.button>
    </div>
</form>