adjusted orders blade

resources/views/livewire/orders/orders.blade.php

@@ -3,7 +3,7 @@
         {{ __('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" />
+            <flux:input type="text" placeholder="Search..." wire:model.live="search"  />
         </x-slot>
 
         <x-slot name="headerright">
@@ -14,7 +14,20 @@
     </x-header>
 
 
-    <div class="container m-auto my-8">
+    <div class="container m-auto my-8 flex flex-col gap-6">
+        <div class="flex flex-row gap-4">
+            <div class="mb-4">
+                <flux:heading size="lg">Filter</flux:heading>
+                <flux:text>Apply filter for better visability.</flux:text>
+            </div>
+            <flux:separator vertical/>
+            <div class="flex flex-row gap-4">
+                @foreach($order_statuses as $order_status)
+                    <flux:button size="sm" variant="ghost" wire:key='{{ $order_status->id }}'>{{ $order_status->name }}</flux:button>
+                @endforeach
+            </div>
+        </div>
+        <flux:separator />
         <x-table>
             <x-slot name="tableheader">
                 <x-table.header>Name</x-table.header>