@extends('layouts.app')
@section('title', $client->business_name)
@section('content')

<div class="flex items-center justify-between mb-6">
    <div>
        <h1 class="text-2xl font-semibold">{{ $client->business_name }}</h1>
        <p class="text-sm text-slate-500">
            {{ $client->sector }} &middot; Google Ads: {{ $client->formattedCustomerId() ?? 'henuz olusturulmadi' }}
        </p>
    </div>
    <span class="px-3 py-1 rounded-full text-xs bg-slate-100">{{ $client->status }}</span>
</div>

<h2 class="text-lg font-medium mb-3">Kampanyalar</h2>
<div class="bg-white border border-slate-200 rounded-xl overflow-hidden mb-8">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 text-slate-500 text-left">
            <tr>
                <th class="px-4 py-3">Kampanya</th>
                <th class="px-4 py-3">Tur</th>
                <th class="px-4 py-3">Gunluk Butce</th>
                <th class="px-4 py-3">Durum</th>
                <th class="px-4 py-3 text-right">Islem</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @forelse($client->campaigns as $campaign)
            <tr>
                <td class="px-4 py-3 font-medium">{{ $campaign->name }}</td>
                <td class="px-4 py-3 text-slate-500">{{ $campaign->type }}</td>
                <td class="px-4 py-3">
                    <form action="{{ route('agency.campaigns.budget', $campaign) }}" method="POST" class="flex items-center gap-1">
                        @csrf @method('PATCH')
                        <input type="number" step="0.01" name="daily_budget" value="{{ $campaign->daily_budget }}"
                               class="w-24 rounded border border-slate-300 px-2 py-1 text-xs">
                        <button class="text-xs underline">Kaydet</button>
                    </form>
                </td>
                <td class="px-4 py-3">
                    <span class="inline-block px-2 py-0.5 rounded-full text-xs
                        {{ $campaign->status === 'active' ? 'bg-green-100 text-green-700' : 'bg-slate-100 text-slate-600' }}">
                        {{ $campaign->status }}
                    </span>
                </td>
                <td class="px-4 py-3 text-right">
                    @if($campaign->status === 'active')
                        <form action="{{ route('agency.campaigns.pause', $campaign) }}" method="POST" class="inline">
                            @csrf
                            <button class="text-xs underline">Duraklat</button>
                        </form>
                    @else
                        <form action="{{ route('agency.campaigns.enable', $campaign) }}" method="POST" class="inline">
                            @csrf
                            <button class="text-xs underline">Aktif Et</button>
                        </form>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="5" class="px-4 py-8 text-center text-slate-400">Henuz kampanya yok.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<h2 class="text-lg font-medium mb-3">Gunluk Performans (Son 30 Gun)</h2>
<div class="bg-white border border-slate-200 rounded-xl overflow-hidden mb-8">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 text-slate-500 text-left">
            <tr>
                <th class="px-4 py-3">Tarih</th>
                <th class="px-4 py-3">Harcama</th>
                <th class="px-4 py-3">Tiklama</th>
                <th class="px-4 py-3">Donusum</th>
                <th class="px-4 py-3">ROAS</th>
                <th class="px-4 py-3">Anomali</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @forelse($reports as $r)
            <tr>
                <td class="px-4 py-3">{{ $r->report_date->format('d.m.Y') }}</td>
                <td class="px-4 py-3">{{ number_format($r->spend, 2) }} TL</td>
                <td class="px-4 py-3">{{ $r->clicks }}</td>
                <td class="px-4 py-3">{{ $r->conversions }}</td>
                <td class="px-4 py-3">{{ $r->roas ? number_format($r->roas, 2).'x' : '-' }}</td>
                <td class="px-4 py-3">
                    @foreach($r->anomalies ?? [] as $a)
                        <span class="inline-block px-2 py-0.5 rounded-full text-xs mr-1
                            {{ $a['severity'] === 'critical' ? 'bg-red-100 text-red-700' :
                               ($a['severity'] === 'high' ? 'bg-orange-100 text-orange-700' : 'bg-amber-50 text-amber-700') }}"
                            title="{{ $a['message'] }}">
                            {{ $a['severity'] }}
                        </span>
                    @endforeach
                </td>
            </tr>
            @empty
            <tr><td colspan="6" class="px-4 py-8 text-center text-slate-400">Henuz rapor yok.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<h2 class="text-lg font-medium mb-3">Degisiklik Kayitlari</h2>
<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">Zaman</th>
                <th class="px-4 py-3">Islem</th>
                <th class="px-4 py-3">Kullanici</th>
                <th class="px-4 py-3">Durum</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @forelse($changeLogs as $log)
            <tr>
                <td class="px-4 py-3 text-slate-500">{{ $log->created_at->format('d.m.Y H:i') }}</td>
                <td class="px-4 py-3">{{ $log->action }}</td>
                <td class="px-4 py-3">{{ $log->user->name ?? 'Sistem' }}</td>
                <td class="px-4 py-3">
                    <span class="inline-block px-2 py-0.5 rounded-full text-xs
                        {{ $log->status === 'executed' ? 'bg-green-100 text-green-700' :
                           ($log->status === 'failed' ? 'bg-red-100 text-red-700' : 'bg-slate-100 text-slate-600') }}">
                        {{ $log->status }}
                    </span>
                </td>
            </tr>
            @empty
            <tr><td colspan="4" class="px-4 py-8 text-center text-slate-400">Henuz kayit yok.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection