@extends('layouts.app')
@section('title', 'Musteriler')
@section('content')

<h1 class="text-2xl font-semibold mb-6">Musteriler</h1>

<div class="bg-white border border-slate-200 rounded-xl overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 text-slate-500 text-left">
            <tr>
                <th class="px-4 py-3">Musteri</th>
                <th class="px-4 py-3">Durum</th>
                <th class="px-4 py-3">Kampanya</th>
                <th class="px-4 py-3">Google Ads ID</th>
                <th class="px-4 py-3"></th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @foreach($clients as $client)
            <tr>
                <td class="px-4 py-3 font-medium">{{ $client->business_name }}</td>
                <td class="px-4 py-3">{{ $client->status }}</td>
                <td class="px-4 py-3">{{ $client->campaigns_count }}</td>
                <td class="px-4 py-3 text-slate-500">{{ $client->formattedCustomerId() ?? '-' }}</td>
                <td class="px-4 py-3 text-right"><a href="{{ route('agency.clients.show', $client) }}" class="underline">Detay</a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

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