feat: Netzwerk-Segmentverwaltung, Dashboard, globale Suche v0.6.0

CHANGELOG.md

@@ -9,6 +9,20 @@ Dieses Projekt verwendet [Semantic Versioning](https://semver.org/lang/de/).
 
 ---
 
+## [0.6.0] - 2026-07-01
+
+### Added
+- Netzwerk-Segmentverwaltung: Subnetze mit Name, VLAN-ID und Aktiv/Inaktiv-Flag definieren
+- Neue Tabelle `network_segments` als organisatorische Einheit für Scan-Durchläufe
+- Dashboard-Ansicht „Netzwerk" mit Übersicht aller Segmente, KPI-Karten und offenen Ereignissen
+- Globale Suche über alle Segmente nach IP, MAC, Hostname und Bezeichnung
+- Navigation „Netzwerk" als Dropdown: Dashboard, Segmente, Alle Geräte, Suche, Import
+- Import-Seite: Segment-Auswahl beim Upload eines Angry IP Scanner Exports
+- Segment-Detailseite mit Scan-Historie
+- `segment_id` FK in `network_scans` Tabelle
+
+---
+
 ## [0.5.0] - 2026-06-29
 
 ### Added
@@ -81,7 +95,8 @@ Dieses Projekt verwendet [Semantic Versioning](https://semver.org/lang/de/).
 - Grundlegende PHP-Projektstruktur (public/, src/, config/)
 - composer.json, .gitignore, README.md
 
-[Unreleased]: http://localhost:3000/admin/Network-MGMT/compare/v0.5.0...HEAD
+[Unreleased]: http://localhost:3000/admin/Network-MGMT/compare/v0.6.0...HEAD
+[0.6.0]: http://localhost:3000/admin/Network-MGMT/compare/v0.5.0...v0.6.0
 [0.5.0]: http://localhost:3000/admin/Network-MGMT/compare/v0.4.0...v0.5.0
 [0.4.0]: http://localhost:3000/admin/Network-MGMT/compare/v0.3.0...v0.4.0
 [0.3.0]: http://localhost:3000/admin/Network-MGMT/compare/v0.2.0...v0.3.0

app/Http/Controllers/NetworkController.php

@@ -5,31 +5,67 @@ namespace App\Http\Controllers;
 use App\Models\NetworkDevice;
 use App\Models\NetworkDeviceEvent;
 use App\Models\NetworkScan;
+use App\Models\NetworkSegment;
 use App\Services\NetworkScanImporter;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Storage;
 use Illuminate\View\View;
 
 class NetworkController extends Controller
 {
-    // --- Übersicht ---
+    // --- Dashboard ---
-    public function index(): View
+    public function dashboard(): View
     {
-        $latestScan  = NetworkScan::latest()->first();
+        $segments = NetworkSegment::withCount('scans')->orderBy('name')->get();
-        $totalDevices = NetworkDevice::count();
+        $totalDevices  = NetworkDevice::count();
         $onlineDevices = NetworkDevice::where('status', 'online')->count();
-        $recentEvents = NetworkDeviceEvent::with('device')
+        $recentEvents  = NetworkDeviceEvent::with('device')
             ->where('documented', false)
             ->latest()
             ->take(10)
             ->get();
-        $scans = NetworkScan::latest()->take(10)->get();
 
-        return view('network.index', compact(
+        // Letzten Scan pro Segment
-            'latestScan', 'totalDevices', 'onlineDevices', 'recentEvents', 'scans'
+        $latestScans = NetworkScan::select('network_scans.*')
+            ->orderByDesc('created_at')
+            ->get()
+            ->groupBy('segment_id');
+
+        return view('network.dashboard', compact(
+            'segments', 'totalDevices', 'onlineDevices', 'recentEvents', 'latestScans'
         ));
     }
 
+    // --- Globale Suche ---
+    public function search(Request $request): View
+    {
+        $q       = trim($request->get('q', ''));
+        $devices = collect();
+
+        if (strlen($q) >= 2) {
+            $devices = NetworkDevice::with('events')
+                ->where(function ($query) use ($q) {
+                    $query->where('current_ip',   'like', "%{$q}%")
+                          ->orWhere('mac_address', 'like', "%{$q}%")
+                          ->orWhere('hostname',    'like', "%{$q}%")
+                          ->orWhere('label',       'like', "%{$q}%")
+                          ->orWhere('mac_vendor',  'like', "%{$q}%");
+                })
+                ->orderBy('current_ip')
+                ->paginate(50)
+                ->withQueryString();
+        }
+
+        return view('network.search', compact('q', 'devices'));
+    }
+
+    // --- Alte index-Route umleiten ---
+    public function index(): \Illuminate\Http\RedirectResponse
+    {
+        return redirect()->route('network.dashboard');
+    }
+
     // --- Alle Geräte ---
     public function devices(Request $request): View
     {
@@ -136,19 +172,25 @@ class NetworkController extends Controller
     // --- Import ---
     public function showImport(): View
     {
-        return view('network.import');
+        $segments = NetworkSegment::where('active', true)->orderBy('name')->get();
+        return view('network.import', compact('segments'));
     }
 
     public function import(Request $request, NetworkScanImporter $importer): RedirectResponse
     {
         $request->validate([
-            'scan_file' => ['required', 'file', 'mimes:txt,csv', 'max:5120'],
+            'segment_id' => ['nullable', 'exists:network_segments,id'],
+            'scan_file'  => ['required', 'file', 'mimes:txt,csv', 'max:10240'],
         ]);
 
-        $path = $request->file('scan_file')->store('imports', 'local');
+        $path     = $request->file('scan_file')->store('imports', 'local');
-        $fullPath = storage_path('app/' . $path);
+        $fullPath = Storage::disk('local')->path($path);
 
-        $scan = $importer->importAngryIpScannerFile($fullPath, auth()->id());
+        $scan = $importer->importAngryIpScannerFile(
+            $fullPath,
+            auth()->id(),
+            $request->input('segment_id')
+        );
 
         return redirect()->route('network.scan', $scan)
             ->with('success', "Import abgeschlossen: {$scan->online_hosts} online, {$scan->new_devices} neue Geräte.");

app/Http/Controllers/NetworkSegmentController.php

@@ -0,0 +1,83 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\NetworkSegment;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+class NetworkSegmentController extends Controller
+{
+    public function index(): View
+    {
+        $segments = NetworkSegment::withCount('scans')
+            ->orderBy('name')
+            ->get();
+
+        return view('network.segments.index', compact('segments'));
+    }
+
+    public function create(): View
+    {
+        return view('network.segments.create');
+    }
+
+    public function store(Request $request): RedirectResponse
+    {
+        $validated = $request->validate([
+            'name'        => ['required', 'string', 'max:100'],
+            'subnet'      => ['required', 'string', 'max:50'],
+            'vlan_id'     => ['nullable', 'integer', 'min:1', 'max:4094'],
+            'active'      => ['boolean'],
+            'description' => ['nullable', 'string', 'max:500'],
+        ]);
+
+        $validated['active']     = $request->boolean('active', true);
+        $validated['created_by'] = auth()->id();
+
+        NetworkSegment::create($validated);
+
+        return redirect()->route('network.segments.index')
+            ->with('success', "Segment \"{$validated['name']}\" angelegt.");
+    }
+
+    public function show(NetworkSegment $segment): View
+    {
+        $scans = $segment->scans()->latest()->paginate(20);
+        $latestScan = $segment->scans()->latest()->first();
+
+        return view('network.segments.show', compact('segment', 'scans', 'latestScan'));
+    }
+
+    public function edit(NetworkSegment $segment): View
+    {
+        return view('network.segments.edit', compact('segment'));
+    }
+
+    public function update(Request $request, NetworkSegment $segment): RedirectResponse
+    {
+        $validated = $request->validate([
+            'name'        => ['required', 'string', 'max:100'],
+            'subnet'      => ['required', 'string', 'max:50'],
+            'vlan_id'     => ['nullable', 'integer', 'min:1', 'max:4094'],
+            'active'      => ['boolean'],
+            'description' => ['nullable', 'string', 'max:500'],
+        ]);
+
+        $validated['active'] = $request->boolean('active', true);
+        $segment->update($validated);
+
+        return redirect()->route('network.segments.index')
+            ->with('success', "Segment \"{$segment->name}\" aktualisiert.");
+    }
+
+    public function destroy(NetworkSegment $segment): RedirectResponse
+    {
+        $name = $segment->name;
+        $segment->delete();
+
+        return redirect()->route('network.segments.index')
+            ->with('success', "Segment \"{$name}\" gelöscht.");
+    }
+}

app/Models/NetworkScan.php

@@ -9,7 +9,7 @@ use Illuminate\Database\Eloquent\Relations\HasMany;
 class NetworkScan extends Model
 {
     protected $fillable = [
-        'subnet', 'source', 'scanner', 'total_hosts',
+        'segment_id', 'subnet', 'source', 'scanner', 'total_hosts',
         'online_hosts', 'new_devices', 'changed_devices',
         'notes', 'created_by',
     ];
@@ -27,4 +27,9 @@ class NetworkScan extends Model
     {
         return $this->belongsTo(User::class, 'created_by');
     }
+
+    public function segment(): BelongsTo
+    {
+        return $this->belongsTo(NetworkSegment::class, 'segment_id');
+    }
 }

app/Models/NetworkSegment.php

@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\Relations\HasManyThrough;
+
+class NetworkSegment extends Model
+{
+    protected $fillable = [
+        'name', 'subnet', 'vlan_id', 'active', 'description', 'created_by',
+    ];
+
+    protected $casts = [
+        'active'   => 'boolean',
+        'vlan_id'  => 'integer',
+    ];
+
+    public function createdBy(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'created_by');
+    }
+
+    public function scans(): HasMany
+    {
+        return $this->hasMany(NetworkScan::class, 'segment_id');
+    }
+
+    public function latestScan(): HasMany
+    {
+        return $this->hasMany(NetworkScan::class, 'segment_id')->latestOfMany();
+    }
+
+    /** Alle Hosts dieses Segments (über Scans) */
+    public function hosts(): HasManyThrough
+    {
+        return $this->hasManyThrough(NetworkHost::class, NetworkScan::class, 'segment_id', 'scan_id');
+    }
+
+    /** Anzahl online-Hosts im letzten Scan */
+    public function getOnlineCountAttribute(): int
+    {
+        return $this->scans()->latest()->first()?->online_hosts ?? 0;
+    }
+
+    /** Anzahl Geräte gesamt im letzten Scan */
+    public function getTotalCountAttribute(): int
+    {
+        return $this->scans()->latest()->first()?->total_hosts ?? 0;
+    }
+
+    /** Letzter Scan-Zeitpunkt */
+    public function getLastScannedAtAttribute(): ?string
+    {
+        return $this->scans()->latest()->first()?->created_at?->format('d.m.Y H:i');
+    }
+}

app/Services/NetworkScanImporter.php

@@ -8,6 +8,7 @@ use App\Models\NetworkHost;
 use App\Models\NetworkScan;
 use Illuminate\Support\Carbon;
 use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Log;
 
 class NetworkScanImporter
 {
@@ -19,47 +20,84 @@ class NetworkScanImporter
     /**
      * Importiert eine Angry IP Scanner .txt Exportdatei.
      */
-    public function importAngryIpScannerFile(string $filePath, int $createdBy): NetworkScan
+    public function importAngryIpScannerFile(string $filePath, int $createdBy, ?int $segmentId = null): NetworkScan
     {
-        $lines   = file($filePath, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
+        // Datei einlesen und UTF-8 BOM entfernen
-        $scanner = '';
+        $content = file_get_contents($filePath);
-        $subnet  = '';
+        $content = preg_replace('/^\xEF\xBB\xBF/', '', $content); // UTF-8 BOM
-        $headers = [];
+        $content = str_replace("\r\n", "\n", $content);           // Windows CRLF → LF
-        $rows    = [];
+        $content = str_replace("\r", "\n", $content);             // altes Mac CR → LF
+
+        $lines   = array_filter(explode("\n", $content), fn($l) => trim($l) !== '');
+        $lines   = array_values($lines);
+
+        $scanner      = '';
+        $subnet       = '';
+        $headers      = [];
+        $rows         = [];
+        $splitPattern = null; // wird beim ersten Header-Treffer gesetzt
 
         foreach ($lines as $line) {
-            if (str_starts_with($line, 'Erstellt von') || str_starts_with($line, 'Created by')) {
+            $trimmed = trim($line);
-                $scanner = trim(str_replace(['Erstellt von ', 'Created by '], '', $line));
+
+            if (str_starts_with($trimmed, 'Erstellt von') || str_starts_with($trimmed, 'Created by')) {
+                $scanner = trim(str_replace(['Erstellt von ', 'Created by '], '', $trimmed));
                 continue;
             }
-            if (str_starts_with($line, 'Gescannt') || str_starts_with($line, 'Scanned')) {
+            if (str_starts_with($trimmed, 'Gescannt') || str_starts_with($trimmed, 'Scanned')) {
-                // "Gescannt 192.168.86.0 - 192.168.86.255"
+                preg_match('/(\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})/', $trimmed, $m);
-                preg_match('/(\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})/', $line, $m);
                 $subnet = $m[1] ?? '0.0.0.0';
                 continue;
             }
-            if (str_starts_with($line, 'http') || str_starts_with($line, 'https')) {
+            if (str_starts_with($trimmed, 'http')) {
-                continue; // URL-Zeile überspringen
-            }
-            // Header-Zeile (beginnt mit "IP")
-            if (str_starts_with($line, 'IP') && empty($headers)) {
-                $headers = preg_split('/\t+/', $line);
-                $headers = array_map('trim', $headers);
                 continue;
             }
-            // Datenzeile
+
-            if (!empty($headers) && str_starts_with(trim($line), '') && preg_match('/^\d{1,3}\./', trim($line))) {
+            // Header-Zeile erkennen (beginnt mit "IP")
-                $cols = preg_split('/\t+/', $line);
+            if (str_starts_with($trimmed, 'IP') && empty($headers)) {
-                $row  = [];
+                // Trennzeichen auto-detektieren
+                if (substr_count($trimmed, "\t") >= 2) {
+                    $splitPattern = '/\t/';
+                } elseif (substr_count($trimmed, ';') >= 2) {
+                    $splitPattern = '/;/';
+                } elseif (substr_count($trimmed, ',') >= 2) {
+                    $splitPattern = '/,/';
+                } else {
+                    // Angry IP Scanner: mehrere normale Leerzeichen als Trennzeichen
+                    // Non-Breaking Spaces (0xC2 0xA0) bleiben innerhalb von Werten erhalten
+                    $splitPattern = '/ {2,}/';
+                }
+                $headers = array_map('trim', preg_split($splitPattern, $trimmed));
+                continue;
+            }
+
+            // Datenzeile: muss mit IP-Adresse beginnen
+            if (!empty($headers) && $splitPattern !== null
+                && preg_match('/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/', $trimmed)) {
+                $cols = array_map(
+                    fn($v) => trim(str_replace("\xc2\xa0", ' ', $v)), // Non-Breaking Spaces → normale Spaces
+                    preg_split($splitPattern, $line)
+                );
+                $row = [];
                 foreach ($headers as $i => $h) {
-                    $row[$h] = trim($cols[$i] ?? '');
+                    $row[$h] = $cols[$i] ?? '';
                 }
                 $rows[] = $row;
             }
         }
 
-        return DB::transaction(function () use ($rows, $scanner, $subnet, $createdBy) {
+        // DEBUG: Log parse results
+        Log::info('NetworkScanImporter: scanner=' . $scanner . ', subnet=' . $subnet);
+        Log::info('NetworkScanImporter: separator hex=' . bin2hex($separator));
+        Log::info('NetworkScanImporter: headers=' . json_encode($headers));
+        Log::info('NetworkScanImporter: rows found=' . count($rows));
+        if (!empty($rows)) {
+            Log::info('NetworkScanImporter: first row=' . json_encode($rows[0]));
+        }
+
+        return DB::transaction(function () use ($rows, $scanner, $subnet, $createdBy, $segmentId) {
             $this->scan = NetworkScan::create([
+                'segment_id' => $segmentId,
                 'subnet'     => $subnet,
                 'source'     => 'import',
                 'scanner'    => $scanner,
@@ -83,23 +121,23 @@ class NetworkScanImporter
 
     private function processRow(array $row): void
     {
-        $ip     = $this->extractColumn($row, ['IP']);
+        $ip     = trim($this->extractColumn($row, ['IP', 'IP-Adresse', 'IP Address', 'IP Adresse']));
-        $ping   = $this->extractColumn($row, ['Ping']);
+        $ping   = trim($this->extractColumn($row, ['Ping', 'Ping (ms)']));
-        $host   = $this->extractColumn($row, ['Hostname']);
+        $host   = $this->cleanValue($this->extractColumn($row, ['Hostname', 'Host Name', 'DNS-Hostname']));
-        $mac    = $this->normalizeMAC($this->extractColumn($row, ['MAC Addresse', 'MAC Address']));
+        $mac    = $this->normalizeMAC($this->extractColumn($row, ['MAC Adresse', 'MAC Addresse', 'MAC Address', 'MAC-Adresse', 'MAC']));
-        $vendor = $this->extractColumn($row, ['MAC Hersteller', 'MAC Vendor']);
+        $vendor = $this->cleanValue($this->extractColumn($row, ['MAC Hersteller', 'MAC Vendor', 'Hersteller', 'Vendor']));
-        $ttl    = (int) $this->extractColumn($row, ['TTL']) ?: null;
+        $ttl    = (int) $this->cleanValue($this->extractColumn($row, ['TTL'])) ?: null;
-        $ports  = $this->extractColumn($row, ['Ports']);
+        $ports  = $this->cleanValue($this->extractColumn($row, ['Ports', 'Gefilterte Ports', 'Offene Ports']));
-        $netbios= $this->extractColumn($row, ['NetBIOS Info']);
+        $netbios= $this->cleanValue($this->extractColumn($row, ['NetBIOS Info', 'NetBIOS-Info', 'NetBIOS']));
-        $http   = $this->extractColumn($row, ['HTTP Sender']);
+        $http   = $this->cleanValue($this->extractColumn($row, ['HTTP Sender', 'HTTP']));
-        $web    = $this->extractColumn($row, ['Web Erkennung', 'Web Detection']);
+        $web    = $this->cleanValue($this->extractColumn($row, ['Web Erkennung', 'Web Detection', 'Webserver']));
 
         $pingMs = null;
         $status = 'offline';
 
-        if (!empty($ping) && $ping !== 'n/a' && $ping !== '-') {
+        // Online-Erkennung: Ping enthält eine Zahl gefolgt von "ms"
-            preg_match('/(\d+)/', $ping, $m);
+        if (preg_match('/(\d+)\s*ms/i', $ping, $m)) {
-            $pingMs = isset($m[1]) ? (int)$m[1] : null;
+            $pingMs = (int) $m[1];
             $status = 'online';
             $this->onlineHosts++;
         }
@@ -210,6 +248,17 @@ class NetworkScanImporter
         return '';
     }
 
+    /**
+     * Bereinigt Angry IP Scanner Platzhalterwerte wie [n/a], [n/s], [n/d] zu leerem String.
+     */
+    private function cleanValue(string $value): string
+    {
+        if (preg_match('/^\[n\/[asd]\]$/i', trim($value))) {
+            return '';
+        }
+        return trim($value);
+    }
+
     private function normalizeMAC(string $mac): string
     {
         // Verschiedene MAC-Formate normalisieren zu XX:XX:XX:XX:XX:XX

database/migrations/2026_07_01_100001_create_network_segments_table.php

@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('network_segments', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');                         // z.B. "Büro", "Server-VLAN"
+            $table->string('subnet');                       // z.B. "192.168.86.0/24"
+            $table->unsignedSmallInteger('vlan_id')->nullable(); // z.B. 10, 20
+            $table->boolean('active')->default(true);       // aktiv überwachen
+            $table->text('description')->nullable();        // optionale Beschreibung
+            $table->foreignId('created_by')->nullable()->constrained('users')->nullOnDelete();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('network_segments');
+    }
+};

database/migrations/2026_07_01_100002_add_segment_id_to_network_scans.php

@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('network_scans', function (Blueprint $table) {
+            $table->foreignId('segment_id')
+                  ->nullable()
+                  ->after('id')
+                  ->constrained('network_segments')
+                  ->nullOnDelete();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('network_scans', function (Blueprint $table) {
+            $table->dropForeign(['segment_id']);
+            $table->dropColumn('segment_id');
+        });
+    }
+};

resources/views/layouts/navigation.blade.php

@@ -39,10 +39,35 @@
                     </x-dropdown>
                     @endrole
 
-                    {{-- Netzwerk-Link --}}
+                    {{-- Netzwerk-Dropdown --}}
-                    <x-nav-link :href="route('network.index')" :active="request()->routeIs('network.*')">
+                    <x-dropdown align="left" width="48">
-                        🌐 Netzwerk
+                        <x-slot name="trigger">
-                    </x-nav-link>
+                            <button class="inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium leading-5 transition duration-150 ease-in-out focus:outline-none
+                                {{ request()->routeIs('network.*') ? 'border-indigo-400 text-gray-900 dark:text-gray-100' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300' }}">
+                                🌐 Netzwerk
+                                <svg class="ms-1 fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                </svg>
+                            </button>
+                        </x-slot>
+                        <x-slot name="content">
+                            <x-dropdown-link :href="route('network.dashboard')">
+                                📊 Dashboard
+                            </x-dropdown-link>
+                            <x-dropdown-link :href="route('network.segments.index')">
+                                🗂️ Segmente
+                            </x-dropdown-link>
+                            <x-dropdown-link :href="route('network.devices')">
+                                💻 Alle Geräte
+                            </x-dropdown-link>
+                            <x-dropdown-link :href="route('network.search')">
+                                🔍 Suche
+                            </x-dropdown-link>
+                            <x-dropdown-link :href="route('network.import')">
+                                ⬆️ Scan importieren
+                            </x-dropdown-link>
+                        </x-slot>
+                    </x-dropdown>
 
                     {{-- Hilfe-Dropdown --}}
                     <x-dropdown align="left" width="48">
@@ -133,8 +158,21 @@
             @endrole
 
             <div class="pt-2 pb-1 border-t border-gray-200">
-                <x-responsive-nav-link :href="route('network.index')" :active="request()->routeIs('network.*')">
+                <div class="px-4 py-1 text-xs font-semibold text-gray-400 uppercase tracking-wider">Netzwerk</div>
-                    🌐 Netzwerk
+                <x-responsive-nav-link :href="route('network.dashboard')">
+                    &nbsp;&nbsp;📊 Dashboard
+                </x-responsive-nav-link>
+                <x-responsive-nav-link :href="route('network.segments.index')">
+                    &nbsp;&nbsp;🗂️ Segmente
+                </x-responsive-nav-link>
+                <x-responsive-nav-link :href="route('network.devices')">
+                    &nbsp;&nbsp;💻 Alle Geräte
+                </x-responsive-nav-link>
+                <x-responsive-nav-link :href="route('network.search')">
+                    &nbsp;&nbsp;🔍 Suche
+                </x-responsive-nav-link>
+                <x-responsive-nav-link :href="route('network.import')">
+                    &nbsp;&nbsp;⬆️ Scan importieren
                 </x-responsive-nav-link>
             </div>
 

resources/views/network/dashboard.blade.php

@@ -0,0 +1,158 @@
+<x-app-layout>
+    <x-slot name="header">
+        <div class="flex items-center justify-between">
+            <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200">Netzwerk-Dashboard</h2>
+            <div class="flex gap-2">
+                <a href="{{ route('network.segments.create') }}"
+                   class="px-4 py-2 text-sm font-medium rounded-md border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 transition">
+                    + Segment anlegen
+                </a>
+                <a href="{{ route('network.import') }}" style="background-color: var(--color-primary)"
+                   class="px-4 py-2 text-white text-sm font-medium rounded-md hover:opacity-90 transition">
+                    + Scan importieren
+                </a>
+            </div>
+        </div>
+    </x-slot>
+
+    <div class="py-8">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
+
+            {{-- KPI-Karten --}}
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Segmente</p>
+                    <p class="mt-1 text-2xl font-bold text-gray-900 dark:text-gray-100">{{ $segments->count() }}</p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Geräte gesamt</p>
+                    <p class="mt-1 text-2xl font-bold text-gray-900 dark:text-gray-100">{{ $totalDevices }}</p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Aktuell online</p>
+                    <p class="mt-1 text-2xl font-bold text-green-600 dark:text-green-400">{{ $onlineDevices }}</p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Offene Ereignisse</p>
+                    <p class="mt-1 text-2xl font-bold text-yellow-600 dark:text-yellow-400">{{ $recentEvents->count() }}</p>
+                </div>
+            </div>
+
+            {{-- Globale Suche --}}
+            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg p-5">
+                <form method="GET" action="{{ route('network.search') }}" class="flex gap-3">
+                    <input type="text" name="q" placeholder="IP-Adresse, MAC, Hostname, Bezeichnung über alle Segmente suchen..."
+                           class="flex-1 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-sm text-sm focus:ring-indigo-500 focus:border-indigo-500" />
+                    <button type="submit" style="background-color: var(--color-primary)"
+                            class="px-5 py-2 text-white text-sm font-medium rounded-md hover:opacity-90 transition whitespace-nowrap">
+                        🔍 Suchen
+                    </button>
+                </form>
+            </div>
+
+            {{-- Segmente --}}
+            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg overflow-hidden">
+                <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
+                    <h3 class="font-semibold text-gray-900 dark:text-gray-100">Netzwerk-Segmente</h3>
+                    <a href="{{ route('network.segments.index') }}" class="text-xs text-indigo-600 hover:underline">Alle verwalten →</a>
+                </div>
+
+                @if($segments->isEmpty())
+                    <div class="px-5 py-10 text-center">
+                        <p class="text-gray-500 dark:text-gray-400 mb-3">Noch keine Segmente definiert.</p>
+                        <a href="{{ route('network.segments.create') }}" style="background-color: var(--color-primary)"
+                           class="inline-block px-4 py-2 text-white text-sm font-medium rounded-md hover:opacity-90 transition">
+                            Erstes Segment anlegen
+                        </a>
+                    </div>
+                @else
+                    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 text-sm">
+                        <thead class="bg-gray-50 dark:bg-gray-700">
+                            <tr>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Status</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Name</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Subnetz</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">VLAN</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Letzter Scan</th>
+                                <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Online / Gesamt</th>
+                                <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Scans</th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+                            @foreach($segments as $segment)
+                                @php
+                                    $lastScan = $latestScans->get($segment->id)?->first();
+                                @endphp
+                                <tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition">
+                                    <td class="px-4 py-3">
+                                        <span class="inline-block w-2 h-2 rounded-full {{ $segment->active ? 'bg-green-500' : 'bg-gray-300' }}"></span>
+                                    </td>
+                                    <td class="px-4 py-3 font-medium text-gray-900 dark:text-gray-100">
+                                        <a href="{{ route('network.segments.show', $segment) }}" class="hover:text-indigo-600">
+                                            {{ $segment->name }}
+                                        </a>
+                                    </td>
+                                    <td class="px-4 py-3 font-mono text-xs text-gray-600 dark:text-gray-400">{{ $segment->subnet }}</td>
+                                    <td class="px-4 py-3 text-xs text-gray-500 dark:text-gray-400">
+                                        {{ $segment->vlan_id ? 'VLAN ' . $segment->vlan_id : '—' }}
+                                    </td>
+                                    <td class="px-4 py-3 text-xs text-gray-500 dark:text-gray-400">
+                                        {{ $lastScan?->created_at->format('d.m.Y H:i') ?? '—' }}
+                                    </td>
+                                    <td class="px-4 py-3 text-right text-xs">
+                                        @if($lastScan)
+                                            <span class="text-green-600 font-medium">{{ $lastScan->online_hosts }}</span>
+                                            <span class="text-gray-400"> / {{ $lastScan->total_hosts }}</span>
+                                        @else
+                                            <span class="text-gray-400">—</span>
+                                        @endif
+                                    </td>
+                                    <td class="px-4 py-3 text-right text-xs text-gray-500 dark:text-gray-400">
+                                        {{ $segment->scans_count }}
+                                    </td>
+                                </tr>
+                            @endforeach
+                        </tbody>
+                    </table>
+                @endif
+            </div>
+
+            {{-- Undokumentierte Ereignisse --}}
+            @if($recentEvents->count() > 0)
+            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg overflow-hidden">
+                <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-700">
+                    <h3 class="font-semibold text-gray-900 dark:text-gray-100">
+                        Undokumentierte Ereignisse
+                        <span class="ml-2 bg-yellow-100 text-yellow-800 text-xs px-2 py-0.5 rounded-full">{{ $recentEvents->count() }}</span>
+                    </h3>
+                </div>
+                <div class="divide-y divide-gray-100 dark:divide-gray-700">
+                    @foreach($recentEvents as $event)
+                        <div class="flex items-center justify-between px-5 py-3">
+                            <div class="flex items-center space-x-3">
+                                <span class="w-2 h-2 rounded-full flex-shrink-0
+                                    {{ $event->event_color === 'green' ? 'bg-green-500' :
+                                       ($event->event_color === 'blue' ? 'bg-blue-500' :
+                                       ($event->event_color === 'red' ? 'bg-red-500' : 'bg-yellow-500')) }}">
+                                </span>
+                                <div>
+                                    <span class="text-sm font-medium text-gray-900 dark:text-gray-100">{{ $event->event_label }}</span>
+                                    <span class="text-xs text-gray-400 ml-2">
+                                        <a href="{{ route('network.device', $event->device) }}" class="hover:text-indigo-600">
+                                            {{ $event->device->display_name }}
+                                        </a>
+                                        · {{ $event->created_at->format('d.m.Y H:i') }}
+                                    </span>
+                                </div>
+                            </div>
+                            <a href="{{ route('network.device', $event->device) }}"
+                               class="text-xs text-indigo-600 hover:underline">Detail →</a>
+                        </div>
+                    @endforeach
+                </div>
+            </div>
+            @endif
+
+        </div>
+    </div>
+</x-app-layout>

resources/views/network/import.blade.php

@@ -1,7 +1,7 @@
 <x-app-layout>
     <x-slot name="header">
         <div class="flex items-center space-x-2">
-            <a href="{{ route('network.index') }}" class="text-gray-500 hover:text-gray-700">Netzwerk</a>
+            <a href="{{ route('network.dashboard') }}" class="text-gray-500 hover:text-gray-700">Netzwerk</a>
             <span class="text-gray-400">/</span>
             <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200">Scan importieren</h2>
         </div>
@@ -23,6 +23,21 @@
                 <form method="POST" action="{{ route('network.import') }}" enctype="multipart/form-data" class="space-y-5">
                     @csrf
 
+                    <div>
+                        <x-input-label for="segment_id" value="Netzwerk-Segment (optional)" />
+                        <select id="segment_id" name="segment_id"
+                                class="mt-1 block w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-sm text-sm focus:ring-indigo-500 focus:border-indigo-500">
+                            <option value="">— Kein Segment —</option>
+                            @foreach($segments as $segment)
+                                <option value="{{ $segment->id }}"
+                                    {{ (request('segment') == $segment->id || old('segment_id') == $segment->id) ? 'selected' : '' }}>
+                                    {{ $segment->name }} ({{ $segment->subnet }}){{ $segment->vlan_id ? ' · VLAN ' . $segment->vlan_id : '' }}
+                                </option>
+                            @endforeach
+                        </select>
+                        <x-input-error :messages="$errors->get('segment_id')" class="mt-2" />
+                    </div>
+
                     <div>
                         <x-input-label for="scan_file" value="Angry IP Scanner Export (.txt)" />
                         <input id="scan_file" name="scan_file" type="file" accept=".txt,.csv" required

resources/views/network/search.blade.php

@@ -0,0 +1,90 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200">Globale Suche</h2>
+    </x-slot>
+
+    <div class="py-8">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-4">
+
+            <form method="GET" action="{{ route('network.search') }}" class="flex gap-3">
+                <input type="text" name="q" value="{{ $q }}"
+                       placeholder="IP-Adresse, MAC, Hostname, Bezeichnung..."
+                       autofocus
+                       class="flex-1 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-sm text-sm focus:ring-indigo-500 focus:border-indigo-500" />
+                <button type="submit" style="background-color: var(--color-primary)"
+                        class="px-5 py-2 text-white text-sm font-medium rounded-md hover:opacity-90 transition">
+                    🔍 Suchen
+                </button>
+                @if($q)
+                    <a href="{{ route('network.search') }}"
+                       class="px-4 py-2 text-sm font-medium rounded-md border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 transition">
+                        Zurücksetzen
+                    </a>
+                @endif
+            </form>
+
+            @if($q && strlen($q) < 2)
+                <p class="text-sm text-gray-500">Mindestens 2 Zeichen eingeben.</p>
+            @elseif($q)
+                <p class="text-sm text-gray-500 dark:text-gray-400">
+                    {{ $devices->total() }} Ergebnis(se) für „{{ $q }}" über alle Segmente
+                </p>
+
+                <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg overflow-hidden">
+                    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 text-sm">
+                        <thead class="bg-gray-50 dark:bg-gray-700">
+                            <tr>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Status</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">IP-Adresse</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">MAC-Adresse</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Hostname / Bezeichnung</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Hersteller</th>
+                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Zuletzt gesehen</th>
+                                <th class="px-4 py-3"></th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+                            @forelse($devices as $device)
+                                <tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition">
+                                    <td class="px-4 py-3">
+                                        <span class="w-2 h-2 rounded-full inline-block
+                                            {{ $device->status === 'online' ? 'bg-green-500' : 'bg-red-400' }}"></span>
+                                    </td>
+                                    <td class="px-4 py-3 font-mono text-gray-900 dark:text-gray-100 font-medium">{{ $device->current_ip }}</td>
+                                    <td class="px-4 py-3 font-mono text-xs text-gray-600 dark:text-gray-400">{{ $device->mac_address }}</td>
+                                    <td class="px-4 py-3 text-gray-900 dark:text-gray-100">
+                                        @if($device->label)
+                                            <span class="font-medium">{{ $device->label }}</span>
+                                            <span class="text-gray-400 text-xs ml-1">({{ $device->hostname }})</span>
+                                        @else
+                                            {{ $device->hostname ?? '—' }}
+                                        @endif
+                                    </td>
+                                    <td class="px-4 py-3 text-xs text-gray-600 dark:text-gray-400">{{ $device->mac_vendor ?? '—' }}</td>
+                                    <td class="px-4 py-3 text-xs text-gray-500 dark:text-gray-400">
+                                        {{ $device->last_seen_at?->format('d.m.Y H:i') ?? '—' }}
+                                    </td>
+                                    <td class="px-4 py-3 text-right">
+                                        <a href="{{ route('network.device', $device) }}"
+                                           class="text-xs text-indigo-600 hover:underline">Detail →</a>
+                                    </td>
+                                </tr>
+                            @empty
+                                <tr>
+                                    <td colspan="7" class="px-4 py-10 text-center text-gray-500">Keine Geräte gefunden.</td>
+                                </tr>
+                            @endforelse
+                        </tbody>
+                    </table>
+
+                    @if($devices->hasPages())
+                        <div class="px-4 py-3 border-t border-gray-200 dark:border-gray-700">
+                            {{ $devices->links() }}
+                        </div>
+                    @endif
+                </div>
+            @endif
+
+        </div>
+    </div>
+</x-app-layout>

resources/views/network/segments/create.blade.php

@@ -0,0 +1,65 @@
+<x-app-layout>
+    <x-slot name="header">
+        <div class="flex items-center space-x-2">
+            <a href="{{ route('network.segments.index') }}" class="text-gray-500 hover:text-gray-700">Segmente</a>
+            <span class="text-gray-400">/</span>
+            <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200">Neues Segment</h2>
+        </div>
+    </x-slot>
+
+    <div class="py-8">
+        <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg p-6">
+                <form method="POST" action="{{ route('network.segments.store') }}" class="space-y-5">
+                    @csrf
+
+                    <div>
+                        <x-input-label for="name" value="Name *" />
+                        <x-text-input id="name" name="name" type="text" class="mt-1 block w-full"
+                            value="{{ old('name') }}" placeholder="z.B. Büro, Server-VLAN, Produktion" required />
+                        <x-input-error :messages="$errors->get('name')" class="mt-1" />
+                    </div>
+
+                    <div>
+                        <x-input-label for="subnet" value="Subnetz *" />
+                        <x-text-input id="subnet" name="subnet" type="text" class="mt-1 block w-full font-mono"
+                            value="{{ old('subnet') }}" placeholder="z.B. 192.168.1.0/24 oder 10.0.0.0/8" required />
+                        <x-input-error :messages="$errors->get('subnet')" class="mt-1" />
+                    </div>
+
+                    <div>
+                        <x-input-label for="vlan_id" value="VLAN-ID (optional)" />
+                        <x-text-input id="vlan_id" name="vlan_id" type="number" class="mt-1 block w-full"
+                            value="{{ old('vlan_id') }}" placeholder="z.B. 10" min="1" max="4094" />
+                        <x-input-error :messages="$errors->get('vlan_id')" class="mt-1" />
+                    </div>
+
+                    <div>
+                        <x-input-label for="description" value="Beschreibung (optional)" />
+                        <textarea id="description" name="description" rows="2"
+                            class="mt-1 block w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-sm text-sm focus:ring-indigo-500 focus:border-indigo-500"
+                            placeholder="Kurze Beschreibung dieses Segments...">{{ old('description') }}</textarea>
+                    </div>
+
+                    <div class="flex items-center gap-2">
+                        <input type="checkbox" id="active" name="active" value="1"
+                               {{ old('active', '1') ? 'checked' : '' }}
+                               class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500" />
+                        <label for="active" class="text-sm text-gray-700 dark:text-gray-300">Aktiv (automatisch überwachen)</label>
+                    </div>
+
+                    <div class="flex justify-end gap-3">
+                        <a href="{{ route('network.segments.index') }}"
+                           class="px-4 py-2 text-sm font-medium rounded-md border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 transition">
+                            Abbrechen
+                        </a>
+                        <button type="submit" style="background-color: var(--color-primary)"
+                            class="px-5 py-2 text-white text-sm font-medium rounded-md hover:opacity-90 transition">
+                            Segment anlegen
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</x-app-layout>

resources/views/network/segments/edit.blade.php

@@ -0,0 +1,64 @@
+<x-app-layout>
+    <x-slot name="header">
+        <div class="flex items-center space-x-2">
+            <a href="{{ route('network.segments.index') }}" class="text-gray-500 hover:text-gray-700">Segmente</a>
+            <span class="text-gray-400">/</span>
+            <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200">{{ $segment->name }} bearbeiten</h2>
+        </div>
+    </x-slot>
+
+    <div class="py-8">
+        <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg p-6">
+                <form method="POST" action="{{ route('network.segments.update', $segment) }}" class="space-y-5">
+                    @csrf @method('PUT')
+
+                    <div>
+                        <x-input-label for="name" value="Name *" />
+                        <x-text-input id="name" name="name" type="text" class="mt-1 block w-full"
+                            value="{{ old('name', $segment->name) }}" required />
+                        <x-input-error :messages="$errors->get('name')" class="mt-1" />
+                    </div>
+
+                    <div>
+                        <x-input-label for="subnet" value="Subnetz *" />
+                        <x-text-input id="subnet" name="subnet" type="text" class="mt-1 block w-full font-mono"
+                            value="{{ old('subnet', $segment->subnet) }}" required />
+                        <x-input-error :messages="$errors->get('subnet')" class="mt-1" />
+                    </div>
+
+                    <div>
+                        <x-input-label for="vlan_id" value="VLAN-ID (optional)" />
+                        <x-text-input id="vlan_id" name="vlan_id" type="number" class="mt-1 block w-full"
+                            value="{{ old('vlan_id', $segment->vlan_id) }}" min="1" max="4094" />
+                        <x-input-error :messages="$errors->get('vlan_id')" class="mt-1" />
+                    </div>
+
+                    <div>
+                        <x-input-label for="description" value="Beschreibung (optional)" />
+                        <textarea id="description" name="description" rows="2"
+                            class="mt-1 block w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-sm text-sm focus:ring-indigo-500 focus:border-indigo-500">{{ old('description', $segment->description) }}</textarea>
+                    </div>
+
+                    <div class="flex items-center gap-2">
+                        <input type="checkbox" id="active" name="active" value="1"
+                               {{ old('active', $segment->active) ? 'checked' : '' }}
+                               class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500" />
+                        <label for="active" class="text-sm text-gray-700 dark:text-gray-300">Aktiv</label>
+                    </div>
+
+                    <div class="flex justify-end gap-3">
+                        <a href="{{ route('network.segments.index') }}"
+                           class="px-4 py-2 text-sm font-medium rounded-md border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 transition">
+                            Abbrechen
+                        </a>
+                        <button type="submit" style="background-color: var(--color-primary)"
+                            class="px-5 py-2 text-white text-sm font-medium rounded-md hover:opacity-90 transition">
+                            Speichern
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</x-app-layout>

resources/views/network/segments/index.blade.php

@@ -0,0 +1,77 @@
+<x-app-layout>
+    <x-slot name="header">
+        <div class="flex items-center justify-between">
+            <div class="flex items-center space-x-2">
+                <a href="{{ route('network.dashboard') }}" class="text-gray-500 hover:text-gray-700">Netzwerk</a>
+                <span class="text-gray-400">/</span>
+                <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200">Segmente</h2>
+            </div>
+            <a href="{{ route('network.segments.create') }}" style="background-color: var(--color-primary)"
+               class="px-4 py-2 text-white text-sm font-medium rounded-md hover:opacity-90 transition">
+                + Segment anlegen
+            </a>
+        </div>
+    </x-slot>
+
+    <div class="py-8">
+        <div class="max-w-5xl mx-auto sm:px-6 lg:px-8">
+
+            @if(session('success'))
+                <div class="mb-4 p-4 bg-green-100 text-green-800 rounded-md">{{ session('success') }}</div>
+            @endif
+
+            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg overflow-hidden">
+                <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 text-sm">
+                    <thead class="bg-gray-50 dark:bg-gray-700">
+                        <tr>
+                            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Aktiv</th>
+                            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Name</th>
+                            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Subnetz</th>
+                            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">VLAN</th>
+                            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Scans</th>
+                            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Beschreibung</th>
+                            <th class="px-4 py-3"></th>
+                        </tr>
+                    </thead>
+                    <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+                        @forelse($segments as $segment)
+                            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition">
+                                <td class="px-4 py-3">
+                                    <span class="inline-block w-2.5 h-2.5 rounded-full {{ $segment->active ? 'bg-green-500' : 'bg-gray-300' }}"></span>
+                                </td>
+                                <td class="px-4 py-3 font-medium text-gray-900 dark:text-gray-100">
+                                    <a href="{{ route('network.segments.show', $segment) }}" class="hover:text-indigo-600">
+                                        {{ $segment->name }}
+                                    </a>
+                                </td>
+                                <td class="px-4 py-3 font-mono text-xs text-gray-600 dark:text-gray-400">{{ $segment->subnet }}</td>
+                                <td class="px-4 py-3 text-xs text-gray-500 dark:text-gray-400">
+                                    {{ $segment->vlan_id ? 'VLAN ' . $segment->vlan_id : '—' }}
+                                </td>
+                                <td class="px-4 py-3 text-xs text-gray-500 dark:text-gray-400">{{ $segment->scans_count }}</td>
+                                <td class="px-4 py-3 text-xs text-gray-500 dark:text-gray-400 max-w-xs truncate">
+                                    {{ $segment->description ?? '—' }}
+                                </td>
+                                <td class="px-4 py-3 text-right space-x-3">
+                                    <a href="{{ route('network.segments.edit', $segment) }}"
+                                       class="text-xs text-indigo-600 hover:underline">Bearbeiten</a>
+                                    <form method="POST" action="{{ route('network.segments.destroy', $segment) }}"
+                                          class="inline" onsubmit="return confirm('Segment löschen?')">
+                                        @csrf @method('DELETE')
+                                        <button type="submit" class="text-xs text-red-500 hover:underline">Löschen</button>
+                                    </form>
+                                </td>
+                            </tr>
+                        @empty
+                            <tr>
+                                <td colspan="7" class="px-4 py-10 text-center text-gray-500">
+                                    Noch keine Segmente. <a href="{{ route('network.segments.create') }}" class="text-indigo-600 hover:underline">Jetzt anlegen</a>
+                                </td>
+                            </tr>
+                        @endforelse
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</x-app-layout>

resources/views/network/segments/show.blade.php

@@ -0,0 +1,115 @@
+<x-app-layout>
+    <x-slot name="header">
+        <div class="flex items-center justify-between">
+            <div class="flex items-center space-x-2">
+                <a href="{{ route('network.segments.index') }}" class="text-gray-500 hover:text-gray-700">Segmente</a>
+                <span class="text-gray-400">/</span>
+                <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200">{{ $segment->name }}</h2>
+            </div>
+            <div class="flex gap-2">
+                <a href="{{ route('network.import') }}?segment={{ $segment->id }}"
+                   style="background-color: var(--color-primary)"
+                   class="px-4 py-2 text-white text-sm font-medium rounded-md hover:opacity-90 transition">
+                    + Scan importieren
+                </a>
+                <a href="{{ route('network.segments.edit', $segment) }}"
+                   class="px-4 py-2 text-sm font-medium rounded-md border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 transition">
+                    Bearbeiten
+                </a>
+            </div>
+        </div>
+    </x-slot>
+
+    <div class="py-8">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
+
+            {{-- Segment-Info --}}
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Subnetz</p>
+                    <p class="mt-1 font-mono font-bold text-gray-900 dark:text-gray-100">{{ $segment->subnet }}</p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">VLAN</p>
+                    <p class="mt-1 font-bold text-gray-900 dark:text-gray-100">{{ $segment->vlan_id ? 'VLAN ' . $segment->vlan_id : '—' }}</p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Status</p>
+                    <p class="mt-1 font-bold {{ $segment->active ? 'text-green-600' : 'text-gray-400' }}">
+                        {{ $segment->active ? 'Aktiv' : 'Inaktiv' }}
+                    </p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Scans gesamt</p>
+                    <p class="mt-1 font-bold text-gray-900 dark:text-gray-100">{{ $scans->total() }}</p>
+                </div>
+            </div>
+
+            @if($latestScan)
+            <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Letzter Scan</p>
+                    <p class="mt-1 font-bold text-gray-900 dark:text-gray-100">{{ $latestScan->created_at->format('d.m.Y H:i') }}</p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Online / Gesamt</p>
+                    <p class="mt-1 font-bold">
+                        <span class="text-green-600">{{ $latestScan->online_hosts }}</span>
+                        <span class="text-gray-400"> / {{ $latestScan->total_hosts }}</span>
+                    </p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4">
+                    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Neue Geräte</p>
+                    <p class="mt-1 font-bold text-gray-900 dark:text-gray-100">{{ $latestScan->new_devices }}</p>
+                </div>
+            </div>
+            @endif
+
+            {{-- Scan-Historie --}}
+            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg overflow-hidden">
+                <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-700">
+                    <h3 class="font-semibold text-gray-900 dark:text-gray-100">Scan-Historie</h3>
+                </div>
+                <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 text-sm">
+                    <thead class="bg-gray-50 dark:bg-gray-700">
+                        <tr>
+                            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Datum</th>
+                            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Scanner</th>
+                            <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Gesamt</th>
+                            <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Online</th>
+                            <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Neu</th>
+                            <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Geändert</th>
+                            <th class="px-4 py-3"></th>
+                        </tr>
+                    </thead>
+                    <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+                        @forelse($scans as $scan)
+                            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition">
+                                <td class="px-4 py-3 text-gray-700 dark:text-gray-300">{{ $scan->created_at->format('d.m.Y H:i') }}</td>
+                                <td class="px-4 py-3 text-xs text-gray-500 dark:text-gray-400">{{ $scan->scanner ?? '—' }}</td>
+                                <td class="px-4 py-3 text-right text-gray-700 dark:text-gray-300">{{ $scan->total_hosts }}</td>
+                                <td class="px-4 py-3 text-right text-green-600 font-medium">{{ $scan->online_hosts }}</td>
+                                <td class="px-4 py-3 text-right text-blue-600">{{ $scan->new_devices }}</td>
+                                <td class="px-4 py-3 text-right text-yellow-600">{{ $scan->changed_devices }}</td>
+                                <td class="px-4 py-3 text-right">
+                                    <a href="{{ route('network.scan', $scan) }}"
+                                       class="text-xs text-indigo-600 hover:underline">Details →</a>
+                                </td>
+                            </tr>
+                        @empty
+                            <tr>
+                                <td colspan="7" class="px-4 py-10 text-center text-gray-500">Noch keine Scans für dieses Segment.</td>
+                            </tr>
+                        @endforelse
+                    </tbody>
+                </table>
+                @if($scans->hasPages())
+                    <div class="px-4 py-3 border-t border-gray-200 dark:border-gray-700">
+                        {{ $scans->links() }}
+                    </div>
+                @endif
+            </div>
+
+        </div>
+    </div>
+</x-app-layout>

routes/web.php

@@ -3,6 +3,7 @@
 use App\Http\Controllers\ProfileController;
 use App\Http\Controllers\HelpController;
 use App\Http\Controllers\NetworkController;
+use App\Http\Controllers\NetworkSegmentController;
 use App\Http\Controllers\Admin\UserController as AdminUserController;
 use App\Http\Controllers\Admin\LayoutController as AdminLayoutController;
 use Illuminate\Support\Facades\Route;
@@ -38,14 +39,30 @@ Route::prefix('network')
     ->name('network.')
     ->middleware(['auth'])
     ->group(function () {
-        Route::get('/', [NetworkController::class, 'index'])->name('index');
+        // Dashboard
+        Route::get('/', [NetworkController::class, 'dashboard'])->name('dashboard');
+
+        // Globale Suche
+        Route::get('/search', [NetworkController::class, 'search'])->name('search');
+
+        // Segmente (CRUD)
+        Route::resource('segments', NetworkSegmentController::class)
+            ->names('segments');
+
+        // Geräte
         Route::get('/devices', [NetworkController::class, 'devices'])->name('devices');
         Route::get('/devices/{device}', [NetworkController::class, 'device'])->name('device');
         Route::put('/devices/{device}', [NetworkController::class, 'updateDevice'])->name('device.update');
         Route::post('/devices/{device}/note', [NetworkController::class, 'addNote'])->name('device.note');
+
+        // Ereignisse
         Route::post('/events/{event}/document', [NetworkController::class, 'documentEvent'])->name('document');
+
+        // Import
         Route::get('/import', [NetworkController::class, 'showImport'])->name('import');
         Route::post('/import', [NetworkController::class, 'import'])->name('import');
+
+        // Scan-Detail
         Route::get('/scans/{scan}', [NetworkController::class, 'scan'])->name('scan');
     });