adjusted orders blade

app/Livewire/Orders/Orders.php

@@ -7,15 +7,21 @@ use Livewire\WithPagination;
 use Livewire\Attributes\title;
 
 use App\Models\Order;
+use App\Models\OrderStatus;
 
 #[title('Orders')]
 class Orders extends Component
 {
     use WithPagination;
+
+    public $search = '';
+
+
     public function render()
     {
         return view('livewire.orders.orders',[
-            'orders' => Order::latest()->paginate(10)
+            'orders' => Order::latest()->paginate(10),
+            'order_statuses' => OrderStatus::all()
         ]);
     }
 }

resources/views/components/header.blade.php

@@ -1,4 +1,4 @@
-<div class="bg-zinc-700 w-full border-b border-accent">
+<div class="bg-black w-full border-b border-blackout-950">
   <div class="container mx-auto py-6 px-4 sm:px-6 lg:px-8 flex justify-between">
     <x-header.header-left>
       @isset($headerleft)
@@ -6,7 +6,7 @@
       @endisset
     </x-header.header-left>
     <div>
-      <h2 class="font-semibold text-2xl text-gray-800 dark:text-gray-200 leading-tight">
+      <h2 class="font-semibold text-2xl text-nuke-400 leading-tight">
         {{ $slot }}
       </h2>
     </div>

resources/views/components/navbar.blade.php

@@ -1,9 +1,9 @@
-<section class="bg-zinc-50 dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700">
+<section class="bg-blackout-950 border-b border-blackout-900">
 <flux:header class="container mx-auto flex items-center">
   <flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
 
-  <flux:brand href="{{ route('dashboard') }}" logo="https://fluxui.dev/img/demo/logo.png" name="Filament" class="max-lg:hidden dark:hidden" />
+  <flux:brand href="{{ route('dashboard') }}" name="FilamentApp" class="max-lg:hidden dark:hidden" />
-  <flux:brand href="{{ route('dashboard') }}" logo="https://fluxui.dev/img/demo/dark-mode-logo.png" name="Filament" class="max-lg:hidden! hidden dark:flex" />
+  <flux:brand href="{{ route('dashboard') }}" name="FilamentApp" class="max-lg:hidden! hidden dark:flex" />
 
   <flux:navbar class="-mb-px max-lg:hidden">
     <flux:navbar.item wire:navigate icon="home" href="{{ route('dashboard') }}">Dashboard</flux:navbar.item>

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>

resources/views/livewire/settings/settings.blade.php

@@ -1,3 +1,10 @@
-<div>
+<section>
-    {{-- Stop trying to control. --}}
+    <x-header>
+        {{ __('Settings') }}
+    </x-header>
+
+    <div class="container m-auto my-8">
+        
+
     </div>
+</section>