@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

    <div>
        <label for="end_user_id" class="cb-label">شناسه کاربر</label>
        <input id="end_user_id" type="number" name="end_user_id" value="{{ old('end_user_id', $channelIdentity->end_user_id ?? '') }}" class="cb-input" required list="end-user-suggestions" />
        <datalist id="end-user-suggestions">
            @foreach($userSuggestions as $suggestedUser)
                <option value="{{ $suggestedUser->id }}">{{ $suggestedUser->mobile }} {{ $suggestedUser->display_name ? ' - '.$suggestedUser->display_name : '' }}</option>
            @endforeach
        </datalist>
        @error('end_user_id')<p class="mt-1 text-xs text-rose-600">{{ $message }}</p>@enderror
    </div>

    <x-ui.select name="bot_account_id" label="ربات" :value="(string) ($channelIdentity->bot_account_id ?? '')" :options="$botOptions" />
    <x-ui.input name="platform" label="پلتفرم" :value="$channelIdentity->platform ?? ''" required />
    <x-ui.input name="chat_id" label="Chat ID" :value="$channelIdentity->chat_id ?? ''" required />
    <x-ui.input name="sender_id" label="Sender ID" :value="$channelIdentity->sender_id ?? ''" />
    <x-ui.input name="username" label="Username" :value="$channelIdentity->username ?? ''" />
    <x-ui.input name="first_name" label="نام" :value="$channelIdentity->first_name ?? ''" />
    <x-ui.input name="last_name" label="نام خانوادگی" :value="$channelIdentity->last_name ?? ''" />
    <x-ui.input name="display_name" label="نام نمایشی" :value="$channelIdentity->display_name ?? ''" />
    <x-ui.input name="public_link" label="لینک عمومی" :value="$channelIdentity->public_link ?? ''" />
    <x-ui.select name="is_active" label="وضعیت" :value="(int) ($channelIdentity->is_active ?? true)" :options="[1 => 'فعال', 0 => 'غیرفعال']" />
    <x-ui.input type="datetime-local" name="first_seen_at" label="اولین مشاهده" :value="old('first_seen_at', isset($channelIdentity) && $channelIdentity->first_seen_at ? $channelIdentity->first_seen_at->format('Y-m-d\TH:i') : '')" />
    <x-ui.input type="datetime-local" name="last_seen_at" label="آخرین مشاهده" :value="old('last_seen_at', isset($channelIdentity) && $channelIdentity->last_seen_at ? $channelIdentity->last_seen_at->format('Y-m-d\TH:i') : '')" />

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