@php
    $rows = [
        ['company' => 'Northgate Dental Group', 'site' => 'northgatedental.co.uk', 'contact' => 'Sarah Whitfield', 'title' => 'Practice Owner', 'size' => '24 staff', 'score' => 94, 'verified' => true],
        ['company' => 'Halden Plumbing & Heating', 'site' => 'haldenph.com', 'contact' => 'Mark Ellery', 'title' => 'Managing Director', 'size' => '38 staff', 'score' => 88, 'verified' => true],
        ['company' => 'Vale Accountancy Partners', 'site' => 'valeaccountancy.co.uk', 'contact' => 'Priya Raman', 'title' => 'Founder', 'size' => '16 staff', 'score' => 71, 'verified' => false],
    ];
@endphp

<div class="overflow-hidden rounded-xl bg-ink text-paper shadow-[0_24px_60px_-24px_rgba(0,0,0,0.45)]">
    <div class="flex flex-wrap items-center gap-2 border-b border-white/10 px-5 py-4 md:px-7">
        <span class="mr-1 text-sm text-graphite-400">Searching</span>
        @foreach (['Dental practices', 'Greater Manchester', '11–50 staff', 'Owner or Practice Manager'] as $chip)
            <span class="rounded-full border border-white/15 px-3 py-1 text-[13px] text-paper">{{ $chip }}</span>
        @endforeach
        <span class="ml-auto font-mono text-[13px] text-signal">3 credits</span>
    </div>

    <div class="overflow-x-auto">
        <table class="w-full min-w-[46rem] text-left text-sm">
            <thead>
                <tr class="border-b border-white/10 text-[13px] text-graphite-400">
                    <th class="px-5 py-3 font-medium md:px-7">Company</th>
                    <th class="px-5 py-3 font-medium">Decision maker</th>
                    <th class="px-5 py-3 font-medium">Business email</th>
                    <th class="px-5 py-3 font-medium md:px-7">AI score</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($rows as $row)
                    <tr class="border-b border-white/5 last:border-0">
                        <td class="px-5 py-4 md:px-7">
                            <div class="font-medium">{{ $row['company'] }}</div>
                            <div class="text-[13px] text-graphite-400">{{ $row['site'] }} · {{ $row['size'] }}</div>
                        </td>
                        <td class="px-5 py-4">
                            <div>{{ $row['contact'] }}</div>
                            <div class="text-[13px] text-graphite-400">{{ $row['title'] }}</div>
                        </td>
                        <td class="px-5 py-4">
                            @if ($row['verified'])
                                <span class="inline-flex items-center gap-1.5 rounded-full bg-white/10 px-2.5 py-1 text-[13px]">
                                    <span class="h-1.5 w-1.5 rounded-full bg-signal"></span> Verified
                                </span>
                            @else
                                <span class="inline-flex items-center gap-1.5 rounded-full border border-white/15 px-2.5 py-1 text-[13px] text-graphite-400">
                                    <span class="h-1.5 w-1.5 rounded-full bg-graphite-500"></span> Catch-all
                                </span>
                            @endif
                        </td>
                        <td class="px-5 py-4 md:px-7">
                            <div class="flex items-center gap-3">
                                <span class="font-mono text-base font-medium">{{ $row['score'] }}</span>
                                <span class="h-1 w-20 rounded-full bg-white/12">
                                    <span class="block h-1 rounded-full bg-signal" style="width: {{ $row['score'] }}%"></span>
                                </span>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <div class="border-t border-white/10 bg-white/[0.03] px-5 py-5 md:px-7">
        <p class="text-[13px] text-graphite-400">Why Northgate Dental Group scores 94</p>
        <p class="mt-2 max-w-[70ch] leading-relaxed text-paper">
            Matches your industry, location and headcount filters. The practice runs three sites with a
            single reception team and advertises for admin staff, which points to a booking and
            follow-up workload that automation can absorb.
        </p>
    </div>
</div>