@extends('admin.panel.layout')

@section('admin_title', 'Werbung')

@section('admin_content')
    @if(session('ok'))
        <div class="flash-banner flash-banner-success">{{ session('ok') }}</div>
    @endif

    <div class="admin-header">
        <div>
            <span class="shop-muted-label">KotschAds</span>
            <h1>Eigene Werbe-Engine</h1>
            <p class="shop-copy">Alle Sites (kotsch, toolaro, arthurkotsch, …) und Apps ziehen ihre Anzeigen von hier —
                per <code>GET /api/ads/serve?site=…&amp;zone=…&amp;limit=…</code>. Klicks laufen über
                <code>/api/ads/go/{id}</code> und werden gezählt. Änderungen sind in ≤60&nbsp;Sekunden überall live.</p>
        </div>
        <div class="admin-toolbar">
            <a class="shop-button" href="{{ route('admin.ads.create') }}"><i class="fas fa-plus"></i> Anzeige anlegen</a>
        </div>
    </div>

    <div class="admin-card-grid">
        <div class="admin-metric-card"><span>Anzeigen aktiv</span><strong>{{ $totals['active'] }} / {{ $ads->count() }}</strong></div>
        <div class="admin-metric-card"><span>Impressions</span><strong>{{ number_format($totals['impressions'], 0, ',', '.') }}</strong></div>
        <div class="admin-metric-card"><span>Klicks</span><strong>{{ number_format($totals['clicks'], 0, ',', '.') }}</strong></div>
    </div>

    <div class="admin-panel">
        @if($ads->isEmpty())
            <p class="shop-note">Noch keine Anzeigen. Leg die erste an — oder führe den Seeder aus:
                <code>php artisan db:seed --class=HouseAdSeeder</code></p>
        @else
            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr>
                            <th>Anzeige</th>
                            <th>Typ</th>
                            <th>Sites / Zonen</th>
                            <th>Gewicht</th>
                            <th>Impr. · Klicks · CTR</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($ads as $ad)
                            <tr>
                                <td>
                                    <div style="display:flex;align-items:center;gap:10px">
                                        @if($ad->imageUrl())
                                            <img src="{{ $ad->imageUrl() }}" alt="" style="width:38px;height:38px;border-radius:8px;object-fit:cover;border:1px solid var(--ap-line,#e2e8f0)">
                                        @endif
                                        <div>
                                            <strong style="color:var(--ap-ink)">{{ $ad->title }}</strong>
                                            @unless($ad->active)<span class="admin-badge" style="background:#fef2f2;color:#b91c1c;margin-left:8px">inaktiv</span>@endunless
                                            <div style="color:var(--ap-faint);font-size:.78rem;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ $ad->target_url }}</div>
                                        </div>
                                    </div>
                                </td>
                                <td><span class="admin-badge">{{ $ad->type }}</span></td>
                                <td style="font-size:.8rem;color:var(--ap-faint)">
                                    {{ $ad->sites ? implode(', ', $ad->sites) : 'alle Sites' }}<br>
                                    {{ $ad->zones ? implode(', ', $ad->zones) : 'alle Zonen' }}
                                </td>
                                <td>{{ $ad->weight }}</td>
                                <td style="white-space:nowrap">{{ number_format($ad->impressions, 0, ',', '.') }} · {{ number_format($ad->clicks, 0, ',', '.') }} · {{ $ad->ctr() }}%</td>
                                <td style="white-space:nowrap;text-align:right">
                                    <a class="shop-button shop-button-ghost" href="{{ route('admin.ads.edit', $ad) }}"><i class="fas fa-pen"></i></a>
                                    <form method="POST" action="{{ route('admin.ads.destroy', $ad) }}" style="display:inline" onsubmit="return confirm('Anzeige „{{ $ad->title }}&quot; wirklich löschen?')">
                                        @csrf @method('DELETE')
                                        <button class="shop-button shop-button-ghost" type="submit" title="Löschen"><i class="fas fa-trash"></i></button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
@endsection