@extends('layouts.app')
@section('title', 'البحث')
@section('page_title', 'نتائج البحث')
@section('breadcrumb')<li class="breadcrumb-item active">البحث</li>@endsection

@section('content')

<div class="card mb-3">
    <div class="card-body">
        <form action="{{ route('search.global') }}" method="GET" class="d-flex gap-2">
            <input type="text" name="q" value="{{ $q }}" class="form-control"
                   placeholder="ابحث باسم عميل، جوال، لوحة مركبة، IMEI، رقم فاتورة..." autofocus>
            <button class="btn btn-primary"><i class="fa-solid fa-magnifying-glass ms-2"></i>بحث</button>
        </form>
    </div>
</div>

@if (mb_strlen($q) < 2)
    <div class="alert alert-info"><i class="fa-solid fa-circle-info ms-2"></i>أدخل حرفين على الأقل لبدء البحث.</div>
@elseif ($total === 0)
    <div class="alert alert-warning"><i class="fa-solid fa-triangle-exclamation ms-2"></i>لم يُعثر على نتائج لـ «{{ $q }}».</div>
@else
    <p class="text-muted small">تم العثور على <strong>{{ $total }}</strong> نتيجة لـ «{{ $q }}»</p>

    @if (($results['customers'] ?? collect())->isNotEmpty())
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-users text-primary ms-2"></i>العملاء ({{ $results['customers']->count() }})</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>الكود</th><th>الاسم</th><th>الجوال</th><th>المدينة</th><th class="text-center">الحالة</th></tr></thead>
                    <tbody>
                    @foreach ($results['customers'] as $c)
                        <tr>
                            <td class="font-monospace small">{{ $c->code }}</td>
                            <td><a href="{{ route('customers.show', $c) }}" class="fw-bold text-decoration-none">{{ $c->display_name }}</a></td>
                            <td>{{ $c->phone }}</td>
                            <td>{{ $c->city }}</td>
                            <td class="text-center">{!! badge($c->status_label, $c->status === 'active' ? 'success' : 'secondary') !!}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if (($results['vehicles'] ?? collect())->isNotEmpty())
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-car text-primary ms-2"></i>المركبات ({{ $results['vehicles']->count() }})</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>اللوحة</th><th>المركبة</th><th>العميل</th><th>النوع</th></tr></thead>
                    <tbody>
                    @foreach ($results['vehicles'] as $v)
                        <tr>
                            <td><a href="{{ route('vehicles.show', $v) }}" class="fw-bold text-decoration-none">{{ $v->plate_number }}</a></td>
                            <td>{{ trim($v->make . ' ' . $v->model) }}</td>
                            <td>{{ $v->customer?->display_name ?? '—' }}</td>
                            <td>{{ $v->type_label }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if (($results['devices'] ?? collect())->isNotEmpty())
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-microchip text-info ms-2"></i>الأجهزة ({{ $results['devices']->count() }})</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>IMEI</th><th>الجهاز</th><th>الشريحة</th><th>العميل</th><th class="text-center">الحالة</th></tr></thead>
                    <tbody>
                    @foreach ($results['devices'] as $d)
                        <tr>
                            <td><a href="{{ route('devices.show', $d) }}" class="fw-bold font-monospace text-decoration-none">{{ $d->imei }}</a></td>
                            <td>{{ $d->product?->name ?? '—' }}</td>
                            <td>{{ $d->sim_number ?: '—' }}</td>
                            <td>{{ $d->customer?->display_name ?? '—' }}</td>
                            <td class="text-center">{!! badge($d->status_label, $d->status_color) !!}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if (($results['invoices'] ?? collect())->isNotEmpty())
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-file-invoice-dollar text-success ms-2"></i>الفواتير ({{ $results['invoices']->count() }})</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>الرقم</th><th>العميل</th><th>التاريخ</th><th>الإجمالي</th><th class="text-center">الحالة</th></tr></thead>
                    <tbody>
                    @foreach ($results['invoices'] as $inv)
                        <tr>
                            <td><a href="{{ route('invoices.show', $inv) }}" class="fw-bold text-decoration-none">{{ $inv->code }}</a></td>
                            <td>{{ $inv->customer?->display_name ?? '—' }}</td>
                            <td>{{ arabicDate($inv->date) }}</td>
                            <td class="fw-bold">{{ currency($inv->total) }}</td>
                            <td class="text-center">{!! badge($inv->status_label, $inv->status_color) !!}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if (($results['leads'] ?? collect())->isNotEmpty())
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-user-plus text-warning ms-2"></i>العملاء المحتملون ({{ $results['leads']->count() }})</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>الكود</th><th>الاسم</th><th>الجوال</th><th class="text-center">الحالة</th></tr></thead>
                    <tbody>
                    @foreach ($results['leads'] as $l)
                        <tr>
                            <td class="font-monospace small">{{ $l->code }}</td>
                            <td><a href="{{ route('leads.show', $l) }}" class="fw-bold text-decoration-none">{{ $l->name }}</a></td>
                            <td>{{ $l->phone }}</td>
                            <td class="text-center">{!! badge($l->status_label, $l->status_color) !!}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if (($results['tickets'] ?? collect())->isNotEmpty())
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-headset text-danger ms-2"></i>تذاكر الدعم ({{ $results['tickets']->count() }})</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>الرقم</th><th>الموضوع</th><th>العميل</th><th class="text-center">الحالة</th></tr></thead>
                    <tbody>
                    @foreach ($results['tickets'] as $t)
                        <tr>
                            <td><a href="{{ route('tickets.show', $t) }}" class="fw-bold text-decoration-none">{{ $t->code }}</a></td>
                            <td>{{ $t->subject }}</td>
                            <td>{{ $t->customer?->display_name ?? '—' }}</td>
                            <td class="text-center">{!! badge($t->status_label, $t->status_color) !!}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
@endif
@endsection