diff --git a/app/Enums/OrderStatus.php b/app/Enums/OrderStatus.php
index 77ae5cd..d95749a 100644
--- a/app/Enums/OrderStatus.php
+++ b/app/Enums/OrderStatus.php
@@ -5,8 +5,11 @@
 enum OrderStatus: string
 {
     case ORDER = 'Order';
+    case ON_HOLD = 'On hold';
     case APPROVED = 'Approved';
     case PRODUCTION = 'Production';
     case COMPLETED = 'Completed';
+    case SHIPPED = 'Shipped';
+    case INVOICED = 'Invoiced';
     case CANCELLED = 'Cancelled';
 }
diff --git a/app/Http/Controllers/CustomerController.php b/app/Http/Controllers/CustomerController.php
index 0bc5ee0..5151b87 100644
--- a/app/Http/Controllers/CustomerController.php
+++ b/app/Http/Controllers/CustomerController.php
@@ -5,25 +5,20 @@
 use App\Http\Requests\CustomerRequest;
 use App\Models\Customer;
 use App\Models\PackingSlip;
-use App\Models\ShippingEntry;
 use Illuminate\Http\Request;
 use Illuminate\Support\Carbon;
 
 class CustomerController extends Controller
 {
-    public function index(Request $request)
+    public function index()
     {
-        return view('customers.index', [
-            'customers' => Customer::all(),
-            'tab' => $request->tab,
-        ]);
     }
 
     public function store(CustomerRequest $request)
     {
         Customer::create($request->validated());
 
-        return redirect()->route('customers.index')->with('status', 'Customer created successfully.');
+        return redirect()->route('management.index')->with('status', 'Customer created successfully.');
     }
 
     public function create()
@@ -68,13 +63,13 @@ public function requestDestroy(Request $request)
         $customer = Customer::find($request->id);
         $customer->delete();
 
-        return redirect()->route('customers.index')->with('status', 'Customer deleted successfully.');
+        return redirect()->route('management.index')->with('status', 'Customer deleted successfully.');
     }
 
     public function destroy(Customer $customer)
     {
         $customer->delete();
 
-        return redirect()->route('customers.index')->with('status', 'Customer deleted successfully.');
+        return redirect()->route('management.index')->with('status', 'Customer deleted successfully.');
     }
 }
diff --git a/app/Http/Controllers/DashboardController.php b/app/Http/Controllers/DashboardController.php
new file mode 100644
index 0000000..a132753
--- /dev/null
+++ b/app/Http/Controllers/DashboardController.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Enums\OrderStatus;
+use App\Models\Order;
+use Illuminate\Http\Request;
+use Illuminate\Support\Carbon;
+
+class DashboardController extends Controller
+{
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    /**
+     * Show the application dashboard.
+     *
+     */
+    public function index(Request $request)
+    {
+        if (!$request->get('tab')) {
+            return redirect()->route('dashboard', ['tab' => 'active_orders']);
+        }
+
+        return view('dashboard', [
+            'today' => Carbon::today(),
+            'tab' => $request->get('tab'),
+            'active_orders' => Order::where('status', '!=', 'cancelled')
+                ->where('status', '!=', 'completed')
+                ->orderByDesc('rush')
+                ->orderBy('due_date')
+                ->paginate(15)
+                ->withQueryString()
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
deleted file mode 100644
index 7cbc2c3..0000000
--- a/app/Http/Controllers/HomeController.php
+++ /dev/null
@@ -1,28 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-use Illuminate\Http\Request;
-
-class HomeController extends Controller
-{
-    /**
-     * Create a new controller instance.
-     *
-     * @return void
-     */
-    public function __construct()
-    {
-        $this->middleware('auth');
-    }
-
-    /**
-     * Show the application dashboard.
-     *
-     * @return \Illuminate\Contracts\Support\Renderable
-     */
-    public function index()
-    {
-        return view('home');
-    }
-}
diff --git a/app/Http/Controllers/ManagementController.php b/app/Http/Controllers/ManagementController.php
new file mode 100644
index 0000000..60fc9c2
--- /dev/null
+++ b/app/Http/Controllers/ManagementController.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Customer;
+use Illuminate\Http\Request;
+
+class ManagementController extends Controller
+{
+    protected string $defaultTab = 'customers';
+
+    public function index(string $tab = null)
+    {
+        if (!$tab)
+        {
+            return redirect()->route('management.index', ['tab' => $this->defaultTab]);
+        }
+
+        return view('management.index', [
+            'customers' => Customer::all(),
+            'tab' => $tab,
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/OrderController.php b/app/Http/Controllers/OrderController.php
index 5148ec7..cd5deea 100644
--- a/app/Http/Controllers/OrderController.php
+++ b/app/Http/Controllers/OrderController.php
@@ -4,15 +4,30 @@
 
 use App\Enums\OrderStatus;
 use App\Enums\OrderType;
+use App\Http\Requests\OrderRequest;
 use App\Models\Customer;
+use App\Models\Order;
 use Illuminate\Http\Request;
 use Illuminate\Support\Carbon;
 
 class OrderController extends Controller
 {
-    public function index()
+    public function index(Request $request)
     {
+        if (!$request->get('tab')) {
+            return redirect()->route('orders.index', ['tab' => 'active_orders']);
+        }
 
+        return view('orders.index', [
+            'tab' => $request->get('tab'),
+            'today' => Carbon::today(),
+            'active_orders' => Order::where('status', '!=', 'cancelled')
+                ->where('status', '!=', 'completed')
+                ->orderByDesc('rush')
+                ->orderBy('due_date')
+                ->paginate(15)
+                ->withQueryString()
+        ]);
     }
 
     public function create()
@@ -26,8 +41,11 @@ public function create()
         ]);
     }
 
-    public function store(Request $request)
+    public function store(OrderRequest $request)
     {
+        $order = Order::create($request->validated());
+
+        return redirect()->route('order-products.create', ['order' => $order->id]);
     }
 
     public function show($id)
diff --git a/app/Http/Controllers/OrderProductController.php b/app/Http/Controllers/OrderProductController.php
new file mode 100644
index 0000000..56791a8
--- /dev/null
+++ b/app/Http/Controllers/OrderProductController.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class OrderProductController extends Controller
+{
+    public function index()
+    {
+
+    }
+
+    public function create()
+    {
+        return view('order-products.create');
+    }
+
+    public function store(Request $request)
+    {
+    }
+
+    public function show($id)
+    {
+    }
+
+    public function edit($id)
+    {
+    }
+
+    public function update(Request $request, $id)
+    {
+    }
+
+    public function destroy($id)
+    {
+    }
+}
diff --git a/app/Http/Requests/OrderProductRequest.php b/app/Http/Requests/OrderProductRequest.php
new file mode 100644
index 0000000..2382143
--- /dev/null
+++ b/app/Http/Requests/OrderProductRequest.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class OrderProductRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'order_id' => ['required', 'exists:orders'],
+            'sku' => ['string', 'nullable'],
+            'product_name' => ['required'],
+            'color' => ['string', 'nullable'],
+        ];
+    }
+
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Http/Requests/OrderRequest.php b/app/Http/Requests/OrderRequest.php
index 8da7f60..ce491a0 100644
--- a/app/Http/Requests/OrderRequest.php
+++ b/app/Http/Requests/OrderRequest.php
@@ -9,19 +9,21 @@ class OrderRequest extends FormRequest
     public function rules(): array
     {
         return [
-            'customer_id' => ['required', 'exists:customers'],
-            'internal_po' => ['required'],
-            'customer_po' => ['required'],
+            'customer_id' => ['required', 'exists:customers,id'],
+            'contact_id' => ['nullable', 'exists:contacts,id'],
+//            'internal_po' => ['required'],
+            'customer_po' => ['required', 'string'],
+            'order_type' => ['required', 'string'],
             'order_date' => ['required', 'date'],
             'due_date' => ['required', 'date'],
             'status' => ['required'],
-            'rush' => ['boolean'],
-            'new_art' => ['boolean'],
-            'digitizing' => ['boolean'],
-            'repeat' => ['boolean'],
-            'purchased_garments' => ['boolean'],
-            'customer_supplied_file' => ['boolean'],
-            'notes' => ['required'],
+            'rush' => ['nullable'],
+            'new_art' => ['nullable'],
+            'digitizing' => ['nullable'],
+            'repeat' => ['nullable'],
+            'purchased_garments' => ['nullable'],
+            'customer_supplied_file' => ['nullable'],
+            'notes' => ['nullable'],
         ];
     }
 
diff --git a/app/Http/Requests/ProductServiceRequest.php b/app/Http/Requests/ProductServiceRequest.php
new file mode 100644
index 0000000..0b743db
--- /dev/null
+++ b/app/Http/Requests/ProductServiceRequest.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class ProductServiceRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'order_product_id' => ['required', 'exists:order_products'],
+            'service_file_id' => ['nullable', 'exists:service_files'],
+            'service_type' => ['required'],
+            'placement' => ['required'],
+            'setup_amount' => ['required'],
+            'amount' => ['nullable'],
+            'amount_price' => ['nullable'],
+        ];
+    }
+
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Http/Requests/ProductSizeRequest.php b/app/Http/Requests/ProductSizeRequest.php
new file mode 100644
index 0000000..272716f
--- /dev/null
+++ b/app/Http/Requests/ProductSizeRequest.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class ProductSizeRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'order_product_id' => ['required', 'exists:order_products'],
+            'size' => ['required'],
+            'amount' => ['required'],
+        ];
+    }
+
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Http/Requests/ServiceFileRequest.php b/app/Http/Requests/ServiceFileRequest.php
new file mode 100644
index 0000000..f66ae36
--- /dev/null
+++ b/app/Http/Requests/ServiceFileRequest.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class ServiceFileRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'code' => ['required'],
+            'name' => ['required'],
+            'width' => ['required', 'numeric'],
+            'height' => ['required', 'numeric'],
+            'unit' => ['required'],
+        ];
+    }
+
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Livewire/Counter.php b/app/Livewire/Counter.php
new file mode 100644
index 0000000..b4ee99c
--- /dev/null
+++ b/app/Livewire/Counter.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+
+class Counter extends Component
+{
+    public $count = 1;
+
+    public function increment()
+    {
+        $this->count++;
+    }
+
+    public function decrement()
+    {
+        $this->count--;
+    }
+
+    public function render()
+    {
+        return view('livewire.counter');
+    }
+}
diff --git a/app/Livewire/CreateOrder.php b/app/Livewire/CreateOrder.php
new file mode 100644
index 0000000..1ce2e9c
--- /dev/null
+++ b/app/Livewire/CreateOrder.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Enums\OrderStatus;
+use App\Enums\OrderType;
+use App\Models\Customer;
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Support\Carbon;
+use Livewire\Component;
+
+class CreateOrder extends Component
+{
+    public Collection $customers;
+    public string $selectedCustomer;
+    public $contacts;
+
+    public function mount( Collection $customers)
+    {
+        $this->customers = $customers;
+        $this->contacts = $customers->first()->contacts;
+    }
+
+    public function getContacts()
+    {
+        $this->contacts = Customer::find($this->selectedCustomer)->contacts;
+    }
+
+    public function render()
+    {
+        return view('livewire.create-order', [
+            'contacts' => $this->contacts,
+            'order_types' => OrderType::cases(),
+            'order_status' => OrderStatus::cases(),
+            'customers' => $this->customers,
+            'today' => Carbon::today()->format('Y-m-d'),
+            'due_default' => Carbon::today()->addDay(10)->format('Y-m-d')
+        ]);
+    }
+}
diff --git a/app/Livewire/CustomerAndContactSelect.php b/app/Livewire/CustomerAndContactSelect.php
new file mode 100644
index 0000000..2938dba
--- /dev/null
+++ b/app/Livewire/CustomerAndContactSelect.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\Customer;
+use Illuminate\Support\Collection;
+use Livewire\Component;
+
+class CustomerAndContactSelect extends Component
+{
+    public Collection $customers;
+    public Collection $contacts;
+    public string $selectedCustomer;
+
+    public function mount(Collection $customers)
+    {
+        $this->customers = $customers;
+
+        if (isset($this->selectedCustomer))
+        {
+            $this->contacts = Customer::find($this->selectedCustomer)->contacts;
+        }
+        else {
+            $this->contacts = $customers->first()->contacts;
+        }
+
+    }
+
+    public function updateContactList()
+    {
+        $this->contacts = Customer::find($this->selectedCustomer)->contacts;
+    }
+
+    public function render()
+    {
+        return view('livewire.customer-and-contact-select', [
+            'customers' => $this->customers,
+            'contacts' => $this->contacts,
+        ]);
+    }
+}
diff --git a/app/Models/Contact.php b/app/Models/Contact.php
index 2ae4319..dd92d68 100644
--- a/app/Models/Contact.php
+++ b/app/Models/Contact.php
@@ -20,6 +20,11 @@ class Contact extends Model
         'notes',
     ];
 
+    public function getFullNameAttribute(): string
+    {
+        return $this->first_name . ' ' . $this->last_name;
+    }
+
     public function customer(): BelongsTo
     {
        return $this->belongsTo(Customer::class);
diff --git a/app/Models/Order.php b/app/Models/Order.php
index cb8ec44..f7e1064 100644
--- a/app/Models/Order.php
+++ b/app/Models/Order.php
@@ -7,6 +7,7 @@
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\SoftDeletes;
 
 class Order extends Model
@@ -15,9 +16,11 @@ class Order extends Model
 
     protected $fillable = [
         'customer_id',
+        'contact_id',
         'internal_po',
         'customer_po',
         'order_date',
+        'order_type',
         'due_date',
         'status',
         'rush',
@@ -47,6 +50,11 @@ public function customer(): BelongsTo
         return $this->belongsTo(Customer::class);
     }
 
+    public function orderProduct(): HasMany
+    {
+        return $this->hasMany(OrderProduct::class);
+    }
+
     protected function serializeDate(DateTimeInterface $date): string
     {
         return $date->format('Y-m-d');
diff --git a/app/Models/OrderProduct.php b/app/Models/OrderProduct.php
new file mode 100644
index 0000000..745ac50
--- /dev/null
+++ b/app/Models/OrderProduct.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\Relations\HasOne;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class OrderProduct extends Model
+{
+    use SoftDeletes, HasFactory;
+
+    protected $fillable = [
+        'order_id',
+        'sku',
+        'product_name',
+        'color',
+    ];
+
+    public function order(): BelongsTo
+    {
+        return $this->belongsTo(Order::class);
+    }
+
+    public function productService(): HasOne
+    {
+        return $this->hasOne(ProductService::class);
+    }
+
+    public function serviceFile(): HasOne
+    {
+        return $this->hasOne(ServiceFile::class);
+    }
+
+    public function productSize(): HasMany
+    {
+        return $this->hasMany(ProductSize::class);
+    }
+}
diff --git a/app/Models/ProductService.php b/app/Models/ProductService.php
new file mode 100644
index 0000000..c351bcf
--- /dev/null
+++ b/app/Models/ProductService.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasOne;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class ProductService extends Model
+{
+    use SoftDeletes, HasFactory;
+
+    protected $fillable = [
+        'order_product_id',
+        'service_type',
+        'placement',
+        'setup_amount',
+        'amount',
+        'amount_price',
+    ];
+
+    public function orderProduct(): BelongsTo
+    {
+        return $this->belongsTo(OrderProduct::class);
+    }
+
+    public function serviceFile(): HasOne
+    {
+        return $this->hasOne(ServiceFile::class);
+    }
+}
diff --git a/app/Models/ProductSize.php b/app/Models/ProductSize.php
new file mode 100644
index 0000000..51150fa
--- /dev/null
+++ b/app/Models/ProductSize.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class ProductSize extends Model
+{
+    use SoftDeletes, HasFactory;
+
+    protected $fillable = [
+        'order_product_id',
+        'size',
+        'amount',
+    ];
+
+    public function orderProduct(): BelongsTo
+    {
+        return $this->belongsTo(OrderProduct::class);
+    }
+}
diff --git a/app/Models/ServiceFile.php b/app/Models/ServiceFile.php
new file mode 100644
index 0000000..18b4b9c
--- /dev/null
+++ b/app/Models/ServiceFile.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class ServiceFile extends Model
+{
+    use SoftDeletes, HasFactory;
+
+    protected $fillable = [
+        'code',
+        'product_service_id',
+        'name',
+        'width',
+        'height',
+        'unit',
+    ];
+
+    public function productService(): BelongsTo
+    {
+        return $this->belongsTo(ProductService::class);
+    }
+}
diff --git a/composer.json b/composer.json
index 7f6cb1b..3b608c3 100644
--- a/composer.json
+++ b/composer.json
@@ -8,7 +8,8 @@
         "php": "^8.2",
         "davidhsianturi/blade-bootstrap-icons": "^1.5",
         "laravel/framework": "^11.9",
-        "laravel/tinker": "^2.9"
+        "laravel/tinker": "^2.9",
+        "livewire/livewire": "^3.5"
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",
diff --git a/composer.lock b/composer.lock
index da623a1..363f653 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "ecf358f6808ee41e24a7136c4c0cd543",
+    "content-hash": "cf385c78ac1f239d7823feaf6668a15b",
     "packages": [
         {
             "name": "blade-ui-kit/blade-icons",
@@ -1959,6 +1959,82 @@
             ],
             "time": "2024-01-28T23:22:08+00:00"
         },
+        {
+            "name": "livewire/livewire",
+            "version": "v3.5.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/livewire/livewire.git",
+                "reference": "597a2808d8d3001cc3ed5ce89a6ebab00f83b80f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/livewire/livewire/zipball/597a2808d8d3001cc3ed5ce89a6ebab00f83b80f",
+                "reference": "597a2808d8d3001cc3ed5ce89a6ebab00f83b80f",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/database": "^10.0|^11.0",
+                "illuminate/routing": "^10.0|^11.0",
+                "illuminate/support": "^10.0|^11.0",
+                "illuminate/validation": "^10.0|^11.0",
+                "laravel/prompts": "^0.1.24",
+                "league/mime-type-detection": "^1.9",
+                "php": "^8.1",
+                "symfony/console": "^6.0|^7.0",
+                "symfony/http-kernel": "^6.2|^7.0"
+            },
+            "require-dev": {
+                "calebporzio/sushi": "^2.1",
+                "laravel/framework": "^10.15.0|^11.0",
+                "mockery/mockery": "^1.3.1",
+                "orchestra/testbench": "^8.21.0|^9.0",
+                "orchestra/testbench-dusk": "^8.24|^9.1",
+                "phpunit/phpunit": "^10.4",
+                "psy/psysh": "^0.11.22|^0.12"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Livewire\\LivewireServiceProvider"
+                    ],
+                    "aliases": {
+                        "Livewire": "Livewire\\Livewire"
+                    }
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
+                "psr-4": {
+                    "Livewire\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Caleb Porzio",
+                    "email": "calebporzio@gmail.com"
+                }
+            ],
+            "description": "A front-end framework for Laravel.",
+            "support": {
+                "issues": "https://github.com/livewire/livewire/issues",
+                "source": "https://github.com/livewire/livewire/tree/v3.5.6"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/livewire",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-08-19T11:52:18+00:00"
+        },
         {
             "name": "monolog/monolog",
             "version": "3.7.0",
diff --git a/database/factories/OrderFactory.php b/database/factories/OrderFactory.php
index 35d8502..b4093ed 100644
--- a/database/factories/OrderFactory.php
+++ b/database/factories/OrderFactory.php
@@ -3,6 +3,7 @@
 namespace Database\Factories;
 
 use App\Enums\OrderStatus;
+use App\Enums\OrderType;
 use App\Models\Customer;
 use App\Models\Order;
 use Illuminate\Database\Eloquent\Factories\Factory;
@@ -14,17 +15,19 @@ class OrderFactory extends Factory
 
     public function definition(): array
     {
-        $order_date = Carbon::today()->subDays(rand(0, 30));
+        $order_date = Carbon::today()->subDays(rand(0, 10));
+        $due_date = $order_date->copy()->addDays(rand(9,15));
 
         return [
             'created_at' => Carbon::now(),
             'updated_at' => Carbon::now(),
             'internal_po' => 'TN' . $this->faker->randomNumber(4, true),
             'customer_po' => $this->faker->randomNumber(6, true),
+            'order_type' => $this->faker->randomElement(OrderType::cases())->value,
             'order_date' => $order_date,
-            'due_date' => $order_date->addDays(rand(8, 12)),
-            'status' => $this->faker->randomELement(OrderStatus::cases())->value, //todo: setup order status enum
-            'rush' => $this->faker->boolean(),
+            'due_date' => $due_date,
+            'status' => $this->faker->randomELement(OrderStatus::cases())->value,
+            'rush' => $this->faker->boolean(10),
             'new_art' => $this->faker->boolean(),
             'digitizing' => $this->faker->boolean(),
             'repeat' => $this->faker->boolean(),
diff --git a/database/factories/OrderProductFactory.php b/database/factories/OrderProductFactory.php
new file mode 100644
index 0000000..c395073
--- /dev/null
+++ b/database/factories/OrderProductFactory.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Order;
+use App\Models\OrderProduct;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class OrderProductFactory extends Factory
+{
+    protected $model = OrderProduct::class;
+
+    public function definition(): array
+    {
+        return [
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+            'sku' => $this->faker->randomElement([$this->faker->randomNumber(4, true), null]),
+            'product_name' => $this->faker->randomElement(['shirts', 'hats', 'jackets', 'pants', 'tote bags', 'backpacks']),
+            'color' => $this->faker->randomElement(['black', 'white', 'navy', 'red', 'gold', 'charcoal']),
+        ];
+    }
+}
diff --git a/database/factories/ProductServiceFactory.php b/database/factories/ProductServiceFactory.php
new file mode 100644
index 0000000..ad7917e
--- /dev/null
+++ b/database/factories/ProductServiceFactory.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\OrderProduct;
+use App\Models\ProductService;
+use App\Models\ServiceFile;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class ProductServiceFactory extends Factory
+{
+    protected $model = ProductService::class;
+
+    public function definition(): array
+    {
+        return [
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+            'service_type' => $this->faker->randomElement(['embroidery', 'screen printing', 'dtg', 'vinyl']),
+            'placement' => $this->faker->randomElement(['l/c', 'c/f', 'f/b', 'r/c']),
+            'setup_amount' => 0,
+            'amount' => $this->faker->randomNumber(1),
+            'amount_price' => 0,
+        ];
+    }
+}
diff --git a/database/factories/ProductSizeFactory.php b/database/factories/ProductSizeFactory.php
new file mode 100644
index 0000000..621b3b3
--- /dev/null
+++ b/database/factories/ProductSizeFactory.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\OrderProduct;
+use App\Models\ProductSize;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class ProductSizeFactory extends Factory
+{
+    protected $model = ProductSize::class;
+
+    public function definition(): array
+    {
+        return [
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+            'size' => $this->faker->randomElement(['xs', 's', 'm', 'l', 'xl', '2xl', '3xl']),
+            'amount' => $this->faker->randomNumber(2, false),
+        ];
+    }
+}
diff --git a/database/factories/ServiceFileFactory.php b/database/factories/ServiceFileFactory.php
new file mode 100644
index 0000000..8e464ff
--- /dev/null
+++ b/database/factories/ServiceFileFactory.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\ServiceFile;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class ServiceFileFactory extends Factory
+{
+    protected $model = ServiceFile::class;
+
+    public function definition(): array
+    {
+        return [
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+            'code' => $this->faker->randomElement(['A', 'B']) . $this->faker->randomNumber(4, true),
+            'name' => $this->faker->word(),
+            'width' => round($this->faker->randomFloat(2, 0, 10), 1),
+            'height' => round($this->faker->randomFloat(2, 0, 10), 1),
+            'unit' => 'inch',
+        ];
+    }
+}
diff --git a/database/migrations/2024_09_09_194631_create_orders_table.php b/database/migrations/2024_09_09_194631_create_orders_table.php
index c36c202..402d283 100644
--- a/database/migrations/2024_09_09_194631_create_orders_table.php
+++ b/database/migrations/2024_09_09_194631_create_orders_table.php
@@ -11,20 +11,21 @@ public function up(): void
     {
         Schema::create('orders', function (Blueprint $table) {
             $table->id();
-            $table->foreignId('customer_id');
-            $table->string('internal_po');
+            $table->foreignId('customer_id')->constrained();
+            $table->foreignId('contact_id')->nullable()->constrained();
+            $table->string('internal_po')->nullable();
             $table->string('customer_po');
-            $table->enum('order_type', OrderType::cases());
+            $table->string('order_type');
             $table->date('order_date');
             $table->date('due_date');
-            $table->enum('status', OrderStatus::cases());
+            $table->string('status');
             $table->boolean('rush')->default(0);
             $table->boolean('new_art')->default(0);
             $table->boolean('digitizing')->default(0);
             $table->boolean('repeat')->default(0);
             $table->boolean('purchased_garments')->default(0);
             $table->boolean('customer_supplied_file')->default(0);
-            $table->longText('notes');
+            $table->longText('notes')->nullable();
             $table->softDeletes();
             $table->timestamps();
         });
diff --git a/database/migrations/2024_09_10_224439_create_order_products_table.php b/database/migrations/2024_09_10_224439_create_order_products_table.php
new file mode 100644
index 0000000..8edaf9a
--- /dev/null
+++ b/database/migrations/2024_09_10_224439_create_order_products_table.php
@@ -0,0 +1,25 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    public function up(): void
+    {
+        Schema::create('order_products', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('order_id')->constrained();
+            $table->string('sku')->nullable();
+            $table->string('product_name');
+            $table->string('color')->nullable();
+            $table->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('order_products');
+    }
+};
diff --git a/database/migrations/2024_09_10_224947_create_product_services_table.php b/database/migrations/2024_09_10_224947_create_product_services_table.php
new file mode 100644
index 0000000..a9d44d6
--- /dev/null
+++ b/database/migrations/2024_09_10_224947_create_product_services_table.php
@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    public function up(): void
+    {
+        Schema::create('product_services', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('order_product_id');
+            $table->string('service_type');
+            $table->string('placement');
+            $table->string('setup_amount');
+            $table->string('amount')->nullable();
+            $table->string('amount_price')->nullable();
+            $table->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('product_services');
+    }
+};
diff --git a/database/migrations/2024_09_10_225029_create_service_files_table.php b/database/migrations/2024_09_10_225029_create_service_files_table.php
new file mode 100644
index 0000000..eca58f6
--- /dev/null
+++ b/database/migrations/2024_09_10_225029_create_service_files_table.php
@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    public function up(): void
+    {
+        Schema::create('service_files', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('product_service_id')->constrained();
+            $table->string('code');
+            $table->string('name');
+            $table->decimal('width');
+            $table->decimal('height');
+            $table->string('unit');
+            $table->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('service_files');
+    }
+};
diff --git a/database/migrations/2024_09_10_230904_create_product_sizes_table.php b/database/migrations/2024_09_10_230904_create_product_sizes_table.php
new file mode 100644
index 0000000..00e3e99
--- /dev/null
+++ b/database/migrations/2024_09_10_230904_create_product_sizes_table.php
@@ -0,0 +1,24 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    public function up(): void
+    {
+        Schema::create('product_sizes', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('order_product_id');
+            $table->string('size');
+            $table->string('amount');
+            $table->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('product_sizes');
+    }
+};
diff --git a/database/seeders/CustomerSeeder.php b/database/seeders/CustomerSeeder.php
new file mode 100644
index 0000000..4e80500
--- /dev/null
+++ b/database/seeders/CustomerSeeder.php
@@ -0,0 +1,93 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\Contact;
+use App\Models\Customer;
+use App\Models\Order;
+use App\Models\OrderProduct;
+use App\Models\PackingSlip;
+use App\Models\ProductService;
+use App\Models\ProductSize;
+use App\Models\ServiceFile;
+use App\Models\ShippingEntry;
+use Illuminate\Database\Seeder;
+
+class CustomerSeeder extends Seeder
+{
+    public function run(): void
+    {
+        Customer::factory(9)
+            ->has(Contact::factory(5))
+            ->has(PackingSlip::factory(30))
+            ->has(ShippingEntry::factory(2))
+            ->has(Order::factory(5)
+                ->has(OrderProduct::factory(2)
+                    ->has(ProductSize::factory(3))
+                    ->has(ProductService::factory(3)
+                        ->has(ServiceFile::factory(1)))))
+            ->create();
+
+        Customer::factory([
+            'company_name' => 'Genumark',
+            'internal_name' => 'genumark',
+            'shipping_address' => '',
+            'billing_address' => '',
+        ])
+            ->has(Contact::factory([
+                'first_name' => 'Tammy',
+                'last_name' => 'Bookbinder',
+                'email' => 'tbookbinder@genumark.com',
+                'phone' => '+1 778 229 5668'
+            ]))
+            ->has(Contact::factory([
+                'first_name' => 'Kathlyn',
+                'last_name' => 'Wood',
+                'email' => 'kwood@genumark.com',
+                'phone' => '+1 604 294 2376',
+                'notes' => 'Always CC, unless SOF order'
+            ]))
+            ->has(Contact::factory([
+                'first_name' => 'Jane',
+                'last_name' => 'Wellman',
+                'email' => 'jwellman@genumark.com',
+                'phone' => '+1 604 742 5584',
+                'notes' => 'Deals with SOF orders'
+            ]))
+            ->has(Contact::factory([
+                'first_name' => 'Trisha',
+                'last_name' => 'Miller',
+                'email' => 'tmiller@genumark.com',
+                'phone' => '+1 604 802 8486'
+            ]))
+            ->has(Contact::factory([
+                'first_name' => 'Brenda',
+                'last_name' => 'Kuepfer',
+                'email' => 'bkuepfer@genumark.com',
+                'phone' => '+1 604 305 5002'
+            ]))
+            ->has(PackingSlip::factory(20))
+            ->has(ShippingEntry::factory([
+                'account_title' => 'Genumark',
+                'courier' => 'UPS CampusShip',
+                'contact' => 'https://www.ups.com/lasso/login',
+                'account_username' => 'GenumarkTopNotch',
+                'account_password' => 'TopNotch@13579',
+                'info_needed' => 'Put PO on box',
+                'notify' => 'Various reps, CC Kathlyn Wood',
+                'notes' => 'For Save On Foods orders, see Genumark SOF'
+            ]))
+            ->has(ShippingEntry::factory([
+                'account_title' => 'Genumark Save-On-Foods',
+                'courier' => 'UPS CampusShip',
+                'contact' => 'https://www.ups.com/lasso/login',
+                'account_username' => 'GenumarkTopNotch',
+                'account_password' => 'TopNotch@13579',
+                'info_needed' => 'Put PO on box',
+                'notify' => 'Jane Wellman',
+                'notes' => 'Don\'t CC Kathlyn for SOF orders'
+            ]))
+            ->has(Order::factory(10))
+            ->create();
+    }
+}
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 3293b57..0fa984e 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -21,73 +21,10 @@ class DatabaseSeeder extends Seeder
      */
     public function run(): void
     {
-        Customer::factory(9)
-            ->has(Contact::factory(5))
-            ->has(PackingSlip::factory(30))
-            ->has(ShippingEntry::factory(2))
-            ->create();
+        $this->call([
+            CustomerSeeder::class,
+        ]);
 
-        Customer::factory([
-            'company_name' => 'Genumark',
-            'internal_name' => 'genumark',
-            'shipping_address' => '',
-            'billing_address' => '',
-        ])
-            ->has(Contact::factory([
-                'first_name' => 'Tammy',
-                'last_name' => 'Bookbinder',
-                'email' => 'tbookbinder@genumark.com',
-                'phone' => '+1 778 229 5668'
-            ]))
-            ->has(Contact::factory([
-                'first_name' => 'Kathlyn',
-                'last_name' => 'Wood',
-                'email' => 'kwood@genumark.com',
-                'phone' => '+1 604 294 2376',
-                'notes' => 'Always CC, unless SOF order'
-            ]))
-            ->has(Contact::factory([
-                'first_name' => 'Jane',
-                'last_name' => 'Wellman',
-                'email' => 'jwellman@genumark.com',
-                'phone' => '+1 604 742 5584',
-                'notes' => 'Deals with SOF orders'
-            ]))
-            ->has(Contact::factory([
-                'first_name' => 'Trisha',
-                'last_name' => 'Miller',
-                'email' => 'tmiller@genumark.com',
-                'phone' => '+1 604 802 8486'
-            ]))
-            ->has(Contact::factory([
-                'first_name' => 'Brenda',
-                'last_name' => 'Kuepfer',
-                'email' => 'bkuepfer@genumark.com',
-                'phone' => '+1 604 305 5002'
-            ]))
-            ->has(PackingSlip::factory(20))
-            ->has(ShippingEntry::factory([
-                'account_title' => 'Genumark',
-                'courier' => 'UPS CampusShip',
-                'contact' => 'https://www.ups.com/lasso/login',
-                'account_username' => 'GenumarkTopNotch',
-                'account_password' => 'TopNotch@13579',
-                'info_needed' => 'Put PO on box',
-                'notify' => 'Various reps, CC Kathlyn Wood',
-                'notes' => 'For Save On Foods orders, see Genumark SOF'
-            ]))
-            ->has(ShippingEntry::factory([
-                'account_title' => 'Genumark Save-On-Foods',
-                'courier' => 'UPS CampusShip',
-                'contact' => 'https://www.ups.com/lasso/login',
-                'account_username' => 'GenumarkTopNotch',
-                'account_password' => 'TopNotch@13579',
-                'info_needed' => 'Put PO on box',
-                'notify' => 'Jane Wellman',
-                'notes' => 'Don\'t CC Kathlyn for SOF orders'
-            ]))
-            ->has(Order::factory(10))
-            ->create();
 
         User::factory()->create([
             'name' => 'Test User',
diff --git a/resources/views/customers/index.blade.php b/resources/views/customers/index.blade.php
deleted file mode 100644
index a9f0430..0000000
--- a/resources/views/customers/index.blade.php
+++ /dev/null
@@ -1,144 +0,0 @@
-@extends('layouts.app')
-
-@section('header')
-    <div class="container-fluid bg-light pt-3">
-
-        <!-- Customer company name row -->
-        <div class="row justify-content-center pb-2">
-            <div class="col-3"></div>
-            <div class="col">
-                <h2></h2>
-            </div>
-        </div>
-
-        <!-- Tabs row -->
-        <div class="row justify-content-center mb-3">
-            <div class="col-3 border-bottom"></div>
-            <div class="col-6 p-0">
-
-                <ul class="nav nav-fill nav-tabs" id="customer-tabs" role="tablist">
-                    <li class="nav-item" role="presentation">
-                        <button class="nav-link link-dark {{$tab == null ? 'active' : ''}}" id="details-tab"
-                                data-bs-toggle="tab" data-bs-target="#details" type="button" role="tab"
-                                aria-controls="details" aria-selected="{{$tab == null ? 'true' : 'false'}}">
-                            <x-bi-list-ul/>
-                            Customers
-                        </button>
-                    </li>
-                    <li class="nav-item" role="presentation">
-                        <button class="nav-link link-dark {{$tab == 'shipping' ? 'active' : ''}}" id="shipping-tab"
-                                data-bs-toggle="tab" data-bs-target="#shipping" type="button" role="tab"
-                                aria-controls="shipping" aria-selected="{{$tab == 'shipping' ? 'true' : 'false'}}">
-                            <x-bi-box-fill/>
-                            Orders
-                        </button>
-                    </li>
-                    <li class="nav-item" role="presentation">
-                        <button class="nav-link link-dark {{$tab == 'packing' ? 'active' : ''}}" id="packing-tab"
-                                data-bs-toggle="tab" data-bs-target="#packing" type="button" role="tab"
-                                aria-controls="packing" aria-selected="{{$tab == 'packing' ? 'true' : 'false'}}">
-                            <x-bi-card-text/>
-                            Packing Slips
-                        </button>
-                    </li>
-                    {{--                    <li class="nav-item" role="presentation">--}}
-                    {{--                        <button class="nav-link link-dark {{$tab == 'contacts' ? 'active' : ''}}" id="contacts-tab"--}}
-                    {{--                                data-bs-toggle="tab" data-bs-target="#contacts" type="button" role="tab"--}}
-                    {{--                                aria-controls="contacts" aria-selected="{{$tab == 'contacts' ? 'true' : 'false'}}">--}}
-                    {{--                            <x-bi-people-fill/>--}}
-                    {{--                            Contacts--}}
-                    {{--                        </button>--}}
-                    {{--                    </li>--}}
-                </ul>
-
-            </div>
-            <div class="col border-bottom"></div>
-        </div>
-
-    </div>
-@endsection()
-
-@section('content')
-    <div class="container">
-        <div class="row justify-content-center mb-3">
-            <div class="col">
-                <div class="d-flex flex-row gap-2">
-                    <button class="btn btn-primary" title="Create new customer..."
-                            data-bs-toggle="modal"
-                            data-bs-target="#createCustomerModal">
-                        <x-bi-person-plus-fill/>
-                        Create entry
-                    </button>
-
-                    <div class="vr"></div>
-
-                    <div class="d-inline-flex gap-2">
-                        <input type="text" class="form-control" placeholder="Search..."
-                                name="" id="">
-                        <button class="btn btn-outline-primary">
-                            <x-bi-search/>
-                        </button>
-                    </div>
-
-                    <div class="mx-auto"></div>
-
-                    <button class="btn btn-danger" title="Delete customer..."
-                            data-bs-toggle="modal"
-                            data-bs-target="#deleteCustomerModal">
-                        <x-bi-trash-fill/>
-                        Delete entry
-                    </button>
-                </div>
-            </div>
-        </div>
-
-        <div class="row mb-3">
-            <div class="col">
-                @if(sizeof($customers) !== 0)
-                    <table class="table table-striped table-hover">
-                        <thead>
-                        <tr class="border-bottom border-black">
-                            <th scope="col">Company Name</th>
-                            <th scope="col">Internal Name</th>
-                            <th scope="col">Shipping Address</th>
-                            <th scope="col">Billing Address</th>
-                            <th scope="col">Phone</th>
-                            <th scope="col">View</th>
-                        </tr>
-                        </thead>
-
-                        <tbody>
-
-                        @foreach($customers as $customer)
-                            <tr>
-                                <td> {{$customer->company_name}} </td>
-                                <td><code>{{$customer->internal_name}}</code></td>
-                                <td> {{$customer->shipping_address}} </td>
-                                <td> {{$customer->billing_address}} </td>
-                                <td class="text-nowrap"> {{$customer->phone}} </td>
-                                <td class="align-top">
-                                    <a class="btn btn-sm btn-outline-secondary"
-                                            href="{{route('customers.show', [$customer->id, 'tab'=>'details'])}}">
-                                        <x-bi-arrow-right/>
-                                    </a>
-                                </td>
-                            </tr>
-                        @endforeach
-
-                        </tbody>
-                    </table>
-
-                @else()
-                    No customer data.
-                @endif
-            </div>
-        </div>
-    </div>
-
-    <!-- Create Customer Modal -->
-    @include('partials.customers.create-modal')
-
-    <!-- Delete Customer Modal -->
-    @include('partials.customers.delete-all-modal')
-
-@endsection
diff --git a/resources/views/customers/show.blade.php b/resources/views/customers/show.blade.php
index 2cc702b..ebf3657 100644
--- a/resources/views/customers/show.blade.php
+++ b/resources/views/customers/show.blade.php
@@ -65,7 +65,6 @@
 @section('content')
     <div class="container">
         <div class="row justify-content-center my-3">
-
             <div class="tab-content">
 
                 <!-- Overview tab -->
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
new file mode 100644
index 0000000..5d2c25c
--- /dev/null
+++ b/resources/views/dashboard.blade.php
@@ -0,0 +1,131 @@
+@extends('layouts.app')
+
+@section('header')
+    <div class="container-fluid bg-light pt-3">
+
+        <!-- Customer company name row -->
+        <div class="row justify-content-center pb-2">
+            <div class="col-3"></div>
+            <div class="col">
+                {{--                <h2>Overview</h2>--}}
+            </div>
+        </div>
+
+        <!-- Tabs row -->
+        <div class="row justify-content-center">
+            <div class="col-3 border-bottom"></div>
+            <div class="col-6 p-0">
+
+                <ul class="nav nav-fill nav-tabs" id="home-tabs" role="tablist">
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'active_orders' ? 'active' : ''}}" id="active_orders-tab"
+                                href="{{route('dashboard', ['tab' => 'active_orders'])}}" type="button" role="tab"
+                                aria-controls="active_orders" aria-selected="{{$tab == 'active_orders' ? 'true' : 'false'}}">
+                            <x-bi-list-ul/>
+                            Active Orders
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'packing_slips' ? 'active' : ''}}" id="packing-tab"
+                                href="{{route('dashboard', ['tab' => 'packing_slips'])}}" type="button" role="tab"
+                                aria-controls="packing_slips" aria-selected="{{$tab == 'packing_slips' ? 'true' : 'false'}}">
+                            <x-bi-list-ul/>
+                            Packing Slips
+                        </a>
+                    </li>
+                </ul>
+
+            </div>
+            <div class="col border-bottom"></div>
+        </div>
+
+    </div>
+@endsection
+
+@section('content')
+    <div class="container">
+        <div class="row justify-content-center my-3">
+            <div class="tab-content">
+                <div class="tab-pane {{$tab == 'active_orders' ? 'active' : ''}}" id="active_orders" role="tabpanel"
+                        aria-labelledby="active_orders-tab">
+
+                    <div class="row justify-content-center mb-3">
+                        <div class="col-9">
+                            <div class="d-flex flex-row gap-2">
+                                <div class="d-inline-flex">
+                                    <h4 class="my-auto">Active orders</h4>
+                                </div>
+                                <div class="mx-auto"></div>
+                                <a href="{{route('orders.create')}}"
+                                        class="btn btn-sm btn-primary" title="Create new order...">
+                                <x-bi-plus-circle-fill/>
+                                Create entry
+                                </a>
+                                <div class="vr"></div>
+
+                                <div class="d-inline-flex gap-2">
+                                    <input type="text" class="form-control form-control-sm" placeholder="Search..."
+                                            name="" id="searchText">
+                                    <button class="btn btn-sm btn-outline-primary" id="searchButton">
+                                        <x-bi-search/>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row justify-content-center">
+                        <div class="col-9">
+                            <table class="table table-striped table-sm table-hover">
+                                <thead>
+                                <tr class="border-bottom border-black">
+                                    <th scope="col">Customer</th>
+                                    <th scope="col">Internal PO</th>
+                                    <th scope="col">Customer PO</th>
+                                    <th scope="col">Order Date</th>
+                                    <th scope="col">Due Date</th>
+                                    <th scope="col">Status</th>
+                                    <th scope="col">Rush</th>
+                                    <th scope="col">View</th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                @foreach($active_orders as $order)
+                                    <tr class="@if($today > $order->due_date) table-danger @elseif($order->rush) table-warning @endif">
+                                        <td>{{$order->customer->company_name}}</td>
+                                        <td class="fw-bold"><code>{{$order->internal_po}}</code></td>
+                                        <td class=""><code>{{$order->customer_po}}</code></td>
+                                        <td class="text-nowrap">{{$order->order_date}}</td>
+                                        <td class="text-nowrap">{{$order->due_date}}</td>
+                                        <td>{{$order->status->value}}</td>
+                                        <td>
+                                            @if($order->rush)
+                                                <x-bi-check-lg class="text-danger"></x-bi-check-lg>
+                                            @endif
+                                        </td>
+                                        <td class="align-top">
+                                            <a class="btn btn-sm btn-outline-secondary"
+                                                    href="">
+                                                <x-bi-arrow-right/>
+                                            </a>
+                                        </td>
+                                    </tr>
+                                @endforeach
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+
+                    <div class="row">
+                        <div class="col"></div>
+                        <div class="col-4">
+{{--                            {{$active_orders->links()}}--}}
+                        </div>
+                        <div class="col"></div>
+                    </div>
+
+                </div>
+
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
deleted file mode 100644
index 1f34466..0000000
--- a/resources/views/home.blade.php
+++ /dev/null
@@ -1,23 +0,0 @@
-@extends('layouts.app')
-
-@section('content')
-<div class="container">
-    <div class="row justify-content-center">
-        <div class="col-md-8">
-            <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
-
-                <div class="card-body">
-                    @if (session('status'))
-                        <div class="alert alert-success" role="alert">
-                            {{ session('status') }}
-                        </div>
-                    @endif
-
-                    {{ __('You are logged in!') }}
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-@endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 1593400..9ef0aae 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -15,65 +15,12 @@
 
     <!-- Scripts -->
     @vite(['resources/sass/app.scss', 'resources/js/app.js'])
+
+{{--    @livewireStyles--}}
 </head>
 <body>
 <div id="app">
-    <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
-        <div class="container">
-            <a class="navbar-brand" href="{{ url('/') }}">
-                {{ config('app.name', 'Laravel') }}
-            </a>
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                    aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-
-            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <!-- Left Side Of Navbar -->
-                <ul class="navbar-nav me-auto">
-
-                </ul>
-
-                <!-- Right Side Of Navbar -->
-                <ul class="navbar-nav ms-auto">
-                    <!-- Authentication Links -->
-                    @guest
-                        @if (Route::has('login'))
-                            <li class="nav-item">
-                                <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
-                            </li>
-                        @endif
-
-                        @if (Route::has('register'))
-                            <li class="nav-item">
-                                <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
-                            </li>
-                        @endif
-                    @else
-                        <li class="nav-item dropdown">
-                            <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button"
-                                    data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
-                                {{ Auth::user()->name }}
-                            </a>
-
-                            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
-                                <a class="dropdown-item" href="{{ route('logout') }}"
-                                        onclick="event.preventDefault();
-                                                     document.getElementById('logout-form').submit();">
-                                    {{ __('Logout') }}
-                                </a>
-
-                                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
-                                    @csrf
-                                </form>
-                            </div>
-                        </li>
-                    @endguest
-                </ul>
-            </div>
-        </div>
-    </nav>
+    @include('layouts.nav')
 
     <main>
         @yield('header')
@@ -81,5 +28,6 @@
     </main>
 </div>
 
+{{--@livewireScripts--}}
 </body>
 </html>
diff --git a/resources/views/layouts/nav.blade.php b/resources/views/layouts/nav.blade.php
new file mode 100644
index 0000000..e791008
--- /dev/null
+++ b/resources/views/layouts/nav.blade.php
@@ -0,0 +1,97 @@
+<nav class="navbar navbar-expand-md navbar-light bg-white border-bottom">
+    <div class="container">
+        <a class="navbar-brand" href="{{ url('/') }}">
+            {{ config('app.name', 'Laravel') }}
+        </a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <!-- Left Side Of Navbar -->
+            <ul class="navbar-nav me-auto">
+                <li class="nav-item px-2">
+                    <a class="nav-link @if(request()->routeIs('dashboard')) active @endif "
+                            href="{{route('dashboard')}}">
+                        <x-bi-activity/>
+                        Dashboard</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link @if(request()->routeIs('search')) active @endif disabled"
+                            href="">
+                        <x-bi-search/>
+                        Search</a>
+                </li>
+                <li class="nav-item px-2">
+                    <a class="nav-link @if(request()->routeIs('orders.*')) active @endif disabled"
+                            href="{{route('orders.index')}}">
+                        <x-bi-box/>
+                        Orders</a>
+                </li>
+                <li class="nav-item px-2">
+                    <a class="nav-link @if(request()->routeIs('quotes')) active @endif disabled"
+                            href="">
+                        <x-bi-file-text/>
+                        Quotes</a>
+                </li>
+                <li class="nav-item px-2">
+                    <a class="nav-link @if(request()->routeIs('invoices')) active @endif disabled"
+                            href="">
+                        <x-bi-envelope/>
+                        Invoices</a>
+                </li>
+                <li class="nav-item dropdown px-2">
+                    <a class="nav-link dropdown-toggle @if(request()->routeIs('management.index') || request()->routeIs('customer.*')) active @endif" href="#"
+                            role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        <x-bi-pencil-square/>
+                        Management
+                    </a>
+                    <ul class="dropdown-menu">
+                        <li><a class="dropdown-item @if(request()->routeIs('customers.*')) fw-bold @endif" href="{{route('management.index')}}">Customers</a></li>
+                        <li><a class="dropdown-item @if(request()->routeIs('packing-slips.*')) fw bold @endif" href="{{route('management.index', 'packing')}}">Packing Slips</a></li>
+                        <li><a class="dropdown-item @if(request()->routeIs('service-files.*')) fw bold @endif" href="{{route('management.index', 'files')}}">Service Files</a></li>
+                    </ul>
+                </li>
+            </ul>
+
+            <!-- Right Side Of Navbar -->
+            <ul class="navbar-nav ms-auto">
+                <!-- Authentication Links -->
+                @guest
+                    @if (Route::has('login'))
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
+                        </li>
+                    @endif
+
+                    @if (Route::has('register'))
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
+                        </li>
+                    @endif
+                @else
+                    <li class="nav-item dropdown">
+                        <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button"
+                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+                            {{ Auth::user()->name }}
+                        </a>
+
+                        <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
+                            <a class="dropdown-item" href="{{ route('logout') }}"
+                                    onclick="event.preventDefault();
+                                                     document.getElementById('logout-form').submit();">
+                                {{ __('Logout') }}
+                            </a>
+
+                            <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
+                                @csrf
+                            </form>
+                        </div>
+                    </li>
+                @endguest
+            </ul>
+        </div>
+    </div>
+</nav>
\ No newline at end of file
diff --git a/resources/views/livewire/counter.blade.php b/resources/views/livewire/counter.blade.php
new file mode 100644
index 0000000..2107cc7
--- /dev/null
+++ b/resources/views/livewire/counter.blade.php
@@ -0,0 +1,7 @@
+<div>
+    <h1>{{ $count }}</h1>
+
+    <button wire:click="increment">+</button>
+
+    <button wire:click="decrement">-</button>
+</div>
diff --git a/resources/views/livewire/create-order.blade.php b/resources/views/livewire/create-order.blade.php
new file mode 100644
index 0000000..b80e6e0
--- /dev/null
+++ b/resources/views/livewire/create-order.blade.php
@@ -0,0 +1,3 @@
+<div>
+
+</div>
diff --git a/resources/views/livewire/customer-and-contact-select.blade.php b/resources/views/livewire/customer-and-contact-select.blade.php
new file mode 100644
index 0000000..f76b5d0
--- /dev/null
+++ b/resources/views/livewire/customer-and-contact-select.blade.php
@@ -0,0 +1,43 @@
+<div>
+    <div class="row mb-3">
+        <label for="customer_id" class="col-md-4 col-form-label text-md-end">Customer</label>
+        <div class="col-md-6">
+            <select wire:change="updateContactList" wire:model="selectedCustomer" name="customer_id"
+                    class="form-select" id="customer_id" autofocus required>
+                @foreach($customers as $customer)
+                    <option value="{{$customer->id}}" {{ old('customer_id') == $customer->id ? "selected" : "" }}>
+                        {{$customer->company_name}}
+                    </option>
+                @endforeach()
+            </select>
+
+            @error('customer_id')
+            <span class="invalid-feedback" role="alert">
+                <strong>{{ $message }}</strong>
+            </span>
+            @enderror
+        </div>
+    </div>
+
+    <div class="row mb-3">
+        <label for="contact_id" class="col-md-4 col-form-label text-md-end">Contact</label>
+        <div class="col-md-6">
+            @if(isset($contacts))
+                <select wire:model="contacts" name="contact_id" class="form-select" id="contact_id">
+                    <option value=""></option>
+                    @foreach($contacts as $contact)
+                        <option value="{{$contact->id}}" {{ old('contact_id') == $contact->id ? "selected" : "" }}>
+                            {{$contact->full_name}}
+                        </option>
+                    @endforeach
+                </select>
+
+                @error('contact_id')
+                <span class="invalid-feedback" role="alert">
+                    <strong>{{ $message }}</strong>
+                </span>
+                @enderror
+            @endif
+        </div>
+    </div>
+</div>
diff --git a/resources/views/management/index.blade.php b/resources/views/management/index.blade.php
new file mode 100644
index 0000000..a8bfb58
--- /dev/null
+++ b/resources/views/management/index.blade.php
@@ -0,0 +1,27 @@
+@extends('layouts.app')
+
+@section('header')
+    @include('partials.management.index.management-tabs')
+
+@endsection()
+
+@section('content')
+    <div class="container">
+        <div class="tab-content">
+
+            @include('partials.management.index.customers')
+
+            @include('partials.management.index.packing-slips')
+
+            @include('partials.management.index.service-files')
+
+        </div>
+    </div>
+
+    <!-- Create Customer Modal -->
+    @include('partials.customers.create-modal')
+
+    <!-- Delete Customer Modal -->
+    @include('partials.customers.delete-all-modal')
+
+@endsection
diff --git a/resources/views/order-products/create.blade.php b/resources/views/order-products/create.blade.php
new file mode 100644
index 0000000..1764018
--- /dev/null
+++ b/resources/views/order-products/create.blade.php
@@ -0,0 +1,236 @@
+@extends('layouts.app')
+
+
+@section('header')
+    <div class="container-fluid bg-light pt-3">
+
+        <!-- name row -->
+        <div class="row justify-content-center pb-2">
+        </div>
+
+        <!-- Tabs row -->
+        <div class="row justify-content-center mb-3">
+            <div class="col-3 border-bottom"></div>
+            <div class="col-6 p-0">
+                <ul class="nav nav-fill nav-tabs" id="management-tabs" role="tablist">
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark active" id="order-tab"
+                                href="#" type="button" role="tab" aria-controls="order" aria-selected="true">
+                            <x-bi-box/>
+                            Add Products To Order
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="col border-bottom"></div>
+        </div>
+    </div>
+@endsection
+
+@section('content')
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-8 pt-3">
+                <form action="{{route('order-products.store') }}" method="post">
+                    @csrf
+
+                    <div class="row mb-3">
+                        <label class="col-md-4 col-form-label text-md-end">SKU</label>
+                        <div class="col-md-2">
+                            <input id="sku" type="text"
+                                    class="form-control @error('sku') is-invalid @enderror"
+                                    name="sku" value="{{@old('sku')}}" autofocus>
+
+                            @error('sku')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+
+                        <label class="col-1 col-form-label text-md-end">Color</label>
+                        <div class="col-3">
+                            <input id="color" type="text"
+                                    class="form-control @error('color') is-invalid @enderror"
+                                    name="color" value="{{@old('color')}}">
+
+                            @error('color')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label class="col-md-4 col-form-label text-md-end">Product Name</label>
+                        <div class="col-md-6">
+                            <input id="product_name" type="text"
+                                    class="form-control @error('product_name') is-invalid @enderror"
+                                    name="product_name" value="{{@old('product_name')}}" required>
+
+                            @error('product_name')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label class="col-md-4 col-form-label text-md-end">Sizes</label>
+                        <div class="col-6">
+                            <div class="row mb-1 text-center">
+                                <div class="col px-1">XS</div>
+                                <div class="col px-1">S</div>
+                                <div class="col px-1">M</div>
+                                <div class="col px-1">L</div>
+                                <div class="col px-1">XL</div>
+                                <div class="col px-1">2XL</div>
+                                <div class="col px-1">Other</div>
+                                <div class="col px-1">Total</div>
+                            </div>
+                            <div class="row">
+                                <div class="col px-1">
+                                    <input id="size-xs" type="text"
+                                            class="form-control px-1  @error('size-xs') is-invalid @enderror" name="size-xs"
+                                            value="{{@old('size-xs')}}">
+                                    @error('size-xs') <span class="invalid-feedback"
+                                            role="alert"> <strong>{{ $message }}</strong> </span> @enderror
+                                </div>
+                                <div class="col px-1">
+                                    <input id="size-s" type="text"
+                                            class="form-control px-1  @error('size-s') is-invalid @enderror" name="size-s"
+                                            value="{{@old('size-s')}}">
+                                    @error('size-s') <span class="invalid-feedback"
+                                            role="alert"> <strong>{{ $message }}</strong> </span> @enderror
+                                </div>
+                                <div class="col px-1">
+                                    <input id="size-m" type="text"
+                                            class="form-control px-1  @error('size-m') is-invalid @enderror" name="size-m"
+                                            value="{{@old('size-m')}}">
+                                    @error('size-m') <span class="invalid-feedback"
+                                            role="alert"> <strong>{{ $message }}</strong> </span> @enderror
+                                </div>
+                                <div class="col px-1">
+                                    <input id="size-l" type="text"
+                                            class="form-control px-1  @error('size-l') is-invalid @enderror" name="size-l"
+                                            value="{{@old('size-l')}}">
+                                    @error('size-l') <span class="invalid-feedback"
+                                            role="alert"> <strong>{{ $message }}</strong> </span> @enderror
+                                </div>
+                                <div class="col px-1">
+                                    <input id="size-xl" type="text"
+                                            class="form-control px-1  @error('size-xl') is-invalid @enderror" name="size-xl"
+                                            value="{{@old('size-xl')}}">
+                                    @error('size-xl') <span class="invalid-feedback"
+                                            role="alert"> <strong>{{ $message }}</strong> </span> @enderror
+                                </div>
+                                <div class="col px-1">
+                                    <input id="size-2xl" type="text"
+                                            class="form-control px-1  @error('size-2xl') is-invalid @enderror" name="size-2xl"
+                                            value="{{@old('size-2xl')}}">
+                                    @error('size-2xl') <span class="invalid-feedback"
+                                            role="alert"> <strong>{{ $message }}</strong> </span> @enderror
+                                </div>
+                                <div class="col px-1">
+                                    <input id="size-other" type="text"
+                                            class="form-control px-1  @error('size-other') is-invalid @enderror" name="size-other"
+                                            value="{{@old('size-other')}}">
+                                    @error('size-other') <span class="invalid-feedback"
+                                            role="alert"> <strong>{{ $message }}</strong> </span> @enderror
+                                </div>
+                                <div class="col px-1">
+                                    <span name="total" id="total"></span>
+                                </div>
+                            </div>
+                            {{--                            <table class="table table-borderless">--}}
+                            {{--                                <thead>--}}
+                            {{--                                <tr class="">--}}
+                            {{--                                    <th class="text-center" scope="col">XS</th>--}}
+                            {{--                                    <th class="text-center" scope="col">S</th>--}}
+                            {{--                                    <th class="text-center" scope="col">M</th>--}}
+                            {{--                                    <th class="text-center" scope="col">L</th>--}}
+                            {{--                                    <th class="text-center" scope="col">XL</th>--}}
+                            {{--                                    <th class="text-center" scope="col">2XL</th>--}}
+                            {{--                                    <th class="text-center" scope="col">Misc</th>--}}
+                            {{--                                    <th class="text-center" scope="col">Total</th>--}}
+                            {{--                                </tr>--}}
+                            {{--                                </thead>--}}
+                            {{--                                <tbody>--}}
+                            {{--                                <tr>--}}
+                            {{--                                    <td class="py-0 px-1">--}}
+                            {{--                                        <input id="xs" type="text"--}}
+                            {{--                                                class="form-control px-2 @error('xs') is-invalid @enderror" name="xs"--}}
+                            {{--                                                value="{{@old('xs')}}">--}}
+                            {{--                                        @error('xs') <span class="invalid-feedback"--}}
+                            {{--                                                role="alert"> <strong>{{ $message }}</strong> </span> @enderror--}}
+                            {{--                                    </td>--}}
+                            {{--                                    <td class="py-0 px-1">--}}
+                            {{--                                        <input id="xs" type="text"--}}
+                            {{--                                                class="form-control px-2 @error('xs') is-invalid @enderror" name="xs"--}}
+                            {{--                                                value="{{@old('xs')}}">--}}
+                            {{--                                        @error('xs') <span class="invalid-feedback"--}}
+                            {{--                                                role="alert"> <strong>{{ $message }}</strong> </span> @enderror--}}
+                            {{--                                    </td>--}}
+                            {{--                                    <td class="py-0 px-1">--}}
+                            {{--                                        <input id="xs" type="text"--}}
+                            {{--                                                class="form-control px-2 @error('xs') is-invalid @enderror" name="xs"--}}
+                            {{--                                                value="{{@old('xs')}}">--}}
+                            {{--                                        @error('xs') <span class="invalid-feedback"--}}
+                            {{--                                                role="alert"> <strong>{{ $message }}</strong> </span> @enderror--}}
+                            {{--                                    </td>--}}
+                            {{--                                    <td class="py-0 px-1">--}}
+                            {{--                                        <input id="xs" type="text"--}}
+                            {{--                                                class="form-control px-2 @error('xs') is-invalid @enderror" name="xs"--}}
+                            {{--                                                value="{{@old('xs')}}">--}}
+                            {{--                                        @error('xs') <span class="invalid-feedback"--}}
+                            {{--                                                role="alert"> <strong>{{ $message }}</strong> </span> @enderror--}}
+                            {{--                                    </td>--}}
+                            {{--                                    <td class="py-0 px-1">--}}
+                            {{--                                        <input id="xs" type="text"--}}
+                            {{--                                                class="form-control px-2 @error('xs') is-invalid @enderror" name="xs"--}}
+                            {{--                                                value="{{@old('xs')}}">--}}
+                            {{--                                        @error('xs') <span class="invalid-feedback"--}}
+                            {{--                                                role="alert"> <strong>{{ $message }}</strong> </span> @enderror--}}
+                            {{--                                    </td>--}}
+                            {{--                                    <td class="py-0 px-1">--}}
+                            {{--                                        <input id="xs" type="text"--}}
+                            {{--                                                class="form-control px-2 @error('xs') is-invalid @enderror" name="xs"--}}
+                            {{--                                                value="{{@old('xs')}}">--}}
+                            {{--                                        @error('xs') <span class="invalid-feedback"--}}
+                            {{--                                                role="alert"> <strong>{{ $message }}</strong> </span> @enderror--}}
+                            {{--                                    </td>--}}
+                            {{--                                    <td class="py-0 px-1">--}}
+                            {{--                                        <input id="xs" type="text"--}}
+                            {{--                                                class="form-control px-2 @error('xs') is-invalid @enderror" name="xs"--}}
+                            {{--                                                value="{{@old('xs')}}">--}}
+                            {{--                                        @error('xs') <span class="invalid-feedback"--}}
+                            {{--                                                role="alert"> <strong>{{ $message }}</strong> </span> @enderror--}}
+                            {{--                                    </td>--}}
+                            {{--                                </tr>--}}
+                            {{--                                </tbody>--}}
+                            {{--                            </table>--}}
+                        </div>
+                    </div>
+
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+
+                    <br><br>
+
+
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+                    <div class="row mb-3">
+                        <div class="col-4"></div>
+                        <div class="col-6">
+                            <button class="btn btn-primary" type="submit">Save</button>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/orders/create.blade.php b/resources/views/orders/create.blade.php
index 5c1db42..5dab179 100644
--- a/resources/views/orders/create.blade.php
+++ b/resources/views/orders/create.blade.php
@@ -1,129 +1,200 @@
 @extends('layouts.app')
 
+
+@section('header')
+    <div class="container-fluid bg-light pt-3">
+
+        <!-- name row -->
+        <div class="row justify-content-center pb-2">
+        </div>
+
+        <!-- Tabs row -->
+        <div class="row justify-content-center mb-3">
+            <div class="col-3 border-bottom"></div>
+            <div class="col-6 p-0">
+                <ul class="nav nav-fill nav-tabs" id="management-tabs" role="tablist">
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark active" id="order-tab"
+                                href="#" type="button" role="tab"
+                                aria-controls="order" aria-selected="true">
+                            <x-bi-box/>
+                            Create Order
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="col border-bottom"></div>
+        </div>
+    </div>
+@endsection
+
 @section('content')
     <div class="container">
         <div class="row justify-content-center">
-            <div class="col-8 pt-4">
-                <h4>Create Order</h4>
+            <div class="col-8 pt-3">
+                <form action="{{route('orders.store') }}" method="post">
+                    @csrf
 
-                <div class="row mb-3">
-                    <label for="customer_id" class="col-md-4 col-form-label text-md-end">Customer</label>
-                    <div class="col-md-6">
-                        <select name="customer_id" class="form-select" id="customer_id" autofocus>
-                            @foreach($customers as $customer)
-                                <option value="{{$customer->id}}">{{$customer->company_name}}</option>
-                            @endforeach()
-                        </select>
-                    </div>
-                </div>
+                    <livewire:customer-and-contact-select :customers="$customers"/>
 
-                <div class="row mb-3">
-                    <label for="order_type" class="col-md-4 col-form-label text-md-end">Order Type</label>
-                    <div class="col-md-6">
-                        <select name="order_type" class="form-select" id="order_type" autofocus>
-                            @foreach($order_types as $case)
-                                <option value="{{$case->name}}">{{$case->value}}</option>
-                            @endforeach()
-                        </select>
-                    </div>
-                </div>
+                    <hr class="border-secondary-subtle mx-4 px-0">
 
-                <div class="row mb-3">
-                    <label for="order_status" class="col-md-4 col-form-label text-md-end">Order Status</label>
-                    <div class="col-md-6">
-                        <select name="order_status" class="form-select" id="order_status" autofocus>
-                            @foreach($order_status as $case)
-                                <option value="{{$case->name}}">{{$case->value}}</option>
-                            @endforeach()
-                        </select>
-                    </div>
-                </div>
+                    <div class="row mb-3">
+                        <label for="order_type" class="col-md-4 col-form-label text-md-end">Order Type</label>
+                        <div class="col-md-6">
+                            <select name="order_type" class="form-select" id="order_type">
+                                @foreach($order_types as $case)
+                                    <option value="{{$case->name}}">{{$case->value}}</option>
+                                @endforeach()
+                            </select>
 
-                <hr class="border-secondary-subtle mx-4 px-0">
-
-                <div class="row mb-3">
-                    <label class="col-md-4 col-form-label text-md-end">Attributes</label>
-                    <div class="col-md-3">
-                        <div class="form-check ">
-                            <input class="form-check-input" type="checkbox" value="" id="new_art">
-                            <label class="form-check-label" for="new_art">New art</label>
-                        </div>
-                        <div class="form-check ">
-                            <input class="form-check-input" type="checkbox" value="" id="rush">
-                            <label class="form-check-label" for="rush">Rush</label>
-                        </div>
-                        <div class="form-check ">
-                            <input class="form-check-input" type="checkbox" value="" id="digitizing">
-                            <label class="form-check-label" for="digitizing">Digitizing</label>
-                        </div>
-                        <div class="form-check ">
-                            <input class="form-check-input" type="checkbox" value="" id="supplied_file">
-                            <label class="form-check-label" for="supplied_file">Customer Supplied File</label>
-                        </div>
-                    </div>
-                    <div class="col-md-3">
-                        <div class="form-check ">
-                            <input class="form-check-input" type="checkbox" value="" id="repeat">
-                            <label class="form-check-label" for="repeat">Repeat</label>
-                        </div>
-                        <div class="form-check ">
-                            <input class="form-check-input" type="checkbox" value="" id="event">
-                            <label class="form-check-label" for="event">Event</label>
-                        </div>
-                        <div class="form-check ">
-                            <input class="form-check-input" type="checkbox" value="" id="purchased_garments">
-                            <label class="form-check-label" for="purchased_garments">Purchased garments</label>
-                        </div>
-                    </div>
-                </div>
-
-                <hr class="border-secondary-subtle mx-4 px-0">
-
-                <div class="row mb-3">
-                    <label for="order_date" class="col-md-4 col-form-label text-md-end">Order date</label>
-
-                    <div class="col-md-6">
-                        <input id="order_date" type="date"
-                                class="form-control @error('order_date') is-invalid @enderror"
-                                name="order_date" value="{{ old('order_date') ?? $today }}" required
-                                autocomplete="order_date">
-
-                        @error('order_date')
-                        <span class="invalid-feedback" role="alert">
+                            @error('order_type')
+                            <span class="invalid-feedback" role="alert">
                                         <strong>{{ $message }}</strong>
                                     </span>
-                        @enderror
+                            @enderror
+                        </div>
                     </div>
-                </div>
 
-                <div class="row mb-3">
-                    <label for="due_date" class="col-md-4 col-form-label text-md-end">Due date</label>
+                    <div class="row mb-3">
+                        <label for="order_status" class="col-md-4 col-form-label text-md-end">Order Status</label>
+                        <div class="col-md-6">
+                            <select name="status" class="form-select" id="order_status">
+                                @foreach($order_status as $case)
+                                    <option value="{{$case->value}}" {{ $case->name === 'APPROVED' ? 'selected' : '' }}>
+                                        {{$case->value}}
+                                    </option>
+                                @endforeach()
+                            </select>
 
-                    <div class="col-md-6">
-                        <input id="due_date" type="date"
-                                class="form-control @error('due_date') is-invalid @enderror"
-                                name="due_date" value="{{ old('due_date') ?? $due_default }}" required
-                                autocomplete="due_date">
-
-                        @error('due_date')
-                        <span class="invalid-feedback" role="alert">
+                            @error('status')
+                            <span class="invalid-feedback" role="alert">
                                         <strong>{{ $message }}</strong>
                                     </span>
-                        @enderror
+                            @enderror
+                        </div>
                     </div>
-                </div>
 
-                <hr class="border-secondary-subtle mx-4 px-0">
+                    <hr class="border-secondary-subtle mx-4 px-0">
 
-                <div class="row mb-3">
-                    <label for="contact_id" class="col-md-4 col-form-label text-md-end">Contact</label>
-                    <div class="col-md-6">
-                        <select name="contact_id" class="form-select" id="contact_id" autofocus>
-                            <option value=""></option>
-                        </select>
+                    <div class="row mb-3">
+                        <label class="col-md-4 col-form-label text-md-end">Customer PO</label>
+                        <div class="col-md-6">
+                            <input id="customer_po" type="text"
+                                    class="form-control @error('customer_po') is-invalid @enderror"
+                                    name="customer_po" value="{{@old('customer_po')}}" required>
+
+                            @error('customer_po')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
                     </div>
-                </div>
 
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+                    <div class="row mb-3">
+                        <label class="col-md-4 col-form-label text-md-end">Attributes</label>
+                        <div class="col-md-3">
+                            <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" id="new_art" name="new_art" value="1">
+                                <label class="form-check-label" for="new_art">New art</label>
+                            </div>
+                            <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" id="rush" name="rush" value="1">
+                                <label class="form-check-label" for="rush">Rush</label>
+                            </div>
+                            <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" id="digitizing"
+                                        name="digitizing" value="1">
+                                <label class="form-check-label" for="digitizing">Digitizing</label>
+                            </div>
+                            <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" id="supplied_file"
+                                        name="customer_supplied_file" value="1">
+                                <label class="form-check-label" for="supplied_file">Customer Supplied File</label>
+                            </div>
+                        </div>
+                        <div class="col-md-3">
+                            <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" id="repeat" name="repeat" value="1">
+                                <label class="form-check-label" for="repeat">Repeat</label>
+                            </div>
+                            <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" id="event" name="event" value="1">
+                                <label class="form-check-label" for="event">Event</label>
+                            </div>
+                            <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" id="purchased_garments" value="1"
+                                        name="purchased_garment">
+                                <label class="form-check-label" for="purchased_garments">Purchased garments</label>
+                            </div>
+                        </div>
+                    </div>
+
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+                    <div class="row mb-3">
+                        <label for="order_date" class="col-md-4 col-form-label text-md-end">Order date</label>
+
+                        <div class="col-md-6">
+                            <input id="order_date" type="date"
+                                    class="form-control @error('order_date') is-invalid @enderror"
+                                    name="order_date" value="{{ old('order_date') ?? $today }}" required
+                                    autocomplete="order_date">
+
+                            @error('order_date')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="due_date" class="col-md-4 col-form-label text-md-end">Due date</label>
+
+                        <div class="col-md-6">
+                            <input id="due_date" type="date"
+                                    class="form-control @error('due_date') is-invalid @enderror"
+                                    name="due_date" value="{{ old('due_date') ?? $due_default }}" required
+                                    autocomplete="due_date">
+
+                            @error('due_date')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+                    <div class="row mb-3">
+                        <label for="notes" class="col-md-4 col-form-label text-md-end">Notes</label>
+
+                        <div class="col-md-6">
+                        <textarea name="notes" id="notes" cols="30" rows="3" class="form-control"
+                                autocomplete="notes">{{ old('notes') }}</textarea>
+
+                            @error('notes')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+                    <div class="row mb-3">
+                        <div class="col-4"></div>
+                        <div class="col-6">
+                            <button class="btn btn-primary" type="submit">Continue</button>
+                        </div>
+                    </div>
+                </form>
             </div>
         </div>
     </div>
diff --git a/resources/views/orders/index.blade.php b/resources/views/orders/index.blade.php
new file mode 100644
index 0000000..efa0ce5
--- /dev/null
+++ b/resources/views/orders/index.blade.php
@@ -0,0 +1,142 @@
+@extends('layouts.app')
+
+@section('header')
+    <div class="container-fluid bg-light pt-3">
+
+        <!-- Customer company name row -->
+        <div class="row justify-content-center pb-2">
+            <div class="col-3"></div>
+            <div class="col">
+                {{--                <h2>Overview</h2>--}}
+            </div>
+        </div>
+
+        <!-- Tabs row -->
+        <div class="row justify-content-center mb-3">
+            <div class="col-3 border-bottom"></div>
+            <div class="col-6 p-0">
+
+                <ul class="nav nav-fill nav-tabs" id="home-tabs" role="tablist">
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'inactive_orders' ? 'active' : ''}}"
+                                id="inactive_orders-tab"
+                                href="{{route('orders.index', ['tab' => 'inactive_orders'])}}" type="button" role="tab"
+                                aria-controls="inactive_orders"
+                                aria-selected="{{$tab == 'inactive_orders' ? 'true' : 'false'}}">
+                            <x-bi-check-all/>
+                            Finished Orders
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'active_orders' ? 'active' : ''}}" id="active_orders-tab"
+                                href="{{route('orders.index', ['tab' => 'active_orders'])}}" type="button" role="tab"
+                                aria-controls="active_orders"
+                                aria-selected="{{$tab == 'active_orders' ? 'true' : 'false'}}">
+                            <x-bi-list-ul/>
+                            Active Orders
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'rush' ? 'active' : ''}}" id="rush-tab"
+                                href="{{route('orders.index', ['tab' => 'rush'])}}" type="button" role="tab"
+                                aria-controls="rush" aria-selected="{{$tab == 'rush' ? 'true' : 'false'}}">
+                            <x-bi-fast-forward-fill/>
+                            Rush Orders
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="col border-bottom"></div>
+        </div>
+    </div>
+@endsection
+
+@section('content')
+    <div class="container">
+        <div class="row justify-content-center my-3">
+            <div class="tab-content">
+                <div class="tab-pane {{$tab == 'active_orders' ? 'active' : ''}}" id="active_orders" role="tabpanel"
+                        aria-labelledby="active_orders-tab">
+
+                    <div class="row justify-content-center mb-3">
+                        <div class="col-9">
+                            <div class="d-flex flex-row gap-2">
+                                <div class="d-inline-flex">
+                                    <h4 class="my-auto">Active orders</h4>
+                                </div>
+                                <div class="mx-auto"></div>
+                                <a href="{{route('orders.create')}}"
+                                        class="btn btn-sm btn-primary" title="Create new order...">
+                                    <x-bi-plus-circle-fill/>
+                                    Create entry
+                                </a>
+                                <div class="vr"></div>
+
+                                <div class="d-inline-flex gap-2">
+                                    <input type="text" class="form-control form-control-sm" placeholder="Search..."
+                                            name="" id="searchText">
+                                    <button class="btn btn-sm btn-outline-primary" id="searchButton">
+                                        <x-bi-search/>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row justify-content-center">
+                        <div class="col-9">
+                            <table class="table table-striped table-sm table-hover">
+                                <thead>
+                                <tr class="border-bottom border-black">
+                                    <th scope="col">Customer</th>
+                                    <th scope="col">Internal PO</th>
+                                    <th scope="col">Customer PO</th>
+                                    <th scope="col">Order Date</th>
+                                    <th scope="col">Due Date</th>
+                                    <th scope="col">Status</th>
+                                    <th scope="col">Rush</th>
+                                    <th scope="col">View</th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                @foreach($active_orders as $order)
+                                    <tr class="@if($today > $order->due_date) table-danger @elseif($order->rush) table-warning @endif">
+                                        <td><a class="text-reset text-decoration-none"
+                                                    href="{{route('customers.show', [$order->customer, 'details'])}}">{{$order->customer->company_name}}</a>
+                                        </td>
+                                        <td class="fw-bold"><code>{{$order->internal_po}}</code></td>
+                                        <td class=""><code>{{$order->customer_po}}</code></td>
+                                        <td class="text-nowrap">{{$order->order_date}}</td>
+                                        <td class="text-nowrap">{{$order->due_date}}</td>
+                                        <td>{{$order->status->value}}</td>
+                                        <td>
+                                            @if($order->rush)
+                                                <x-bi-check-lg class="text-danger"></x-bi-check-lg>
+                                            @endif
+                                        </td>
+                                        <td class="align-top">
+                                            <a class="btn btn-sm btn-outline-secondary px-1 py-0 m-0"
+                                                    href="">
+                                                <x-bi-arrow-right/>
+                                            </a>
+                                        </td>
+                                    </tr>
+                                @endforeach
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+
+                    <div class="row">
+                        <div class="col"></div>
+                        <div class="col-6">
+                            {{$active_orders->links()}}
+                        </div>
+                        <div class="col"></div>
+                    </div>
+
+                </div>
+
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/partials/customers/show-contacts.blade.php b/resources/views/partials/customers/show-contacts.blade.php
index 60e0ea9..14ab6bb 100644
--- a/resources/views/partials/customers/show-contacts.blade.php
+++ b/resources/views/partials/customers/show-contacts.blade.php
@@ -36,10 +36,10 @@
 
                     @foreach ($contacts as $contact)
                         <tr>
-                            <td>{{ $contact->first_name . ' ' . $contact->last_name }}</td>
-                            <td><a href="mailto:{{$contact->email}}">{{ $contact->email }}</a></td>
-                            <td>{{ $contact->phone }}</td>
-                            <td>{{ $contact->notes }}</td>
+                            <td class="text-nowrap">{{ $contact->first_name . ' ' . $contact->last_name }}</td>
+                            <td class="text-nowrap"><a href="mailto:{{$contact->email}}">{{ $contact->email }}</a></td>
+                            <td class="text-nowrap">{{ $contact->phone }}</td>
+                            <td class="w-100">{{ $contact->notes }}</td>
                         </tr>
                     @endforeach
                     </tbody>
diff --git a/resources/views/partials/customers/show-overview.blade.php b/resources/views/partials/customers/show-overview.blade.php
index ab9d2aa..eb4dac2 100644
--- a/resources/views/partials/customers/show-overview.blade.php
+++ b/resources/views/partials/customers/show-overview.blade.php
@@ -8,11 +8,11 @@
                     <h4 class="my-auto">Active orders</h4>
                 </div>
                 <div class="mx-auto"></div>
-                <button class="btn btn-sm btn-primary" title="Create new shipping entry..."
-                        data-bs-toggle="modal" data-bs-target="#createShippingEntryModal">
+                <a href="{{route('orders.create')}}"
+                        class="btn btn-sm btn-primary" title="Create new order..."
                     <x-bi-plus-circle-fill/>
                     Create entry
-                </button>
+                </a>
                 <div class="vr"></div>
 
                 <div class="d-inline-flex gap-2">
@@ -41,12 +41,12 @@
                 </thead>
                 <tbody>
                 @foreach($active_orders as $order)
-                    <tr>
+                    <tr class="@if($today > $order->due_date) table-danger @elseif($order->rush) table-warning @endif">
                         <td class="fw-bold"><code>{{$order->internal_po}}</code></td>
                         <td class=""><code>{{$order->customer_po}}</code></td>
                         <td class="text-nowrap">{{$order->order_date}}</td>
                         <td class="text-nowrap">{{$order->due_date}}</td>
-                        <td>{{$order->status->value}}</td>
+                        <td class="w-25">{{$order->status->value}}</td>
                         <td>
                             @if($order->rush)
                                 <x-bi-check-lg class="text-danger"></x-bi-check-lg>
diff --git a/resources/views/partials/customers/show-packing-slips.blade.php b/resources/views/partials/customers/show-packing-slips.blade.php
index 396876c..4ea63a4 100644
--- a/resources/views/partials/customers/show-packing-slips.blade.php
+++ b/resources/views/partials/customers/show-packing-slips.blade.php
@@ -31,7 +31,7 @@
     </div>
 
     <div class="row justify-content-center mb-3">
-        <div class="col-9">
+        <div class="col-7">
             <table class="table table-striped table-sm table-hover">
                 <thead>
                 <tr class="border-bottom border-black">
@@ -44,10 +44,10 @@
                 <tbody>
                 @foreach($packingSlips as $packingSlip)
                     <tr>
-                        <td>{{$packingSlip->date_received}}</td>
-                        <td><a href="">{{$packingSlip->order_id}}</a></td>
-                        <td>{{$packingSlip->amount}}</td>
-                        <td>{{$packingSlip->contents}}</td>
+                        <td class="text-nowrap">{{$packingSlip->date_received}}</td>
+                        <td class="text-nowrap"><a href="">{{$packingSlip->order_id}}</a></td>
+                        <td class="text-nowrap">{{$packingSlip->amount}}</td>
+                        <td class="w-50">{{$packingSlip->contents}}</td>
                     </tr>
                 @endforeach
                 </tbody>
diff --git a/resources/views/partials/management/index/customers.blade.php b/resources/views/partials/management/index/customers.blade.php
new file mode 100644
index 0000000..bfb7b13
--- /dev/null
+++ b/resources/views/partials/management/index/customers.blade.php
@@ -0,0 +1,76 @@
+<div class="tab-pane {{$tab == 'customers' ? 'active' : ''}}" id="customers" role="tabpanel"
+        aria-labelledby="customers-tab">
+    <div class="row justify-content-center mb-3">
+        <div class="col">
+            <div class="d-flex flex-row gap-2">
+                <button class="btn btn-primary" title="Create new customer..."
+                        data-bs-toggle="modal"
+                        data-bs-target="#createCustomerModal">
+                    <x-bi-person-plus-fill/>
+                    Create entry
+                </button>
+
+                <div class="vr"></div>
+
+                <div class="d-inline-flex gap-2">
+                    <input type="text" class="form-control" placeholder="Search..."
+                            name="" id="">
+                    <button class="btn btn-outline-primary">
+                        <x-bi-search/>
+                    </button>
+                </div>
+
+                <div class="mx-auto"></div>
+
+                <button class="btn btn-danger" title="Delete customer..."
+                        data-bs-toggle="modal"
+                        data-bs-target="#deleteCustomerModal">
+                    <x-bi-trash-fill/>
+                    Delete entry
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <div class="row mb-3">
+        <div class="col">
+            @if(sizeof($customers) !== 0)
+                <table class="table table-striped table-hover">
+                    <thead>
+                    <tr class="border-bottom border-black">
+                        <th scope="col">Company Name</th>
+                        <th scope="col">Internal Name</th>
+                        <th scope="col">Shipping Address</th>
+                        <th scope="col">Billing Address</th>
+                        <th scope="col">Phone</th>
+                        <th scope="col">View</th>
+                    </tr>
+                    </thead>
+
+                    <tbody>
+
+                    @foreach($customers as $customer)
+                        <tr>
+                            <td> {{$customer->company_name}} </td>
+                            <td><code>{{$customer->internal_name}}</code></td>
+                            <td> {{$customer->shipping_address}} </td>
+                            <td> {{$customer->billing_address}} </td>
+                            <td class="text-nowrap"> {{$customer->phone}} </td>
+                            <td class="align-top">
+                                <a class="btn btn-sm btn-outline-secondary"
+                                        href="{{route('customers.show', [$customer->id, 'tab'=>'details'])}}">
+                                    <x-bi-arrow-right/>
+                                </a>
+                            </td>
+                        </tr>
+                    @endforeach
+
+                    </tbody>
+                </table>
+
+            @else()
+                No customer data.
+            @endif
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/partials/management/index/management-tabs.blade.php b/resources/views/partials/management/index/management-tabs.blade.php
new file mode 100644
index 0000000..82d87a7
--- /dev/null
+++ b/resources/views/partials/management/index/management-tabs.blade.php
@@ -0,0 +1,43 @@
+<div class="container-fluid bg-light pt-3">
+
+    <!-- Customer company name row -->
+    <div class="row justify-content-center pb-2">
+        <div class="col-3"></div>
+        <div class="col">
+        </div>
+    </div>
+
+    <!-- Tabs row -->
+    <div class="row justify-content-center mb-3">
+        <div class="col-3 border-bottom"></div>
+        <div class="col-6 p-0">
+            <ul class="nav nav-fill nav-tabs" id="management-tabs" role="tablist">
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link link-dark {{$tab == 'customers' ? 'active' : ''}}" id="customers-tab"
+                            href="{{route('management.index', 'customers')}}" type="button" role="tab"
+                            aria-controls="customers" aria-selected="{{$tab == 'customers' ? 'true' : 'false'}}">
+                        <x-bi-list-ul/>
+                        Customers
+                    </a>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link link-dark {{$tab == 'packing' ? 'active' : ''}}" id="packing-tab"
+                            href="{{route('management.index', 'packing')}}" type="button" role="tab"
+                            aria-controls="packing" aria-selected="{{$tab == 'packing' ? 'true' : 'false'}}">
+                        <x-bi-card-text/>
+                        Packing Slips
+                    </a>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link link-dark {{$tab == 'files' ? 'active' : ''}}" id="files-tab"
+                            href="{{route('management.index', 'files')}}" type="button" role="tab"
+                            aria-controls="files" aria-selected="{{$tab == 'files' ? 'true' : 'false'}}">
+                        <x-bi-file-earmark/>
+                        Service Files
+                    </a>
+                </li>
+            </ul>
+        </div>
+        <div class="col border-bottom"></div>
+    </div>
+</div>
diff --git a/resources/views/partials/management/index/packing-slips.blade.php b/resources/views/partials/management/index/packing-slips.blade.php
new file mode 100644
index 0000000..a249f32
--- /dev/null
+++ b/resources/views/partials/management/index/packing-slips.blade.php
@@ -0,0 +1,5 @@
+<div class="tab-pane {{$tab == 'packing' ? 'active' : ''}}" id="packing" role="tabpanel"
+        aria-labelledby="packing-tab">
+
+    packing slips
+</div>
\ No newline at end of file
diff --git a/resources/views/partials/management/index/service-files.blade.php b/resources/views/partials/management/index/service-files.blade.php
new file mode 100644
index 0000000..c5da197
--- /dev/null
+++ b/resources/views/partials/management/index/service-files.blade.php
@@ -0,0 +1,5 @@
+<div class="tab-pane {{$tab == 'files' ? 'active' : ''}}" id="files" role="tabpanel"
+        aria-labelledby="files-tab">
+
+    Files
+</div>
diff --git a/routes/web.php b/routes/web.php
index c3f8633..ea60ca9 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,7 +2,10 @@
 
 use App\Http\Controllers\ContactController;
 use App\Http\Controllers\CustomerController;
+use App\Http\Controllers\DashboardController;
+use App\Http\Controllers\ManagementController;
 use App\Http\Controllers\OrderController;
+use App\Http\Controllers\OrderProductController;
 use App\Http\Controllers\PackingSlipController;
 use App\Http\Controllers\ShippingEntryController;
 use App\Models\ShippingEntry;
@@ -14,14 +17,19 @@
 
 Auth::routes();
 
-Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
+Route::get('/dashboard', [DashboardController::class, 'index'])->name('dashboard');
 
+Route::get('/management/{tab?}', [ManagementController::class, 'index'])->name('management.index');
+
+// Customers
 Route::resource('customers', CustomerController::class);
-
 Route::get('/customers/{customer}/{tab}', [CustomerController::class, 'show'])->name('customers.show');
-Route::get('/customers/', [CustomerController::class, 'index'])->name('customers.index');
 Route::post('/customers/request-destroy', [CustomerController::class, 'requestDestroy'])->name('customers.requestDestroy');
 
+// OrderProducts
+Route::resource('order-products', OrderProductController::class);
+
+// Contacts
 Route::resource('contacts', ContactController::class);
 Route::post('/contacts/request-destroy', [ContactController::class, 'requestDestroy'])->name('contacts.requestDestroy');