{{-- resources/views/livewire/setup-wizard.blade.php --}}
<div class="max-w-xl mx-auto py-10 space-y-6">
    <h1 class="text-2xl font-semibold">Ersteinrichtung</h1>

    @if (session('ok'))
        <div class="p-3 bg-green-100 border border-green-300 rounded">{{ session('ok') }}</div>
    @endif

    <div>
        <label class="block text-sm">Domain (FQDN)</label>
        <input type="text" wire:model.defer="domain" class="w-full border rounded px-3 py-2" placeholder="mail.example.com">
        @error('domain')<p class="text-red-600 text-sm">{{ $message }}</p>@enderror
    </div>

    <div>
        <label class="block text-sm">Zeitzone</label>
        <input type="text" wire:model.defer="timezone" class="w-full border rounded px-3 py-2" placeholder="Europe/Berlin">
        @error('timezone')<p class="text-red-600 text-sm">{{ $message }}</p>@enderror
    </div>

    <label class="inline-flex items-center gap-2">
        <input type="checkbox" wire:model="agree_cert">
        <span>Zertifikatserstellung anstoßen</span>
    </label>

    <button wire:click="save" class="bg-blue-600 text-white px-4 py-2 rounded">Speichern</button>
</div>