created basic Order Page

app/Livewire/Orders/Orders.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Livewire\Orders;
+
+use Livewire\Component;
+use Livewire\WithPagination;
+use Livewire\Attributes\title;
+
+use App\Models\Order;
+
+#[title('Orders')]
+class Orders extends Component
+{
+    use WithPagination;
+    public function render()
+    {
+        return view('livewire.orders.orders',[
+            'orders' => Order::latest()->paginate(10)
+        ]);
+    }
+}

resources/views/components/navbar.blade.php

@@ -7,7 +7,7 @@
 
   <flux:navbar class="-mb-px max-lg:hidden">
     <flux:navbar.item wire:navigate icon="home" href="{{ route('dashboard') }}">Dashboard</flux:navbar.item>
-    <flux:navbar.item wire:navigate icon="shopping-bag" href="{{ route('dashboard') }}">Orders</flux:navbar.item>
+    <flux:navbar.item wire:navigate icon="shopping-bag" href="{{ route('orders.index') }}">Orders</flux:navbar.item>
     
 
     <flux:dropdown>

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

@@ -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>

routes/web.php

@@ -9,6 +9,8 @@ use App\Livewire\Filament\Type;
 use App\Livewire\Filament\Manufacturer;
 use App\Livewire\Filament\Filament;
 
+use App\Livewire\Orders\Orders;
+
 use App\Livewire\Settings\Settings;
 
 Route::get('/', function () {
@@ -33,6 +35,9 @@ Route::middleware([
     // Manufacturers
     Route::get('manufacturers', Manufacturer::class)->name('manufacturers.index');
 
+    // Orders
+    Route::get('orders', Orders::class)->name('orders.index');
+
     // Settings
     Route::get('settings', Settings::class)->name('settings.index');