@extends('layouts.admin')
@section('title', 'CRM Contacts')
@section('content')
@php
  $columns = ['name'=>'Name','email'=>'Email','company'=>'Company','phone'=>'Phone','consent'=>'Marketing','actions'=>''];
  $pills = [
    ['label' => 'All', 'url' => route('admin.crm.contacts.index'), 'active' => ! request('consent')],
    ['label' => 'Marketing consent', 'url' => route('admin.crm.contacts.index', ['consent' => 1]), 'active' => (bool) request('consent'), 'count' => $stats['consent']],
  ];
@endphp
<x-crm.shell title="Contacts" subtitle="People attached to companies, leads, and conversations — open a contact for the full 360.">
    <x-slot:stats>
        <x-crm.stat label="Total" :value="$stats['total']" />
        <x-crm.stat label="Marketing consent" :value="$stats['consent']" :href="route('admin.crm.contacts.index', ['consent' => 1])" tone="success" />
        <x-crm.stat label="With company" :value="$stats['with_company']" />
    </x-slot:stats>
    <x-slot:filters>
        <x-crm.pills :items="$pills" />
    </x-slot:filters>

    <div class="p-4 sm:p-6 lg:px-8">
        <x-admin.advanced-table id="contacts" :search-url="route('admin.crm.contacts.index')" search-placeholder="Search name, email, phone…" :columns="$columns">
            <thead>
                <tr>
                    <th data-col="name">Name</th>
                    <th data-col="email">Email</th>
                    <th data-col="company">Company</th>
                    <th data-col="phone">Phone</th>
                    <th data-col="consent">Marketing</th>
                    <th data-col="actions"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($contacts as $contact)
                    <tr>
                        <td data-col="name">
                            <div class="flex items-center gap-2">
                                <x-crm.avatar :name="$contact->name ?: $contact->email" size="sm" />
                                <a href="{{ route('admin.crm.contacts.show', $contact) }}" class="font-medium text-[#2c6ecb] hover:underline">{{ $contact->name ?: '—' }}</a>
                            </div>
                        </td>
                        <td data-col="email">{{ $contact->email }}</td>
                        <td data-col="company" class="text-sm">
                            @if($contact->company)
                                <a href="{{ route('admin.crm.companies.show', $contact->company) }}" class="text-[#2c6ecb] hover:underline">{{ $contact->company->name }}</a>
                            @else
                                —
                            @endif
                        </td>
                        <td data-col="phone" class="text-[#6d7175]">{{ $contact->phone ?: '—' }}</td>
                        <td data-col="consent"><x-admin.badge :tone="$contact->marketing_consent ? 'success' : 'muted'">{{ $contact->marketing_consent ? 'Yes' : 'No' }}</x-admin.badge></td>
                        <td data-col="actions" class="text-right"><a href="{{ route('admin.crm.contacts.show', $contact) }}" class="admin-btn !py-1 text-xs">Open</a></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="p-8"><x-admin.empty title="No contacts" /></td></tr>
                @endforelse
            </tbody>
            <x-slot:footer>{{ $contacts->links() }}</x-slot:footer>
        </x-admin.advanced-table>
    </div>
</x-crm.shell>
@endsection