@extends('layouts.admin')
@section('title', 'Domains')
@section('heading', 'Installations / Domains')

@section('content')
    <form method="GET" class="flex gap-2 mb-5">
        <input name="q" value="{{ request('q') }}" placeholder="Search domain…"
               class="rounded-lg border border-slate-300 px-3 py-2 text-sm w-72 focus:outline-none focus:ring-2 focus:ring-indigo-400">
        <button class="px-3 py-2 rounded-lg bg-slate-200 text-slate-700 text-sm hover:bg-slate-300">Search</button>
    </form>

    <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
        <table class="w-full text-sm">
            <thead class="bg-slate-50 text-slate-500 text-xs uppercase">
                <tr>
                    <th class="text-left px-5 py-3 font-semibold">Domain</th>
                    <th class="text-left px-5 py-3 font-semibold">Customer</th>
                    <th class="text-left px-5 py-3 font-semibold">CMS Version</th>
                    <th class="text-left px-5 py-3 font-semibold">Current IP</th>
                    <th class="text-left px-5 py-3 font-semibold">Last Verification</th>
                    <th class="text-left px-5 py-3 font-semibold">Status</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($domains as $domain)
                    <tr class="hover:bg-slate-50">
                        <td class="px-5 py-3 font-medium text-slate-800">{{ $domain->domain }}</td>
                        <td class="px-5 py-3 text-slate-600">{{ $domain->customer?->company_name }}</td>
                        <td class="px-5 py-3 text-slate-500">{{ $domain->cms_version ?? '—' }}</td>
                        <td class="px-5 py-3 text-slate-500">{{ $domain->current_ip ?? '—' }}</td>
                        <td class="px-5 py-3 text-slate-500">{{ $domain->last_verification_at?->diffForHumans() ?? 'never' }}</td>
                        <td class="px-5 py-3"><x-status-badge :status="$domain->status" /></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-5 py-8 text-center text-slate-400">No installations yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $domains->links() }}</div>
@endsection