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

@section('content')
<div class="toolbar">
    <h2 style="font-size: 18px;">🌐 Domain Management</h2>
</div>

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

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

@if(session('test_result'))
    <div style="background:#1a2a2a;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #2a4a4a;">
        <h4 style="font-size:13px;margin-bottom:8px;color:#6fafdf;">Test Result</h4>
        <table style="width:100%;font-size:12px;">
            @foreach(session('test_result') as $key => $value)
            <tr style="border-bottom:1px solid #2a3a3a;">
                <td style="padding:6px;color:#888;">{{ ucfirst(str_replace('_', ' ', $key)) }}</td>
                <td style="padding:6px;color:#aaa;">
                    @if(is_bool($value))
                        {{ $value ? '✓ Yes' : '✗ No' }}
                    @else
                        {{ $value }}
                    @endif
                </td>
            </tr>
            @endforeach
        </table>
    </div>
@endif

<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;">
    <h3 style="font-size:14px;color:#888;">Total Domains: {{ count($domains) }}</h3>
    <a href="{{ route('admin.domains.create') }}" class="btn btn-primary">+ Tambah Domain</a>
</div>

<div style="background:#1a2a1a;border-radius:8px;padding:12px 16px;margin-bottom:20px;border:1px solid #2a4a2a;">
    <p style="font-size:13px;color:#6fbf6f;margin:0;">
        💡 <strong>Tip:</strong> Buat Ads dulu di menu <a href="{{ route('admin.ads.index') }}" style="color:#6fafdf;">📺 Ads</a>, lalu pilih Ads yang mau dipakai di domain ini.
    </p>
</div>

@if($domains->isEmpty())
    <div class="empty-state">
        <p>Belum ada domain. <a href="{{ route('admin.domains.create') }}" style="color:#6fafdf;">Buat yang pertama</a></p>
    </div>
@else
    <table>
        <thead>
            <tr>
                <th>Domain</th>
                <th>Display Name</th>
                <th>Status</th>
                <th>Ads</th>
                <th>Ads Yang Dipakai</th>
                <th>Priority</th>
                <th>Dibuat</th>
                <th style="text-align:right;">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @foreach($domains as $domain)
            <tr>
                <td style="font-weight:600;font-size:13px;">{{ $domain->domain_name }}</td>
                <td style="font-size:12px;color:#888;">{{ $domain->display_name ?? '-' }}</td>
                <td>
                    @if($domain->is_active)
                        <span class="badge badge-active">Active</span>
                    @else
                        <span class="badge badge-disabled">Inactive</span>
                    @endif
                </td>
                <td>
                    @if($domain->ads_enabled)
                        <span class="badge" style="background:#1a3a1a;color:#6fbf6f;">✓ Enabled</span>
                    @else
                        <span class="badge" style="background:#3a1a1a;color:#bf6f6f;">✗ Disabled</span>
                    @endif
                </td>
                <td>
                    @if($domain->ads)
                        <span class="badge" style="background:#1a2a3a;color:#6fafdf;">{{ $domain->ads->name }}</span>
                        <span style="font-size:11px;color:#666;">({{ $domain->ads->type_label }})</span>
                    @else
                        <span style="color:#666;font-size:12px;">-</span>
                    @endif
                </td>
                <td style="text-align:center;font-size:12px;">{{ $domain->priority }}</td>
                <td style="font-size:12px;">{{ $domain->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.domains.toggle', $domain) }}" style="display:inline;">
                            @csrf
                            <button type="submit" class="btn btn-sm {{ $domain->is_active ? 'btn-warning' : 'btn-success' }}" title="{{ $domain->is_active ? 'Nonaktifkan' : 'Aktifkan' }}">
                                {{ $domain->is_active ? '⏸' : '▶' }}
                            </button>
                        </form>

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

                        {{-- Test --}}
                        <form method="POST" action="{{ route('admin.domains.test', $domain) }}" style="display:inline;">
                            @csrf
                            <button type="submit" class="btn btn-secondary btn-sm" title="Test Config">🔍</button>
                        </form>

                        {{-- Delete --}}
                        <form method="POST" action="{{ route('admin.domains.destroy', $domain) }}" onsubmit="return confirm('Hapus domain ini? Aksi ini tidak bisa di-undo.');" 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>
@endif

@endsection