@extends('layouts.admin')
@section('title', 'شناسه‌های کانال')
@section('content')
<x-ui.page-header title="شناسه‌های کانال" subtitle="نگاشت کاربر به شناسه پلتفرمی">
    <x-slot:actions>
        <a href="{{ route('admin.channel-identities.create') }}" class="cb-btn-primary">افزودن شناسه</a>
    </x-slot:actions>
</x-ui.page-header>

<x-ui.card>
    <form method="GET" class="grid gap-3 md:grid-cols-5">
        <x-ui.input name="q" label="جستجو" :value="request('q')" placeholder="chat_id، موبایل، یوزرنیم" />
        <x-ui.select name="platform" label="پلتفرم" :value="(string) request('platform', '')" :options="['' => 'همه'] + $platforms->mapWithKeys(fn ($item) => [(string) $item => $item])->all()" />
        <x-ui.input type="number" name="end_user_id" label="شناسه کاربر" :value="request('end_user_id')" />
        <x-ui.select name="bot_account_id" label="ربات" :value="(string) request('bot_account_id', '')" :options="['' => 'همه'] + $bots->mapWithKeys(fn ($item) => [(string) $item->id => $item->name])->all()" />
        <div class="flex items-end gap-2">
            <button class="cb-btn-primary" type="submit">اعمال فیلتر</button>
            <a href="{{ route('admin.channel-identities.index') }}" class="cb-btn-muted">حذف فیلتر</a>
        </div>
    </form>
</x-ui.card>

<x-ui.card>
    <div class="overflow-x-auto">
        <table class="min-w-full text-sm">
            <thead>
                <tr class="border-b border-slate-200 text-right text-slate-500">
                    <th class="px-3 py-2">شناسه</th>
                    <th class="px-3 py-2">کاربر</th>
                    <th class="px-3 py-2">پلتفرم / چت</th>
                    <th class="px-3 py-2">فرستنده</th>
                    <th class="px-3 py-2">ربات</th>
                    <th class="px-3 py-2">وضعیت</th>
                    <th class="px-3 py-2">جزئیات</th>
                </tr>
            </thead>
            <tbody>
                @forelse($items as $item)
                    <tr class="border-b border-slate-100">
                        <td class="px-3 py-2">{{ $item->id }}</td>
                        <td class="px-3 py-2">
                            <div class="font-semibold">{{ $item->endUser?->display_name ?: 'کاربر #'.$item->end_user_id }}</div>
                            <div class="text-xs text-slate-500">{{ $item->endUser?->mobile ?: '-' }}</div>
                        </td>
                        <td class="px-3 py-2">
                            <div>{{ $item->platform }}</div>
                            <div class="font-mono text-xs text-slate-500">{{ $item->chat_id }}</div>
                        </td>
                        <td class="px-3 py-2">
                            <div class="font-mono">{{ $item->sender_id ?: '-' }}</div>
                            <div class="text-xs text-slate-500">{{ $item->username ? '@'.$item->username : '-' }}</div>
                        </td>
                        <td class="px-3 py-2">{{ $item->botAccount?->name ?: '-' }}</td>
                        <td class="px-3 py-2"><x-ui.badge :type="$item->is_active ? 'success' : 'danger'">{{ $item->is_active ? 'فعال' : 'غیرفعال' }}</x-ui.badge></td>
                        <td class="px-3 py-2"><a class="cb-btn-muted" href="{{ route('admin.channel-identities.show', $item) }}">مشاهده</a></td>
                    </tr>
                @empty
                    <tr><td class="px-3 py-6 text-center text-slate-500" colspan="7">رکوردی ثبت نشده است.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $items->links() }}</div>
</x-ui.card>
@endsection