created basic Order Page

2025-04-23 16:38:55 +02:00
parent bd75ace0c6
commit 9def3cae3e
4 changed files with 71 additions and 1 deletions
@@ -0,0 +1,44 @@
+<section>
+    <x-header>
+        {{ __('Orders') }}
+
+        <x-slot name="headerleft">
+            <input type="text" placeholder="Search..." wire:model.live="search" class="bg-zinc-800 rounded focus:border-accent focus:ring-accent" />
+        </x-slot>
+
+        <x-slot name="headerright">
+            <flux:modal.trigger name="createModal">
+                <flux:button variant="primary" class="bg-nuke-400 hover:bg-nuke-300">Create Order</flux:button>
+            </flux:modal.trigger>
+        </x-slot>
+    </x-header>
+
+
+    <div class="container m-auto my-8">
+        <x-table>
+            <x-slot name="tableheader">
+                <x-table.header>Name</x-table.header>
+                <x-table.header class="w-1/6"></x-table.header>
+            </x-slot>
+
+            @foreach ($orders as $order)
+                <tr wire:key="{{ $order->id }}" class="border-b border-blackout-950">
+                    <x-table.item><p class="p-4 px-3 pl-6 font-bold">{{ $color->name }}</p></x-table.item>
+                    <x-table.item><p class="p-4 px-3"></p></x-table.item>
+                    <x-table.item>
+                        <div class="flex flex-row gap-4 justify-end pr-8">
+                            <flux:button wire:click="edit({{ $order->id }})" icon="pencil">Edit</flux:button>
+                            <flux:button wire:click="deleteModal({{ $order->id }})" icon="x-mark">Delete</flux:button>
+                        </div>
+                    </x-table.item>
+                </tr>
+            @endforeach
+            
+            <x-slot name="pagination">
+                {{ $orders->links() }}
+            </x-slot>
+        </x-table>
+
+    </div>
+
+</section>