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

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

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

<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap;">
    <div style="font-size:13px;color:#888;">Total domain: {{ $domains->total() }}</div>
    <a href="{{ route('admin.iframe-whitelist.create') }}" class="btn btn-primary">+ Tambah Domain</a>
</div>

<div style="background:#1a2a1a;border-radius:8px;padding:12px 16px;margin-bottom:18px;border:1px solid #2a4a2a;">
    <p style="font-size:13px;color:#6fbf6f;margin:0;">
        Hanya domain aktif di list ini yang boleh melakukan iframe ke endpoint embed.
    </p>
</div>

@if($domains->isEmpty())
    <div class="empty-state">
        <p>Belum ada whitelist domain. <a href="{{ route('admin.iframe-whitelist.create') }}" style="color:#6fafdf;">Tambah sekarang</a></p>
    </div>
@else
    <table>
        <thead>
            <tr>
                <th>Domain</th>
                <th>Status</th>
                <th>Dibuat</th>
                <th style="text-align:right;">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @foreach($domains as $item)
                <tr>
                    <td style="font-weight:600;">{{ $item->domain }}</td>
                    <td>
                        @if($item->is_active)
                            <span class="badge badge-active">Active</span>
                        @else
                            <span class="badge badge-disabled">Inactive</span>
                        @endif
                    </td>
                    <td style="font-size:12px;color:#aaa;">{{ $item->created_at->format('d M Y H:i') }}</td>
                    <td style="text-align:right;">
                        <div style="display:flex;gap:4px;justify-content:flex-end;">
                            <form method="POST" action="{{ route('admin.iframe-whitelist.toggle', $item) }}" style="display:inline;">
                                @csrf
                                <button type="submit" class="btn btn-sm {{ $item->is_active ? 'btn-warning' : 'btn-success' }}" title="{{ $item->is_active ? 'Nonaktifkan' : 'Aktifkan' }}">
                                    {{ $item->is_active ? '⏸' : '▶' }}
                                </button>
                            </form>

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

                            <form method="POST" action="{{ route('admin.iframe-whitelist.destroy', $item) }}" onsubmit="return confirm('Hapus domain whitelist 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 class="pagination" style="margin-top:16px;">
        {{ $domains->links('pagination::simple-default') }}
    </div>
@endif
@endsection