Blade View converted to Volt Component CompanySearch

2025-10-17 11:11:54 +02:00
parent d0574f4d91
commit 7503ae7c04
1 changed files with 43 additions and 0 deletions
@@ -0,0 +1,43 @@
+<?php
+
+use Livewire\Attributes\Layout;
+use Livewire\Volt\Component;
+
+new #[Layout('components.layouts.app')] class extends Component {
+    public string $search = '';
+
+    public function with(): array
+    {
+        return [
+            'title' => __('Unternehmensauskunft'),
+        ];
+    }
+}; ?>
+
+<div class="flex h-full w-full flex-1 flex-col gap-4 rounded-xl">
+    <div class="mb-4">
+        <flux:heading size="xl" class="mb-2">{{ __('Unternehmensauskunft') }}</flux:heading>
+        <flux:text>{{ __('Suchen Sie nach Unternehmensinformationen') }}</flux:text>
+    </div>
+
+    <div class="mb-6">
+        <flux:input
+            wire:model="search"
+            type="search"
+            placeholder="{{ __('Unternehmen suchen...') }}"
+            class="w-full"
+        />
+    </div>
+
+    <div class="grid auto-rows-min gap-4 md:grid-cols-2">
+        <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
+            <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+        </div>
+        <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
+            <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+        </div>
+    </div>
+    <div class="relative h-full flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
+        <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+    </div>
+</div>