@extends('admin.social-automation.layout')

@section('title', 'Metrikler')

@section('sma_content')
    <h1>Metrikler</h1>
    <p class="muted">Başarıyla paylaşılmış içeriklerin platform bazlı performans özeti.</p>

    <div class="card" id="totals-card">
        <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;">
            <h2 style="font-size:1.05rem; margin:0;">Platform Özeti</h2>
            <form method="POST" action="{{ route('admin.social-automation.metrics.refresh-all') }}">
                @csrf
                <button type="submit" style="padding:8px 16px; font-size:.85rem;">Tümünü Yenile</button>
            </form>
        </div>

        @if ($totalsByPlatform->isEmpty())
            <p class="muted">Henüz başarıyla paylaşılmış bir içerik yok.</p>
        @else
            <div style="display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:14px;">
                @foreach ($totalsByPlatform as $platform => $data)
                    <div style="border:1px solid var(--border); border-radius:10px; padding:14px;">
                        <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
                            @include('admin.social-automation.partials.platform-icon', ['platform' => $platform, 'size' => 20])
                            <strong>{{ $platforms[$platform]['label'] ?? $platform }}</strong>
                        </div>
                        <p class="muted" style="margin:0 0 8px;">{{ $data['count'] }} paylaşım ({{ $data['with_metrics'] }} metrikli)</p>
                        @if (count($data['totals']) > 0)
                            @foreach ($data['totals'] as $key => $value)
                                <div style="font-size:.85rem;">{{ $metricLabels[$key] ?? $key }}: <strong>{{ number_format($value) }}</strong></div>
                            @endforeach
                        @else
                            <p class="muted" style="font-size:.8rem; margin:0;">Metrik verisi yok.</p>
                        @endif
                    </div>
                @endforeach
            </div>
        @endif
    </div>

    <div class="card" id="results-card">
        <h2 style="font-size:1.05rem; margin-top:0;">Tüm Paylaşımlar</h2>
        <table>
            <thead><tr><th>Platform</th><th>İş</th><th>Bağlantı</th><th>Metrikler</th><th>Son Güncelleme</th></tr></thead>
            <tbody>
                @foreach ($results as $result)
                    <tr>
                        <td>
                            <span style="display:flex; align-items:center; gap:8px;">
                                @include('admin.social-automation.partials.platform-icon', ['platform' => $result->platform, 'size' => 18])
                                {{ $platforms[$result->platform]['label'] ?? $result->platform }}
                            </span>
                        </td>
                        <td><a class="link" href="{{ route('admin.social-automation.jobs.show', $result->content_job_id) }}">#{{ $result->content_job_id }}</a></td>
                        <td>
                            @if ($result->external_url)
                                <a class="link" href="{{ $result->external_url }}" target="_blank">görüntüle</a>
                            @else
                                <span class="muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if ($result->metrics)
                                <div style="font-size:.8rem;">
                                    @foreach ($result->metrics as $metricKey => $metricValue)
                                        <div>{{ $metricLabels[$metricKey] ?? $metricKey }}: <strong>{{ number_format($metricValue) }}</strong></div>
                                    @endforeach
                                </div>
                            @else
                                <span class="muted">Henüz çekilmedi</span>
                            @endif
                        </td>
                        <td class="muted">{{ $result->metrics_fetched_at?->diffForHumans() ?? '—' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        @if ($results->isEmpty())
            <p class="muted">Henüz başarıyla paylaşılmış bir içerik yok.</p>
        @endif
    </div>
@endsection