{{-- resources/views/domains/index.blade.php --}}
@extends('layouts.app')

@section('content')
    <div class="max-w-6xl mx-auto px-4 py-8">
        <h1 class="text-2xl font-semibold mb-6">Domains</h1>
        <livewire:ui.domain.domain-dns-list />
    </div>
@endsection

{{--@extends('layouts.app')--}}

{{--@section('content')--}}
{{--    <div class="max-w-6xl mx-auto px-4 py-8" x-data="dnsAssistant()">--}}
{{--        <h1 class="text-2xl font-semibold mb-6">Domains</h1>--}}

{{--        <div class="bg-slate-800/40 rounded-2xl p-4">--}}
{{--            <table class="w-full text-sm">--}}
{{--                <thead class="text-slate-300">--}}
{{--                <tr>--}}
{{--                    <th class="text-left py-2">Domain</th>--}}
{{--                    <th class="text-left py-2">Aktiv</th>--}}
{{--                    <th class="text-left py-2">Typ</th>--}}
{{--                    <th class="py-2"></th>--}}
{{--                </tr>--}}
{{--                </thead>--}}
{{--                <tbody class="divide-y divide-slate-700/60">--}}
{{--                @foreach(\App\Models\Domain::orderBy('domain')->get() as $d)--}}
{{--                    <tr>--}}
{{--                        <td class="py-3">{{ $d->domain }}</td>--}}
{{--                        <td class="py-3">--}}
{{--                            <span class="px-2 py-1 rounded text-xs {{ $d->is_active ? 'bg-emerald-600/30 text-emerald-200' : 'bg-slate-600/30 text-slate-300' }}">--}}
{{--                                {{ $d->is_active ? 'aktiv' : 'inaktiv' }}--}}
{{--                            </span>--}}
{{--                        </td>--}}
{{--                        <td class="py-3">--}}
{{--                            <span class="px-2 py-1 rounded text-xs {{ $d->is_system ? 'bg-indigo-600/30 text-indigo-200' : 'bg-sky-600/30 text-sky-100' }}">--}}
{{--                                {{ $d->is_system ? 'System' : 'Kunde' }}--}}
{{--                            </span>--}}
{{--                        </td>--}}
{{--                        <td class="py-3 text-right">--}}
{{--                            <button--}}
{{--                                onclick="Livewire.dispatch('openModal', 'ui.domain.modal.domain-dns-modal', {{ json_encode(['domainId' => $d->id]) }})"--}}
{{--                                class="px-3 py-1.5 rounded-lg bg-gradient-to-r from-teal-500 to-emerald-600 text-white hover:opacity-90"--}}
{{--                            >--}}
{{--                                DNS-Assistent--}}
{{--                            </button>--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                @endforeach--}}
{{--                </tbody>--}}
{{--            </table>--}}
{{--        </div>--}}
{{--    </div>--}}

{{--    <script>--}}
{{--        function dnsAssistant() {--}}
{{--            return {--}}
{{--                visible: false,--}}
{{--                loading: false,--}}
{{--                payload: { domain: '', records: [] },--}}
{{--                async open(id) {--}}
{{--                    this.visible = true; this.loading = true;--}}
{{--                    const res = await fetch(`{{ route('ui.domain.dns', ['domain' => 'ID_PLACEHOLDER']) }}`.replace('ID_PLACEHOLDER', id));--}}
{{--                    this.payload = await res.json();--}}
{{--                    this.loading = false;--}}
{{--                }--}}
{{--            }--}}
{{--        }--}}
{{--    </script>--}}
{{--@endsection--}}