@extends('layouts.admin')
@section('title', 'جستجوی سراسری')
@section('content')
<x-ui.page-header title="جستجوی سراسری" subtitle="کاربران، کدها، ربات‌ها و گروه‌ها" />

<x-ui.card class="mb-5">
    <form method="GET" action="{{ route('admin.search') }}" class="flex flex-wrap items-center gap-2">
        <input class="cb-input min-w-[280px] flex-1" name="q" value="{{ $query }}" placeholder="جستجو: کاربر، کد فنی، گروه، ربات" />
        <button class="cb-btn-primary" type="submit">جستجو</button>
    </form>
</x-ui.card>

@if($query !== '')
    <div class="grid gap-5 xl:grid-cols-2">
        <x-ui.card>
            <h3 class="mb-3 text-sm font-bold text-slate-800">کاربران ({{ $users->count() }})</h3>
            <div class="space-y-2 text-sm">
                @forelse($users as $user)
                    <a href="{{ route('admin.users.show', $user) }}" class="block rounded-xl border border-slate-200 px-3 py-2 hover:bg-slate-50">
                        <strong>{{ $user->display_name ?: 'بدون نام' }}</strong>
                        <span class="text-slate-500"> — {{ $user->mobile ?: 'بدون موبایل' }}</span>
                    </a>
                @empty
                    <p class="text-slate-500">موردی یافت نشد.</p>
                @endforelse
            </div>
        </x-ui.card>

        <x-ui.card>
            <h3 class="mb-3 text-sm font-bold text-slate-800">کدهای فنی ({{ $codes->count() }})</h3>
            <div class="space-y-2 text-sm">
                @forelse($codes as $code)
                    <div class="rounded-xl border border-slate-200 px-3 py-2">
                        <span class="font-mono font-semibold">{{ $code->code_norm }}</span>
                        @if($code->endUser)
                            <a href="{{ route('admin.users.show', $code->endUser) }}" class="mr-2 text-brand-700">
                                {{ $code->endUser->display_name ?: $code->endUser->mobile }}
                            </a>
                        @endif
                    </div>
                @empty
                    <p class="text-slate-500">موردی یافت نشد.</p>
                @endforelse
            </div>
        </x-ui.card>

        <x-ui.card>
            <h3 class="mb-3 text-sm font-bold text-slate-800">ربات‌ها ({{ $bots->count() }})</h3>
            <div class="space-y-2 text-sm">
                @forelse($bots as $bot)
                    <a href="{{ route('admin.bots.show', $bot) }}" class="block rounded-xl border border-slate-200 px-3 py-2 hover:bg-slate-50">
                        <strong>{{ $bot->name }}</strong>
                        <span class="text-slate-500"> — {{ $bot->platform }}</span>
                    </a>
                @empty
                    <p class="text-slate-500">موردی یافت نشد.</p>
                @endforelse
            </div>
        </x-ui.card>

        <x-ui.card>
            <h3 class="mb-3 text-sm font-bold text-slate-800">گروه‌های یکپارچه ({{ $groups->count() }})</h3>
            <div class="space-y-2 text-sm">
                @forelse($groups as $group)
                    <a href="{{ route('admin.unified-groups.show', $group) }}" class="block rounded-xl border border-slate-200 px-3 py-2 hover:bg-slate-50">
                        <strong>{{ $group->name }}</strong>
                        <span class="text-slate-500"> — {{ $group->slug }}</span>
                    </a>
                @empty
                    <p class="text-slate-500">موردی یافت نشد.</p>
                @endforelse
            </div>
        </x-ui.card>
    </div>
@endif
@endsection