{{-- 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>

{{--                <div class="col-span-12 lg:col-span-6">--}}
{{--                    <livewire:ui.dashboard.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>
{{--    <div class="max-w-9xl mx-auto space-y-6 px-2 md:px-4">--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.dashboard.top-bar/>--}}
{{--        </div>--}}
{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.system.health-card/>--}}
{{--        </div>--}}
{{--        <div class="md:col-span-6">--}}
{{--            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">--}}
{{--                <div>--}}
{{--                    <livewire:ui.system.update-card />--}}
{{--                </div>--}}
{{--                <div>--}}
{{--                    <livewire:ui.system.woltguard-card />--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <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.system.woltguard-card/>--}}
{{--                <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>--}}

{{--        --}}{{--        <div class="max-w-fit col-span-4 #lg:col-span-6">--}}
{{--        --}}{{--            <livewire:ui.system.update-manager />--}}
{{--        --}}{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.system.alerts-card/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.mail.bounce-card/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.security.fail2-ban-card/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.system.backup-status-card/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.security.rbl-card/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.mail.dns-health-card/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.security.spam-av-card/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.mail.queue-card/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.dashboard.top-bar/>--}}
{{--        </div>--}}

{{--        <div class="col-span-12 lg:col-span-6">--}}
{{--            <livewire:ui.dashboard.health-card/>--}}
{{--        </div>--}}

{{--        <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