@extends('layouts.admin')
@section('title', 'کاربران پنل')
@section('content')
<x-ui.page-header title="کاربران پنل" subtitle="مدیریت وضعیت فعالیت کاربران نهایی" />

<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>
                </tr>
            </thead>
            <tbody>
                @forelse($items as $item)
                    <tr class="border-b border-slate-100">
                        <td class="px-3 py-2">{{ $item->display_name ?: '-' }}</td>
                        <td class="px-3 py-2">{{ $item->mobile }}</td>
                        <td class="px-3 py-2">{{ $item->is_active ? 'فعال' : 'غیرفعال' }}</td>
                        <td class="px-3 py-2">{{ $item->bot_enabled ? 'روشن' : 'خاموش' }}</td>
                        <td class="px-3 py-2">{{ $item->aiProviderAccount?->name ?: 'پیش‌فرض سیستم' }}</td>
                        <td class="px-3 py-2">
                            <a href="{{ route('admin.users.show', $item) }}" class="cb-btn-muted">مشاهده</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td class="px-3 py-6 text-center text-slate-500" colspan="6">کاربری ثبت نشده است.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

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