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

<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-semibold">Ajans Paneli</h1>
    <a href="{{ route('agency.onboarding.start') }}" class="bg-slate-900 text-white text-sm px-4 py-2 rounded-lg hover:bg-slate-800">
        + Yeni Musteri Ekle
    </a>
</div>

<div class="grid grid-cols-1 sm:grid-cols-4 gap-4 mb-8">
    <div class="bg-white border border-slate-200 rounded-xl p-4">
        <p class="text-xs text-slate-500">Toplam Musteri</p>
        <p class="text-2xl font-semibold">{{ $stats['total_clients'] }}</p>
    </div>
    <div class="bg-white border border-slate-200 rounded-xl p-4">
        <p class="text-xs text-slate-500">Aktif Musteri</p>
        <p class="text-2xl font-semibold">{{ $stats['active_clients'] }}</p>
    </div>
    <div class="bg-white border border-slate-200 rounded-xl p-4">
        <p class="text-xs text-slate-500">Kurulum Bekleyen</p>
        <p class="text-2xl font-semibold">{{ $stats['onboarding'] }}</p>
    </div>
    <div class="bg-white border border-slate-200 rounded-xl p-4">
        <p class="text-xs text-slate-500">Toplam Gunluk Butce</p>
        <p class="text-2xl font-semibold">{{ number_format($stats['total_daily_budget'], 0) }} TL</p>
    </div>
</div>

<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">Sektor</th>
                <th class="px-4 py-3">Durum</th>
                <th class="px-4 py-3">Kampanya</th>
                <th class="px-4 py-3">Gunluk Butce</th>
                <th class="px-4 py-3"></th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @forelse($clients as $client)
            <tr>
                <td class="px-4 py-3 font-medium">{{ $client->business_name }}</td>
                <td class="px-4 py-3 text-slate-500">{{ $client->sector ?? '-' }}</td>
                <td class="px-4 py-3">
                    <span class="inline-block px-2 py-0.5 rounded-full text-xs
                        {{ $client->status === 'active' ? 'bg-green-100 text-green-700' :
                           ($client->status === 'onboarding' ? 'bg-amber-100 text-amber-700' : 'bg-slate-100 text-slate-600') }}">
                        {{ $client->status }}
                    </span>
                </td>
                <td class="px-4 py-3">{{ $client->campaigns_count }}</td>
                <td class="px-4 py-3">{{ $client->daily_budget ? number_format($client->daily_budget, 0).' TL' : '-' }}</td>
                <td class="px-4 py-3 text-right">
                    @if($client->status === 'onboarding')
                        <a href="{{ route('agency.onboarding.step', ['client' => $client->id, 'step' => 1]) }}" class="text-slate-900 underline">Kuruluma devam et</a>
                    @else
                        <a href="{{ route('agency.clients.show', $client) }}" class="text-slate-900 underline">Detay</a>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="6" class="px-4 py-8 text-center text-slate-400">Henuz musteri yok.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection