@extends('layouts.app')
@section('title', 'Search')
@section('breadcrumb')<span class="text-white">Search</span>@endsection

@section('content')
<div class="max-w-4xl mx-auto space-y-6">

    <!-- Search bar -->
    <form method="GET" action="{{ route('search') }}" class="flex gap-3">
        <div class="flex-1 relative">
            <i class="fas fa-search absolute left-3 top-1/2 -translate-y-1/2 text-slate-400"></i>
            <input type="text" name="q" value="{{ $query }}" placeholder="Search leads, jobs, contacts, quotes, contracts…"
                   autofocus class="input pl-10 text-base">
        </div>
        <button type="submit" class="btn btn-primary px-6">Search</button>
    </form>

    @if(strlen($query) < 2)
    <div class="card p-12 text-center text-slate-500">
        <i class="fas fa-search text-4xl mb-4 opacity-30"></i>
        <p>Enter at least 2 characters to search across all records.</p>
    </div>
    @elseif(isset($total) && $total === 0)
    <div class="card p-12 text-center text-slate-500">
        <i class="fas fa-inbox text-4xl mb-4 opacity-30"></i>
        <p>No results found for <strong class="text-white">"{{ $query }}"</strong></p>
    </div>
    @else

    @if(isset($total))
    <p class="text-sm text-slate-400">{{ $total }} result{{ $total !== 1 ? 's' : '' }} for <strong class="text-white">"{{ $query }}"</strong></p>
    @endif

    @if($results['leads']->count())
    <div class="card overflow-hidden">
        <div class="px-5 py-3 border-b border-slate-700 flex items-center gap-2">
            <i class="fas fa-user-plus text-yellow-400"></i>
            <h3 class="text-sm font-semibold">Leads</h3>
            <span class="badge badge-yellow ml-auto">{{ $results['leads']->count() }}</span>
        </div>
        <div class="divide-y divide-slate-700/50">
        @foreach($results['leads'] as $lead)
        <a href="{{ route('leads.show', $lead) }}" class="flex items-center gap-4 px-5 py-3 hover:bg-slate-700/30 transition">
            <div class="w-8 h-8 rounded-full bg-yellow-600 flex items-center justify-center text-xs font-bold">L</div>
            <div class="flex-1 min-w-0">
                <p class="font-medium text-sm">{{ $lead->lead_number }} — {{ $lead->contact?->first_name }} {{ $lead->contact?->last_name }}</p>
                <p class="text-xs text-slate-400">{{ ucfirst($lead->status) }} · {{ ucfirst($lead->project_type ?? 'General') }}</p>
            </div>
            <i class="fas fa-chevron-right text-slate-500 text-xs"></i>
        </a>
        @endforeach
        </div>
    </div>
    @endif

    @if($results['jobs']->count())
    <div class="card overflow-hidden">
        <div class="px-5 py-3 border-b border-slate-700 flex items-center gap-2">
            <i class="fas fa-briefcase text-blue-400"></i>
            <h3 class="text-sm font-semibold">Jobs</h3>
            <span class="badge badge-blue ml-auto">{{ $results['jobs']->count() }}</span>
        </div>
        <div class="divide-y divide-slate-700/50">
        @foreach($results['jobs'] as $job)
        <a href="{{ route('jobs.show', $job) }}" class="flex items-center gap-4 px-5 py-3 hover:bg-slate-700/30 transition">
            <div class="w-8 h-8 rounded-full bg-blue-700 flex items-center justify-center text-xs font-bold">J</div>
            <div class="flex-1 min-w-0">
                <p class="font-medium text-sm">{{ $job->job_number }} — {{ $job->contact?->first_name }} {{ $job->contact?->last_name }}</p>
                <p class="text-xs text-slate-400">Stage: {{ ucfirst($job->stage) }} · {{ ucfirst($job->status) }}</p>
            </div>
            <i class="fas fa-chevron-right text-slate-500 text-xs"></i>
        </a>
        @endforeach
        </div>
    </div>
    @endif

    @if($results['contacts']->count())
    <div class="card overflow-hidden">
        <div class="px-5 py-3 border-b border-slate-700 flex items-center gap-2">
            <i class="fas fa-address-book text-green-400"></i>
            <h3 class="text-sm font-semibold">Contacts</h3>
            <span class="badge badge-green ml-auto">{{ $results['contacts']->count() }}</span>
        </div>
        <div class="divide-y divide-slate-700/50">
        @foreach($results['contacts'] as $contact)
        <a href="{{ route('contacts.show', $contact) }}" class="flex items-center gap-4 px-5 py-3 hover:bg-slate-700/30 transition">
            <div class="w-8 h-8 rounded-full bg-green-700 flex items-center justify-center text-xs font-bold">
                {{ strtoupper(substr($contact->first_name, 0, 1)) }}
            </div>
            <div class="flex-1 min-w-0">
                <p class="font-medium text-sm">{{ $contact->first_name }} {{ $contact->last_name }}{{ $contact->company ? ' — '.$contact->company : '' }}</p>
                <p class="text-xs text-slate-400">{{ $contact->email }} · {{ $contact->phone ?? $contact->mobile }}</p>
            </div>
            <i class="fas fa-chevron-right text-slate-500 text-xs"></i>
        </a>
        @endforeach
        </div>
    </div>
    @endif

    @if($results['quotes']->count())
    <div class="card overflow-hidden">
        <div class="px-5 py-3 border-b border-slate-700 flex items-center gap-2">
            <i class="fas fa-file-invoice-dollar text-purple-400"></i>
            <h3 class="text-sm font-semibold">Quotes</h3>
            <span class="badge bg-purple-900/30 text-purple-400 ml-auto">{{ $results['quotes']->count() }}</span>
        </div>
        <div class="divide-y divide-slate-700/50">
        @foreach($results['quotes'] as $quote)
        <a href="{{ route('quotes.show', $quote) }}" class="flex items-center gap-4 px-5 py-3 hover:bg-slate-700/30 transition">
            <div class="w-8 h-8 rounded-full bg-purple-700 flex items-center justify-center text-xs font-bold">Q</div>
            <div class="flex-1 min-w-0">
                <p class="font-medium text-sm">{{ $quote->quote_number }} — {{ $quote->contact?->first_name }} {{ $quote->contact?->last_name }}</p>
                <p class="text-xs text-slate-400">{{ ucfirst($quote->status) }} · ${{ number_format($quote->total) }}</p>
            </div>
            <i class="fas fa-chevron-right text-slate-500 text-xs"></i>
        </a>
        @endforeach
        </div>
    </div>
    @endif

    @if($results['contracts']->count())
    <div class="card overflow-hidden">
        <div class="px-5 py-3 border-b border-slate-700 flex items-center gap-2">
            <i class="fas fa-file-signature text-red-400"></i>
            <h3 class="text-sm font-semibold">Contracts</h3>
            <span class="badge bg-red-900/30 text-red-400 ml-auto">{{ $results['contracts']->count() }}</span>
        </div>
        <div class="divide-y divide-slate-700/50">
        @foreach($results['contracts'] as $contract)
        <a href="{{ route('contracts.show', $contract) }}" class="flex items-center gap-4 px-5 py-3 hover:bg-slate-700/30 transition">
            <div class="w-8 h-8 rounded-full bg-red-700 flex items-center justify-center text-xs font-bold">C</div>
            <div class="flex-1 min-w-0">
                <p class="font-medium text-sm">{{ $contract->contract_number }} — {{ $contract->contact?->first_name }} {{ $contract->contact?->last_name }}</p>
                <p class="text-xs text-slate-400">{{ ucfirst($contract->status) }} · ${{ number_format($contract->contract_price) }}</p>
            </div>
            <i class="fas fa-chevron-right text-slate-500 text-xs"></i>
        </a>
        @endforeach
        </div>
    </div>
    @endif

    @endif
</div>
@endsection