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

<h1 class="text-2xl font-semibold mb-1">Merhaba, {{ $client->business_name }}</h1>
<p class="text-sm text-slate-500 mb-6">Google Ads hesabinizin genel durumu.</p>

@if($todaysReport)
<div class="grid grid-cols-2 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">Dunku Harcama</p>
        <p class="text-2xl font-semibold">{{ number_format($todaysReport->spend, 2) }} TL</p>
    </div>
    <div class="bg-white border border-slate-200 rounded-xl p-4">
        <p class="text-xs text-slate-500">Tiklama</p>
        <p class="text-2xl font-semibold">{{ $todaysReport->clicks }}</p>
    </div>
    <div class="bg-white border border-slate-200 rounded-xl p-4">
        <p class="text-xs text-slate-500">Donusum</p>
        <p class="text-2xl font-semibold">{{ $todaysReport->conversions }}</p>
    </div>
    <div class="bg-white border border-slate-200 rounded-xl p-4">
        <p class="text-xs text-slate-500">ROAS</p>
        <p class="text-2xl font-semibold">{{ $todaysReport->roas ? number_format($todaysReport->roas, 2).'x' : '-' }}</p>
    </div>
</div>
@else
<div class="bg-amber-50 border border-amber-200 text-amber-800 text-sm rounded-lg p-4 mb-8">
    Henuz bir gunluk rapor olusmadi. Ilk veri bir sonraki senkronizasyonda gorunecek.
</div>
@endif

<h2 class="text-lg font-medium mb-3">Son 30 Gun</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">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>
            </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>
            </tr>
            @empty
            <tr><td colspan="5" class="px-4 py-8 text-center text-slate-400">Henuz veri yok.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection