@extends('layouts.app')
@section('content')
@php
    $totalResults = $tickets->count() + $memberships->count();
@endphp

<div class="lookup-hero mb-3">
    <div>
        <div class="page-kicker">Lookup</div>
        <h1 class="page-title">Search results</h1>
        <div class="muted-line">Showing matches for <strong>"{{ $q }}"</strong> across tickets and memberships.</div>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <span class="quick-chip"><i class="bi bi-search"></i>{{ $totalResults }} matches</span>
        <span class="quick-chip"><i class="bi bi-ticket-perforated"></i>{{ $tickets->count() }} tickets</span>
        <span class="quick-chip"><i class="bi bi-person-vcard"></i>{{ $memberships->count() }} members</span>
    </div>
</div>

<div class="lookup-grid">
    <section class="panel lookup-panel">
        <div class="lookup-panel-head">
            <div>
                <div class="page-kicker">Ticket Counter</div>
                <h2 class="panel-title">Tickets</h2>
            </div>
            <span class="lookup-count">{{ $tickets->count() }}</span>
        </div>

        <div class="lookup-list">
            @forelse($tickets as $ticket)
                <a class="lookup-row" href="{{ route('tickets.show', $ticket) }}">
                    <span class="lookup-icon"><i class="bi bi-ticket-perforated"></i></span>
                    <span class="lookup-body">
                        <span class="lookup-title">{{ $ticket->ticket_number }}</span>
                        <span class="lookup-meta">
                            {{ $ticket->visitor_name ?: 'No visitor name' }}
                            <span class="dot-separator"></span>
                            {{ $ticket->visitor_cnic ?: 'No CNIC' }}
                        </span>
                        <span class="lookup-tags">
                            <span>{{ $ticket->category->name ?? $ticket->category->code ?? 'Ticket' }}</span>
                            <span>{{ $ticket->visitor_phone ?: 'No phone' }}</span>
                            <span>{{ optional($ticket->issued_at)->format('d M Y h:i A') ?: 'No date' }}</span>
                        </span>
                    </span>
                    <span class="lookup-side">
                        <span class="badge badge-soft">{{ strtoupper($ticket->status) }}</span>
                        <i class="bi bi-chevron-right"></i>
                    </span>
                </a>
            @empty
                <div class="lookup-empty">
                    <i class="bi bi-ticket-perforated"></i>
                    <strong>No ticket found</strong>
                    <span>Try ticket number, barcode, CNIC or mobile number.</span>
                </div>
            @endforelse
        </div>
    </section>

    <section class="panel lookup-panel">
        <div class="lookup-panel-head">
            <div>
                <div class="page-kicker">Member Desk</div>
                <h2 class="panel-title">Memberships</h2>
            </div>
            <span class="lookup-count">{{ $memberships->count() }}</span>
        </div>

        <div class="lookup-list">
            @forelse($memberships as $member)
                <a class="lookup-row" href="{{ route('memberships.show', $member) }}">
                    <span class="lookup-icon"><i class="bi bi-person-vcard"></i></span>
                    <span class="lookup-body">
                        <span class="lookup-title">{{ $member->name }}</span>
                        <span class="lookup-meta">
                            {{ $member->membership_number }}
                            <span class="dot-separator"></span>
                            {{ $member->cnic ?: 'No CNIC' }}
                        </span>
                        <span class="lookup-tags">
                            <span>{{ $member->category->name ?? $member->category->code ?? 'Member' }}</span>
                            <span>{{ $member->phone ?: 'No phone' }}</span>
                            <span>Valid till {{ optional($member->expiry_date)->format('d M Y') ?: '-' }}</span>
                        </span>
                    </span>
                    <span class="lookup-side">
                        <span class="badge badge-soft">{{ strtoupper($member->status) }}</span>
                        <i class="bi bi-chevron-right"></i>
                    </span>
                </a>
            @empty
                <div class="lookup-empty">
                    <i class="bi bi-person-vcard"></i>
                    <strong>No member found</strong>
                    <span>Try membership number, name, CNIC or mobile number.</span>
                </div>
            @endforelse
        </div>
    </section>
</div>
@endsection