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

@section('title', 'Dashboard')
@section('header_title', 'Dashboard')

@section('content')
    <div class="max-w-9xl mx-auto px-2 md:px-4 space-y-8">

        {{-- ========== 1. Systemübersicht (Top) ========== --}}
        <div class="grid grid-cols-1 #lg:grid-cols-2 gap-4">
            <livewire:ui.system.health-card />
        </div>

        {{-- ========== 2. Systemstatus / Updates ========== --}}
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
            <livewire:ui.system.woltguard-card />
            <livewire:ui.system.update-card />
        </div>

        {{-- ========== 3. Detailkarten ========== --}}
        <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
            {{-- Links --}}
            <div class="md:col-span-6 space-y-4">
                <livewire:ui.system.storage-card />
                <livewire:ui.security.spam-av-card />
                <livewire:ui.mail.dns-health-card />
                <livewire:ui.security.fail2-ban-card />
                <livewire:ui.mail.bounce-card />
            </div>

            {{-- Rechts --}}
            <div class="md:col-span-6 space-y-4">
                <livewire:ui.system.services-card />
                <livewire:ui.security.rbl-card />
                <livewire:ui.system.backup-status-card />
                <livewire:ui.system.alerts-card />
            </div>
        </div>

        {{-- ========== 4. Dashboard-Tables ========== --}}
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
            <livewire:ui.dashboard.domains-panel />
            <livewire:ui.dashboard.recent-logins-table />
        </div>

    </div>
@endsection