@extends('admin.layout')
@section('title', 'Ads Management')

@section('content')
<div class="toolbar">
    <h2 style="font-size: 18px;">📺 Ads Management</h2>
    <a href="{{ route('admin.ads.create') }}" class="btn btn-primary">+ Buat Ads Baru</a>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

@if(session('error'))
    <div class="alert alert-error">{{ session('error') }}</div>
@endif

<div style="background:#1a1a1a;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #2a2a2a;">
    <p style="font-size:13px;color:#888;margin:0;">
        💡 <strong>Cara Pakai:</strong> Buat ads di sini, lalu pilih ads yang mau dipakai di pengaturan Domain.
    </p>
</div>

@if($ads->isEmpty())
    <div class="empty-state">
        <p>Belum ada ads. <a href="{{ route('admin.ads.create') }}" style="color:#6fafdf;">Buat yang pertama</a></p>
    </div>
@else
    <table>
        <thead>
            <tr>
                <th>Nama</th>
                <th>Type</th>
                <th>Position</th>
                <th>Status</th>
                <th>Dipakai</th>
                <th>Priority</th>
                <th>Dibuat</th>
                <th style="text-align:right;">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @foreach($ads as $ad)
            <tr>
                <td>
                    <div style="font-weight:600;font-size:13px;">{{ $ad->name }}</div>
                    <div style="font-size:11px;color:#666;">{{ $ad->slug }}</div>
                </td>
                <td>
                    <span class="badge" style="background:#1a2a3a;color:#6fafdf;">{{ $ad->type_label }}</span>
                </td>
                <td style="font-size:12px;">{{ $ad->position_label }}</td>
                <td>
                    @if($ad->is_active)
                        <span class="badge badge-active">Active</span>
                    @else
                        <span class="badge badge-disabled">Inactive</span>
                    @endif
                </td>
                <td style="text-align:center;">
                    @php $domainsCount = $ad->domains()->count(); @endphp
                    @if($domainsCount > 0)
                        <span class="badge" style="background:#1a3a1a;color:#6fbf6f;">{{ $domainsCount }} domain</span>
                    @else
                        <span style="color:#666;font-size:12px;">-</span>
                    @endif
                </td>
                <td style="text-align:center;font-size:12px;">{{ $ad->priority }}</td>
                <td style="font-size:12px;">{{ $ad->created_at->format('d M Y') }}</td>
                <td style="text-align:right;">
                    <div style="display:flex;gap:4px;justify-content:flex-end;">
                        {{-- Toggle Status --}}
                        <form method="POST" action="{{ route('admin.ads.toggle', $ad) }}" style="display:inline;">
                            @csrf
                            <button type="submit" class="btn btn-sm {{ $ad->is_active ? 'btn-warning' : 'btn-success' }}" title="{{ $ad->is_active ? 'Nonaktifkan' : 'Aktifkan' }}">
                                {{ $ad->is_active ? '⏸' : '▶' }}
                            </button>
                        </form>

                        <a href="{{ route('admin.ads.preview', $ad) }}" class="btn btn-secondary btn-sm" title="Preview">👁</a>

                        {{-- Duplicate --}}
                        <form method="POST" action="{{ route('admin.ads.duplicate', $ad) }}" style="display:inline;">
                            @csrf
                            <button type="submit" class="btn btn-secondary btn-sm" title="Duplicate">📋</button>
                        </form>

                        {{-- Edit --}}
                        <a href="{{ route('admin.ads.edit', $ad) }}" class="btn btn-secondary btn-sm" title="Edit">✏️</a>

                        {{-- Delete --}}
                        <form method="POST" action="{{ route('admin.ads.destroy', $ad) }}" onsubmit="return confirm('Hapus ads ini?');" style="display:inline;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm" title="Hapus">🗑</button>
                        </form>
                    </div>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <div style="margin-top:16px;">
        {{ $ads->links() }}
    </div>
@endif

{{-- Info --}}
<div style="background:#1a1a1a;border-radius:8px;padding:20px;margin-top:24px;border:1px solid #2a2a2a;">
    <h3 style="font-size:14px;margin-bottom:12px;color:#888;">📖 Jenis Ads yang Tersedia</h3>
    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;font-size:13px;color:#aaa;">
        <div><strong>Popunder:</strong> Buka tab baru di belakang</div>
        <div><strong>Banner:</strong> Gambar/HTML banner</div>
        <div><strong>Video Pre-roll:</strong> Iklan sebelum video</div>
        <div><strong>Video Mid-roll:</strong> Iklan tengah video</div>
        <div><strong>Video Post-roll:</strong> Iklan setelah video</div>
        <div><strong>Floating:</strong> Iklan mengambang</div>
        <div><strong>Interstitial:</strong> Iklan full screen</div>
        <div><strong>Native:</strong> Iklan menyatu dengan konten</div>
        <div><strong>Custom:</strong> Script iklan custom</div>
        <div><strong>Direct Link:</strong> Buka link tujuan saat play video ditekan</div>
    </div>
</div>

@endsection