From 3ba11e5637eb9b945a2726a54a424a7d68822508 Mon Sep 17 00:00:00 2001
From: Nisse <nisselommerde@gmail.com>
Date: Tue, 3 Sep 2024 15:15:57 -0700
Subject: [PATCH 1/2] wip

---
 app/Enums/OrderStatus.php                     |  12 ++
 app/Enums/OrderType.php                       |  12 ++
 app/Enums/ShippingType.php                    |  10 ++
 app/Http/Controllers/ContactController.php    |  59 +++++++
 app/Http/Controllers/CustomerController.php   |  57 +++++--
 app/Http/Controllers/OrderController.php      |  48 ++++++
 .../Controllers/PackingSlipController.php     |  51 +++++++
 .../Controllers/ShippingEntryController.php   |  42 +++++
 app/Http/Requests/ContactRequest.php          |  27 ++++
 app/Http/Requests/CustomerRequest.php         |   6 +-
 app/Http/Requests/OrderRequest.php            |  32 ++++
 app/Http/Requests/PackingSlipRequest.php      |  25 +++
 app/Http/Requests/ShippingEntryRequest.php    |  29 ++++
 app/Models/Contact.php                        |  27 ++++
 app/Models/Customer.php                       |  21 +++
 app/Models/Order.php                          |  58 +++++++
 app/Models/PackingSlip.php                    |  25 +++
 app/Models/ShippingEntry.php                  |  36 +++++
 app/Providers/AppServiceProvider.php          |   3 +-
 composer.json                                 |   1 +
 composer.lock                                 | 144 +++++++++++++++++-
 config/app.php                                |   2 +-
 database/factories/ContactFactory.php         |  28 ++++
 database/factories/CustomerFactory.php        |  10 ++
 database/factories/OrderFactory.php           |  36 +++++
 database/factories/PackingSlipFactory.php     |  24 +++
 database/factories/ShippingEntryFactory.php   |  29 ++++
 .../0001_01_01_000000_create_users_table.php  |  28 ++--
 ...24_09_03_204957_create_customers_table.php |   1 +
 ...024_09_04_203012_create_contacts_table.php |  29 ++++
 ...9_05_215151_create_packing_slips_table.php |  29 ++++
 ...6_213725_create_shipping_entries_table.php |  31 ++++
 .../2024_09_09_194631_create_orders_table.php |  37 +++++
 database/seeders/DatabaseSeeder.php           |  76 ++++++++-
 package-lock.json                             |  21 ++-
 package.json                                  |   3 +
 resources/js/app.js                           |   1 +
 resources/sass/app.scss                       |   6 +
 .../create.blade.php}                         |   4 +-
 .../{customer => customers}/create.blade.php  |   0
 resources/views/customers/index.blade.php     | 144 ++++++++++++++++++
 resources/views/customers/show.blade.php      | 110 +++++++++++++
 resources/views/layouts/app.blade.php         | 105 +++++++------
 resources/views/orders/create.blade.php       | 130 ++++++++++++++++
 .../partials/contacts/create-modal.blade.php  | 118 ++++++++++++++
 .../partials/contacts/delete-modal.blade.php  |  31 ++++
 .../partials/customers/create-modal.blade.php | 111 ++++++++++++++
 .../customers/delete-all-modal.blade.php      |  31 ++++
 .../customers/delete-single-modal.blade.php   |  23 +++
 .../partials/customers/edit-modal.blade.php   | 110 +++++++++++++
 .../customers/show-contacts.blade.php         |  52 +++++++
 .../customers/show-overview.blade.php         |  76 +++++++++
 .../customers/show-packing-slips.blade.php    |  66 ++++++++
 .../customers/show-shipping-info.blade.php    |  99 ++++++++++++
 .../packing-slips/create-modal.blade.php      | 114 ++++++++++++++
 .../shipping-entries/create-modal.blade.php   | 128 ++++++++++++++++
 .../vendor/pagination/bootstrap-4.blade.php   |  46 ++++++
 .../vendor/pagination/bootstrap-5.blade.php   |  88 +++++++++++
 .../views/vendor/pagination/default.blade.php |  46 ++++++
 .../vendor/pagination/semantic-ui.blade.php   |  36 +++++
 .../pagination/simple-bootstrap-4.blade.php   |  27 ++++
 .../pagination/simple-bootstrap-5.blade.php   |  29 ++++
 .../pagination/simple-default.blade.php       |  19 +++
 .../pagination/simple-tailwind.blade.php      |  25 +++
 .../vendor/pagination/tailwind.blade.php      | 106 +++++++++++++
 routes/web.php                                |  18 +++
 66 files changed, 2924 insertions(+), 84 deletions(-)
 create mode 100644 app/Enums/OrderStatus.php
 create mode 100644 app/Enums/OrderType.php
 create mode 100644 app/Enums/ShippingType.php
 create mode 100644 app/Http/Controllers/ContactController.php
 create mode 100644 app/Http/Controllers/OrderController.php
 create mode 100644 app/Http/Controllers/PackingSlipController.php
 create mode 100644 app/Http/Controllers/ShippingEntryController.php
 create mode 100644 app/Http/Requests/ContactRequest.php
 create mode 100644 app/Http/Requests/OrderRequest.php
 create mode 100644 app/Http/Requests/PackingSlipRequest.php
 create mode 100644 app/Http/Requests/ShippingEntryRequest.php
 create mode 100644 app/Models/Contact.php
 create mode 100644 app/Models/Order.php
 create mode 100644 app/Models/PackingSlip.php
 create mode 100644 app/Models/ShippingEntry.php
 create mode 100644 database/factories/ContactFactory.php
 create mode 100644 database/factories/OrderFactory.php
 create mode 100644 database/factories/PackingSlipFactory.php
 create mode 100644 database/factories/ShippingEntryFactory.php
 create mode 100644 database/migrations/2024_09_04_203012_create_contacts_table.php
 create mode 100644 database/migrations/2024_09_05_215151_create_packing_slips_table.php
 create mode 100644 database/migrations/2024_09_06_213725_create_shipping_entries_table.php
 create mode 100644 database/migrations/2024_09_09_194631_create_orders_table.php
 rename resources/views/{customer/index.blade.php => contacts/create.blade.php} (84%)
 rename resources/views/{customer => customers}/create.blade.php (100%)
 create mode 100644 resources/views/customers/index.blade.php
 create mode 100644 resources/views/customers/show.blade.php
 create mode 100644 resources/views/orders/create.blade.php
 create mode 100644 resources/views/partials/contacts/create-modal.blade.php
 create mode 100644 resources/views/partials/contacts/delete-modal.blade.php
 create mode 100644 resources/views/partials/customers/create-modal.blade.php
 create mode 100644 resources/views/partials/customers/delete-all-modal.blade.php
 create mode 100644 resources/views/partials/customers/delete-single-modal.blade.php
 create mode 100644 resources/views/partials/customers/edit-modal.blade.php
 create mode 100644 resources/views/partials/customers/show-contacts.blade.php
 create mode 100644 resources/views/partials/customers/show-overview.blade.php
 create mode 100644 resources/views/partials/customers/show-packing-slips.blade.php
 create mode 100644 resources/views/partials/customers/show-shipping-info.blade.php
 create mode 100644 resources/views/partials/packing-slips/create-modal.blade.php
 create mode 100644 resources/views/partials/shipping-entries/create-modal.blade.php
 create mode 100644 resources/views/vendor/pagination/bootstrap-4.blade.php
 create mode 100644 resources/views/vendor/pagination/bootstrap-5.blade.php
 create mode 100644 resources/views/vendor/pagination/default.blade.php
 create mode 100644 resources/views/vendor/pagination/semantic-ui.blade.php
 create mode 100644 resources/views/vendor/pagination/simple-bootstrap-4.blade.php
 create mode 100644 resources/views/vendor/pagination/simple-bootstrap-5.blade.php
 create mode 100644 resources/views/vendor/pagination/simple-default.blade.php
 create mode 100644 resources/views/vendor/pagination/simple-tailwind.blade.php
 create mode 100644 resources/views/vendor/pagination/tailwind.blade.php

diff --git a/app/Enums/OrderStatus.php b/app/Enums/OrderStatus.php
new file mode 100644
index 0000000..77ae5cd
--- /dev/null
+++ b/app/Enums/OrderStatus.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Enums;
+
+enum OrderStatus: string
+{
+    case ORDER = 'Order';
+    case APPROVED = 'Approved';
+    case PRODUCTION = 'Production';
+    case COMPLETED = 'Completed';
+    case CANCELLED = 'Cancelled';
+}
diff --git a/app/Enums/OrderType.php b/app/Enums/OrderType.php
new file mode 100644
index 0000000..014d883
--- /dev/null
+++ b/app/Enums/OrderType.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Enums;
+
+enum OrderType: string
+{
+    case EMBROIDERY = 'Embroidery';
+    case SCREEN = 'Screen printing';
+    case DTG = 'Direct-to-garment';
+    case VINYL = 'Vinyl';
+    case MISC = 'Misc';
+}
diff --git a/app/Enums/ShippingType.php b/app/Enums/ShippingType.php
new file mode 100644
index 0000000..8b7a155
--- /dev/null
+++ b/app/Enums/ShippingType.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Enums;
+
+enum ShippingType: string
+{
+    case THEY_SHIP = 'They ship';
+    case WE_SHIP = 'We ship';
+    case PICKUP = 'Pickup';
+}
diff --git a/app/Http/Controllers/ContactController.php b/app/Http/Controllers/ContactController.php
new file mode 100644
index 0000000..4172381
--- /dev/null
+++ b/app/Http/Controllers/ContactController.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\ContactRequest;
+use App\Models\Contact;
+use App\Models\Customer;
+use Illuminate\Http\Request;
+
+class ContactController extends Controller
+{
+    public function index()
+    {
+
+    }
+
+    public function create(Request $request)
+    {
+        return view('contacts.create', [
+            'customers' => Customer::all(),
+            'fromCustomer' => $request->get('customer'),
+        ]);
+    }
+
+    public function store(ContactRequest $request)
+    {
+        $contact = Contact::create($request->validated());
+
+        return redirect()->route('customers.show', [$contact->customer, 'contacts'])->with('status', 'Contact created successfully');
+    }
+
+    public function show($id)
+    {
+    }
+
+    public function edit($id)
+    {
+    }
+
+    public function update(Request $request, $id)
+    {
+    }
+
+    public function requestDestroy(Request $request)
+    {
+        $contact = Contact::find($request->get('contact'));
+        $contact->delete();
+
+        return redirect()->route('customers.show', [$contact->customer->id, 'contacts'])->with('status', 'Contact deleted successfully');
+    }
+
+    public function destroy($id)
+    {
+//        $contact = Contact::findOrFail($id);
+//        $contact->delete();
+//
+//        return redirect()->route('customers.show', $contact->customer()->iud)->with('status', 'Contact deleted successfully');
+    }
+}
diff --git a/app/Http/Controllers/CustomerController.php b/app/Http/Controllers/CustomerController.php
index 86ec68e..0bc5ee0 100644
--- a/app/Http/Controllers/CustomerController.php
+++ b/app/Http/Controllers/CustomerController.php
@@ -4,42 +4,77 @@ namespace App\Http\Controllers;
 
 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()
+    public function index(Request $request)
     {
-        return view('customer.index');
+        return view('customers.index', [
+            'customers' => Customer::all(),
+            'tab' => $request->tab,
+        ]);
     }
 
     public function store(CustomerRequest $request)
     {
-        dd($request);
+        Customer::create($request->validated());
 
-        return Customer::create($request->validated());
+        return redirect()->route('customers.index')->with('status', 'Customer created successfully.');
     }
 
     public function create()
     {
-        return view('customer.create');
+        return view('customers.create');
     }
 
-    public function show(Customer $customer)
+    public function show(Customer $customer, string $tab = null)
     {
-//        return $customer;
+        if (!$tab) {
+            return redirect()->route('customers.show', [$customer, 'tab' => 'details']);
+        }
+
+        $orders = $customer->orders();
+        $priorities = '"production", "approved", "order"';
+
+        return view('customers.show', [
+            'tab' => $tab,
+            'customer' => $customer,
+            'active_orders' => $orders
+                ->where('status', '!=', 'cancelled')
+                ->where('status', '!=', 'completed')
+                ->orderBy('rush', 'desc')
+                ->orderBy('due_date', 'desc')
+                ->paginate(10),
+            'contacts' => $customer->contacts()->get(),
+            'packingSlips' => PackingSlip::where('customer_id', $customer->id)->orderByDesc('date_received')->paginate(15),
+            'shippingEntries' => $customer->shippingEntries()->get(),
+            'today' => Carbon::today()->format('Y-m-d'),
+        ]);
     }
 
     public function update(CustomerRequest $request, Customer $customer)
     {
-//        $customer->update($request->validated());
+        $customer->update($request->validated());
+
+        return redirect()->route('customers.show', $customer)->with('status', 'Customer updated successfully.');
+    }
+
+    public function requestDestroy(Request $request)
+    {
+        $customer = Customer::find($request->id);
+        $customer->delete();
 
-//        return $customer;
+        return redirect()->route('customers.index')->with('status', 'Customer deleted successfully.');
     }
 
     public function destroy(Customer $customer)
     {
-//        $customer->delete();
+        $customer->delete();
 
-//        return response()->json();
+        return redirect()->route('customers.index')->with('status', 'Customer deleted successfully.');
     }
 }
diff --git a/app/Http/Controllers/OrderController.php b/app/Http/Controllers/OrderController.php
new file mode 100644
index 0000000..5148ec7
--- /dev/null
+++ b/app/Http/Controllers/OrderController.php
@@ -0,0 +1,48 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Enums\OrderStatus;
+use App\Enums\OrderType;
+use App\Models\Customer;
+use Illuminate\Http\Request;
+use Illuminate\Support\Carbon;
+
+class OrderController extends Controller
+{
+    public function index()
+    {
+
+    }
+
+    public function create()
+    {
+        return view('orders.create', [
+            'order_types' => OrderType::cases(),
+            'order_status' => OrderStatus::cases(),
+            'customers' => Customer::all(),
+            'today' => Carbon::today()->format('Y-m-d'),
+            'due_default' => Carbon::today()->addDay(10)->format('Y-m-d')
+        ]);
+    }
+
+    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/Controllers/PackingSlipController.php b/app/Http/Controllers/PackingSlipController.php
new file mode 100644
index 0000000..eed83c9
--- /dev/null
+++ b/app/Http/Controllers/PackingSlipController.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\PackingSlipRequest;
+use App\Models\Customer;
+use App\Models\PackingSlip;
+use Illuminate\Http\Request;
+
+class PackingSlipController extends Controller
+{
+    public function index()
+    {
+
+    }
+
+    public function create()
+    {
+    }
+
+    public function store(PackingSlipRequest $request)
+    {
+        PackingSlip::create($request->validated());
+
+        if ($request->get('from_customer'))
+        {
+            return redirect()->route('customers.show', [
+                Customer::find($request->get('customer_id')),
+                'tab' => 'packing'
+            ]);
+        }
+
+        return redirect()->back(); //todo: change to packing slips page
+    }
+
+    public function show($id)
+    {
+    }
+
+    public function edit($id)
+    {
+    }
+
+    public function update(Request $request, $id)
+    {
+    }
+
+    public function destroy($id)
+    {
+    }
+}
diff --git a/app/Http/Controllers/ShippingEntryController.php b/app/Http/Controllers/ShippingEntryController.php
new file mode 100644
index 0000000..ad8797b
--- /dev/null
+++ b/app/Http/Controllers/ShippingEntryController.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\ShippingEntryRequest;
+use App\Models\ShippingEntry;
+use Illuminate\Http\Request;
+
+class ShippingEntryController extends Controller
+{
+    public function index()
+    {
+
+    }
+
+    public function create()
+    {
+    }
+
+    public function store(ShippingEntryRequest $request)
+    {
+        $entry = ShippingEntry::create($request->validated());
+
+        return redirect()->route('customers.show', [$entry->customer, 'tab' => 'shipping']);
+    }
+
+    public function show($id)
+    {
+    }
+
+    public function edit($id)
+    {
+    }
+
+    public function update(Request $request, $id)
+    {
+    }
+
+    public function destroy($id)
+    {
+    }
+}
diff --git a/app/Http/Requests/ContactRequest.php b/app/Http/Requests/ContactRequest.php
new file mode 100644
index 0000000..ca8daf3
--- /dev/null
+++ b/app/Http/Requests/ContactRequest.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class ContactRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        // todo: required first name if no last name and vice versa
+
+        return [
+            'customer_id' => 'required|exists:customers,id',
+            'first_name' => 'string',
+            'last_name' => 'string',
+            'email' => 'string',
+            'phone' => 'string',
+            'notes' => 'string'
+        ];
+    }
+
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Http/Requests/CustomerRequest.php b/app/Http/Requests/CustomerRequest.php
index 817f563..d433a8c 100644
--- a/app/Http/Requests/CustomerRequest.php
+++ b/app/Http/Requests/CustomerRequest.php
@@ -9,7 +9,11 @@ class CustomerRequest extends FormRequest
     public function rules()
     {
         return [
-
+            'company_name' => 'required',
+            'internal_name' => 'required',
+            'shipping_address' => 'required',
+            'billing_address' => 'required',
+            'phone' => 'required',
         ];
     }
 
diff --git a/app/Http/Requests/OrderRequest.php b/app/Http/Requests/OrderRequest.php
new file mode 100644
index 0000000..8da7f60
--- /dev/null
+++ b/app/Http/Requests/OrderRequest.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class OrderRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'customer_id' => ['required', 'exists:customers'],
+            'internal_po' => ['required'],
+            'customer_po' => ['required'],
+            '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'],
+        ];
+    }
+
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Http/Requests/PackingSlipRequest.php b/app/Http/Requests/PackingSlipRequest.php
new file mode 100644
index 0000000..043b92c
--- /dev/null
+++ b/app/Http/Requests/PackingSlipRequest.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class PackingSlipRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'date_received' => 'required|date',
+            'customer_id' => 'required|exists:customers,id',
+            'order_id' => 'string|nullable',
+            'amount' => 'required|string',
+            'contents' => 'required|string',
+            'from_customer' => 'required|bool'
+        ];
+    }
+
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Http/Requests/ShippingEntryRequest.php b/app/Http/Requests/ShippingEntryRequest.php
new file mode 100644
index 0000000..73f81f8
--- /dev/null
+++ b/app/Http/Requests/ShippingEntryRequest.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class ShippingEntryRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'shipping_type' => ['required'],
+            'customer_id' => ['required', 'exists:customers,id'],
+            'courier' => ['nullable'],
+            'contact' => ['nullable'],
+            'account_title' => ['nullable'],
+            'account_username' => ['nullable'],
+            'account_password' => ['nullable'],
+            'info_needed' => ['nullable'],
+            'notify' => ['nullable'],
+            'notes' => ['nullable'],
+        ];
+    }
+
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Models/Contact.php b/app/Models/Contact.php
new file mode 100644
index 0000000..2ae4319
--- /dev/null
+++ b/app/Models/Contact.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 Contact extends Model
+{
+    use SoftDeletes, HasFactory;
+
+    protected $fillable = [
+        'customer_id',
+        'first_name',
+        'last_name',
+        'email',
+        'phone',
+        'notes',
+    ];
+
+    public function customer(): BelongsTo
+    {
+       return $this->belongsTo(Customer::class);
+    }
+}
diff --git a/app/Models/Customer.php b/app/Models/Customer.php
index 5240ff2..9d8b741 100644
--- a/app/Models/Customer.php
+++ b/app/Models/Customer.php
@@ -4,6 +4,7 @@ namespace App\Models;
 
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\SoftDeletes;
 
 class Customer extends Model
@@ -17,4 +18,24 @@ class Customer extends Model
         'billing_address',
         'phone',
     ];
+
+    public function contacts(): HasMany
+    {
+        return $this->hasMany(Contact::class);
+    }
+
+    public function packingSlips(): HasMany
+    {
+        return $this->hasMany(PackingSlip::class);
+    }
+
+    public function shippingEntries(): HasMany
+    {
+        return $this->hasMany(ShippingEntry::class);
+    }
+
+    public function orders(): HasMany
+    {
+        return $this->hasMany(Order::class);
+    }
 }
diff --git a/app/Models/Order.php b/app/Models/Order.php
new file mode 100644
index 0000000..cb8ec44
--- /dev/null
+++ b/app/Models/Order.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace App\Models;
+
+use App\Enums\OrderStatus;
+use DateTimeInterface;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Order extends Model
+{
+    use SoftDeletes, HasFactory;
+
+    protected $fillable = [
+        'customer_id',
+        'internal_po',
+        'customer_po',
+        'order_date',
+        'due_date',
+        'status',
+        'rush',
+        'new_art',
+        'digitizing',
+        'repeat',
+        'purchased_garments',
+        'customer_supplied_file',
+        'notes',
+    ];
+
+    protected $appends = [
+        'active_status'
+    ];
+
+    public function getActiveStatus(): bool
+    {
+        if ($this->status === OrderStatus::COMPLETED || $this->status === OrderStatus::CANCELLED) {
+            return false;
+        }
+
+        return true;
+    }
+
+    public function customer(): BelongsTo
+    {
+        return $this->belongsTo(Customer::class);
+    }
+
+    protected function serializeDate(DateTimeInterface $date): string
+    {
+        return $date->format('Y-m-d');
+    }
+
+    protected $casts = [
+        'status' => OrderStatus::class
+    ];
+}
diff --git a/app/Models/PackingSlip.php b/app/Models/PackingSlip.php
new file mode 100644
index 0000000..e900bdb
--- /dev/null
+++ b/app/Models/PackingSlip.php
@@ -0,0 +1,25 @@
+<?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 PackingSlip extends Model
+{
+    use SoftDeletes, HasFactory;
+
+    protected $fillable = [
+        'order_id',
+        'customer_id',
+        'date_received',
+        'amount',
+        'contents',
+    ];
+
+    public function customer(): BelongsTo {
+        return $this->belongsTo(Customer::class);
+    }
+}
diff --git a/app/Models/ShippingEntry.php b/app/Models/ShippingEntry.php
new file mode 100644
index 0000000..cfaade5
--- /dev/null
+++ b/app/Models/ShippingEntry.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace App\Models;
+
+use App\Enums\ShippingType;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class ShippingEntry extends Model
+{
+    use SoftDeletes, HasFactory;
+
+    protected $casts = [
+        'shipping_type' => ShippingType::class
+    ];
+
+    protected $fillable = [
+        'shipping_type',
+        'customer_id',
+        'courier',
+        'contact',
+        'account_title',
+        'account_username',
+        'account_password',
+        'info_needed',
+        'notify',
+        'notes',
+    ];
+
+    public function customer(): BelongsTo
+    {
+        return $this->belongsTo(Customer::class);
+    }
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 452e6b6..86b1719 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -2,6 +2,7 @@
 
 namespace App\Providers;
 
+use Illuminate\Pagination\Paginator;
 use Illuminate\Support\ServiceProvider;
 
 class AppServiceProvider extends ServiceProvider
@@ -19,6 +20,6 @@ class AppServiceProvider extends ServiceProvider
      */
     public function boot(): void
     {
-        //
+        Paginator::useBootstrapFive();
     }
 }
diff --git a/composer.json b/composer.json
index 34bffdd..7f6cb1b 100644
--- a/composer.json
+++ b/composer.json
@@ -6,6 +6,7 @@
     "license": "MIT",
     "require": {
         "php": "^8.2",
+        "davidhsianturi/blade-bootstrap-icons": "^1.5",
         "laravel/framework": "^11.9",
         "laravel/tinker": "^2.9"
     },
diff --git a/composer.lock b/composer.lock
index 5caf3d0..da623a1 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,8 +4,89 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "73cbed0c4ee4e8f622fc700e5fd9f524",
+    "content-hash": "ecf358f6808ee41e24a7136c4c0cd543",
     "packages": [
+        {
+            "name": "blade-ui-kit/blade-icons",
+            "version": "1.7.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/blade-ui-kit/blade-icons.git",
+                "reference": "8f787baf09d88cdfd6ec4dbaba11ebfa885f0595"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/blade-ui-kit/blade-icons/zipball/8f787baf09d88cdfd6ec4dbaba11ebfa885f0595",
+                "reference": "8f787baf09d88cdfd6ec4dbaba11ebfa885f0595",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/contracts": "^8.0|^9.0|^10.0|^11.0",
+                "illuminate/filesystem": "^8.0|^9.0|^10.0|^11.0",
+                "illuminate/support": "^8.0|^9.0|^10.0|^11.0",
+                "illuminate/view": "^8.0|^9.0|^10.0|^11.0",
+                "php": "^7.4|^8.0",
+                "symfony/console": "^5.3|^6.0|^7.0",
+                "symfony/finder": "^5.3|^6.0|^7.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "^1.5.1",
+                "orchestra/testbench": "^6.0|^7.0|^8.0|^9.0",
+                "phpunit/phpunit": "^9.0|^10.5|^11.0"
+            },
+            "bin": [
+                "bin/blade-icons-generate"
+            ],
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "BladeUI\\Icons\\BladeIconsServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
+                "psr-4": {
+                    "BladeUI\\Icons\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Dries Vints",
+                    "homepage": "https://driesvints.com"
+                }
+            ],
+            "description": "A package to easily make use of icons in your Laravel Blade views.",
+            "homepage": "https://github.com/blade-ui-kit/blade-icons",
+            "keywords": [
+                "blade",
+                "icons",
+                "laravel",
+                "svg"
+            ],
+            "support": {
+                "issues": "https://github.com/blade-ui-kit/blade-icons/issues",
+                "source": "https://github.com/blade-ui-kit/blade-icons"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/driesvints",
+                    "type": "github"
+                },
+                {
+                    "url": "https://www.paypal.com/paypalme/driesvints",
+                    "type": "paypal"
+                }
+            ],
+            "time": "2024-08-14T14:25:11+00:00"
+        },
         {
             "name": "brick/math",
             "version": "0.12.1",
@@ -135,6 +216,67 @@
             ],
             "time": "2024-02-09T16:56:22+00:00"
         },
+        {
+            "name": "davidhsianturi/blade-bootstrap-icons",
+            "version": "v1.5.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/davidhsianturi/blade-bootstrap-icons.git",
+                "reference": "21de39c9708fd57bc1108b36792e8bdeebf1c67c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/davidhsianturi/blade-bootstrap-icons/zipball/21de39c9708fd57bc1108b36792e8bdeebf1c67c",
+                "reference": "21de39c9708fd57bc1108b36792e8bdeebf1c67c",
+                "shasum": ""
+            },
+            "require": {
+                "blade-ui-kit/blade-icons": "^1.0",
+                "illuminate/support": "^8.0|^9.0|^10.0|^11.0",
+                "php": "^7.4|^8.0"
+            },
+            "require-dev": {
+                "orchestra/testbench": "^6.0|^7.0|^8.0|^9.0",
+                "phpunit/phpunit": "^9.0|^10.5"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Davidhsianturi\\BladeBootstrapIcons\\BladeBootstrapIconsServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Davidhsianturi\\BladeBootstrapIcons\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "David H. Sianturi",
+                    "email": "davidhsianturi@gmail.com",
+                    "homepage": "https://davidhsianturi.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A package to easily make use of Bootstrap Icons in your Laravel Blade views.",
+            "homepage": "https://github.com/davidhsianturi/blade-bootstrap-icons",
+            "keywords": [
+                "Bootstrap Icons",
+                "blade",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/davidhsianturi/blade-bootstrap-icons/issues",
+                "source": "https://github.com/davidhsianturi/blade-bootstrap-icons/tree/v1.5.0"
+            },
+            "time": "2024-05-09T09:20:43+00:00"
+        },
         {
             "name": "dflydev/dot-access-data",
             "version": "v3.0.3",
diff --git a/config/app.php b/config/app.php
index f467267..adb441d 100644
--- a/config/app.php
+++ b/config/app.php
@@ -82,7 +82,7 @@ return [
 
     'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
 
-    'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
+    'faker_locale' => env('APP_FAKER_LOCALE', 'en_CA'),
 
     /*
     |--------------------------------------------------------------------------
diff --git a/database/factories/ContactFactory.php b/database/factories/ContactFactory.php
new file mode 100644
index 0000000..280be1c
--- /dev/null
+++ b/database/factories/ContactFactory.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Contact;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class ContactFactory extends Factory
+{
+    protected $model = Contact::class;
+
+    public function definition(): array
+    {
+        $first_name = $this->faker->firstName();
+        $last_name = $this->faker->lastName();
+        $email = strtolower($first_name . '.' . $last_name) . '@example.com';
+
+        return [
+            'first_name' => $first_name,
+            'last_name' => $last_name,
+            'email' => $email,
+            'phone' => $this->faker->phoneNumber(),
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+        ];
+    }
+}
diff --git a/database/factories/CustomerFactory.php b/database/factories/CustomerFactory.php
index d112572..ad2e083 100644
--- a/database/factories/CustomerFactory.php
+++ b/database/factories/CustomerFactory.php
@@ -12,7 +12,17 @@ class CustomerFactory extends Factory
 
     public function definition()
     {
+        $company_name = $this->faker->company();
+        $internal_name = explode(",", $company_name);
+        $address = $this->faker->address();
+
         return [
+            'company_name' => $company_name,
+            'internal_name' => strtolower($internal_name[0]),
+            'shipping_address' => $address,
+            'billing_address' => $address,
+            'phone' => $this->faker->phoneNumber(),
+
             'created_at' => Carbon::now(),
             'updated_at' => Carbon::now(),
         ];
diff --git a/database/factories/OrderFactory.php b/database/factories/OrderFactory.php
new file mode 100644
index 0000000..35d8502
--- /dev/null
+++ b/database/factories/OrderFactory.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Enums\OrderStatus;
+use App\Models\Customer;
+use App\Models\Order;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class OrderFactory extends Factory
+{
+    protected $model = Order::class;
+
+    public function definition(): array
+    {
+        $order_date = Carbon::today()->subDays(rand(0, 30));
+
+        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_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(),
+            'new_art' => $this->faker->boolean(),
+            'digitizing' => $this->faker->boolean(),
+            'repeat' => $this->faker->boolean(),
+            'purchased_garments' => $this->faker->boolean(),
+            'customer_supplied_file' => $this->faker->boolean(),
+            'notes' => $this->faker->words(10, true),
+        ];
+    }
+}
diff --git a/database/factories/PackingSlipFactory.php b/database/factories/PackingSlipFactory.php
new file mode 100644
index 0000000..d06a8b1
--- /dev/null
+++ b/database/factories/PackingSlipFactory.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\PackingSlip;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class PackingSlipFactory extends Factory
+{
+    protected $model = PackingSlip::class;
+
+    public function definition(): array
+    {
+        return [
+            'date_received' => $this->faker->dateTimeBetween('-1 month', 'now'),
+            'order_id' => $this->faker->randomNumber(6),
+            'amount' => $this->faker->numberBetween(2, 5) . ' boxes',
+            'contents' => $this->faker->numberBetween(2, 60) . ' ' . $this->faker->randomElement(['t-shirts', 'caps', 'jackets', 'pants', 'sweaters']),
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+        ];
+    }
+}
diff --git a/database/factories/ShippingEntryFactory.php b/database/factories/ShippingEntryFactory.php
new file mode 100644
index 0000000..256c22f
--- /dev/null
+++ b/database/factories/ShippingEntryFactory.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Customer;
+use App\Models\ShippingEntry;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class ShippingEntryFactory extends Factory
+{
+    protected $model = ShippingEntry::class;
+
+    public function definition(): array
+    {
+        return [
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+            'courier' => $this->faker->randomElement(['UPS', 'Purolator', 'FreightCom', 'E-Shipper', 'ACE']),
+            'contact' => $this->faker->randomElement(['courier.com', '+1 604 123 4567']),
+            'account_title' => $this->faker->word,
+            'account_username' => 'username',
+            'account_password' => 'password',
+            'info_needed' => $this->faker->words(3,true),
+            'notify' => 'someone@account.com',
+            'notes' => $this->faker->randomElement(['', '', '', 'Some really long text to simulate a note being put here']),
+        ];
+    }
+}
diff --git a/database/migrations/0001_01_01_000000_create_users_table.php b/database/migrations/0001_01_01_000000_create_users_table.php
index 23a0c31..05fb5d9 100644
--- a/database/migrations/0001_01_01_000000_create_users_table.php
+++ b/database/migrations/0001_01_01_000000_create_users_table.php
@@ -21,20 +21,20 @@ return new class extends Migration
             $table->timestamps();
         });
 
-//        Schema::create('password_reset_tokens', function (Blueprint $table) {
-//            $table->string('email')->primary();
-//            $table->string('token');
-//            $table->timestamp('created_at')->nullable();
-//        });
-//
-//        Schema::create('sessions', function (Blueprint $table) {
-//            $table->string('id')->primary();
-//            $table->foreignId('user_id')->nullable()->index();
-//            $table->string('ip_address', 45)->nullable();
-//            $table->text('user_agent')->nullable();
-//            $table->longText('payload');
-//            $table->integer('last_activity')->index();
-//        });
+        Schema::create('password_reset_tokens', function (Blueprint $table) {
+            $table->string('email')->primary();
+            $table->string('token');
+            $table->timestamp('created_at')->nullable();
+        });
+
+        Schema::create('sessions', function (Blueprint $table) {
+            $table->string('id')->primary();
+            $table->foreignId('user_id')->nullable()->index();
+            $table->string('ip_address', 45)->nullable();
+            $table->text('user_agent')->nullable();
+            $table->longText('payload');
+            $table->integer('last_activity')->index();
+        });
     }
 
     /**
diff --git a/database/migrations/2024_09_03_204957_create_customers_table.php b/database/migrations/2024_09_03_204957_create_customers_table.php
index 3e94eba..7c97a33 100644
--- a/database/migrations/2024_09_03_204957_create_customers_table.php
+++ b/database/migrations/2024_09_03_204957_create_customers_table.php
@@ -9,6 +9,7 @@ return new class extends Migration {
     {
         Schema::create('customers', function (Blueprint $table) {
             $table->id();
+
             $table->string('company_name');
             $table->string('internal_name');
             $table->string('shipping_address');
diff --git a/database/migrations/2024_09_04_203012_create_contacts_table.php b/database/migrations/2024_09_04_203012_create_contacts_table.php
new file mode 100644
index 0000000..aa67579
--- /dev/null
+++ b/database/migrations/2024_09_04_203012_create_contacts_table.php
@@ -0,0 +1,29 @@
+<?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('contacts', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('customer_id')->constrained();
+
+            $table->string('first_name')->nullable();
+            $table->string('last_name')->nullable();
+            $table->string('email')->nullable();
+            $table->string('phone')->nullable();
+            $table->string('notes')->nullable();
+
+            $table->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('contacts');
+    }
+};
diff --git a/database/migrations/2024_09_05_215151_create_packing_slips_table.php b/database/migrations/2024_09_05_215151_create_packing_slips_table.php
new file mode 100644
index 0000000..0c5bd11
--- /dev/null
+++ b/database/migrations/2024_09_05_215151_create_packing_slips_table.php
@@ -0,0 +1,29 @@
+<?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('packing_slips', function (Blueprint $table) {
+            $table->id();
+
+//            $table->foreignId('order_id')->nullable()->constrained();
+            $table->string('order_id')->nullable(); //todo: replace this once orders are actually in da system
+            $table->foreignId('customer_id')->nullable()->constrained();
+            $table->date('date_received');
+            $table->string('amount');
+            $table->string('contents');
+
+            $table->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('packing_slips');
+    }
+};
diff --git a/database/migrations/2024_09_06_213725_create_shipping_entries_table.php b/database/migrations/2024_09_06_213725_create_shipping_entries_table.php
new file mode 100644
index 0000000..502ee0e
--- /dev/null
+++ b/database/migrations/2024_09_06_213725_create_shipping_entries_table.php
@@ -0,0 +1,31 @@
+<?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('shipping_entries', function (Blueprint $table) {
+            $table->id();
+            $table->enum('shipping_type', ['Pickup', 'We ship', 'They ship']);
+            $table->foreignId('customer_id')->constrained('customers');
+            $table->string('courier')->nullable();
+            $table->string('contact')->nullable();
+            $table->string('account_title')->nullable();
+            $table->string('account_username')->nullable();
+            $table->string('account_password')->nullable();
+            $table->string('info_needed')->nullable();
+            $table->string('notify')->nullable();
+            $table->string('notes')->nullable();
+            $table->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('shipping_entries');
+    }
+};
diff --git a/database/migrations/2024_09_09_194631_create_orders_table.php b/database/migrations/2024_09_09_194631_create_orders_table.php
new file mode 100644
index 0000000..c36c202
--- /dev/null
+++ b/database/migrations/2024_09_09_194631_create_orders_table.php
@@ -0,0 +1,37 @@
+<?php
+
+use App\Enums\OrderStatus;
+use App\Enums\OrderType;
+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('orders', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('customer_id');
+            $table->string('internal_po');
+            $table->string('customer_po');
+            $table->enum('order_type', OrderType::cases());
+            $table->date('order_date');
+            $table->date('due_date');
+            $table->enum('status', OrderStatus::cases());
+            $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->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('orders');
+    }
+};
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index d01a0ef..3293b57 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -2,8 +2,16 @@
 
 namespace Database\Seeders;
 
+use App\Models\Contact;
+use App\Models\Customer;
+use App\Models\Order;
+use App\Models\PackingSlip;
+use App\Models\ShippingEntry;
 use App\Models\User;
+
 // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
+use Database\Factories\ShippingEntryFactory;
+use http\Client;
 use Illuminate\Database\Seeder;
 
 class DatabaseSeeder extends Seeder
@@ -13,7 +21,73 @@ class DatabaseSeeder extends Seeder
      */
     public function run(): void
     {
-        // User::factory(10)->create();
+        Customer::factory(9)
+            ->has(Contact::factory(5))
+            ->has(PackingSlip::factory(30))
+            ->has(ShippingEntry::factory(2))
+            ->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();
 
         User::factory()->create([
             'name' => 'Test User',
diff --git a/package-lock.json b/package-lock.json
index 9305a28..74000de 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,9 +1,12 @@
 {
-    "name": "top-notch-website",
+    "name": "topnotch_website",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
+            "dependencies": {
+                "bootstrap-icons": "^1.11.3"
+            },
             "devDependencies": {
                 "@popperjs/core": "^2.11.6",
                 "axios": "^1.6.4",
@@ -712,6 +715,22 @@
                 "@popperjs/core": "^2.11.8"
             }
         },
+        "node_modules/bootstrap-icons": {
+            "version": "1.11.3",
+            "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.11.3.tgz",
+            "integrity": "sha512-+3lpHrCw/it2/7lBL15VR0HEumaBss0+f/Lb6ZvHISn1mlK83jjFpooTLsMWbIjJMDjDjOExMsTxnXSIT4k4ww==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/twbs"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/bootstrap"
+                }
+            ],
+            "license": "MIT"
+        },
         "node_modules/braces": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
diff --git a/package.json b/package.json
index 8c7f96d..d36526f 100644
--- a/package.json
+++ b/package.json
@@ -12,5 +12,8 @@
         "laravel-vite-plugin": "^1.0",
         "sass": "^1.56.1",
         "vite": "^5.0"
+    },
+    "dependencies": {
+        "bootstrap-icons": "^1.11.3"
     }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index e59d6a0..a491cf4 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1 +1,2 @@
 import './bootstrap';
+import 'bootstrap';
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 1026a0b..275c5d8 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -5,4 +5,10 @@
 @import 'variables';
 
 // Bootstrap
+$body-bg: #fff;
+$body-color: #111;
+$table-striped-bg: #fafafa;
+
+
 @import 'bootstrap/scss/bootstrap';
+@import 'bootstrap-icons/font/bootstrap-icons.css';
diff --git a/resources/views/customer/index.blade.php b/resources/views/contacts/create.blade.php
similarity index 84%
rename from resources/views/customer/index.blade.php
rename to resources/views/contacts/create.blade.php
index fefaada..3df073b 100644
--- a/resources/views/customer/index.blade.php
+++ b/resources/views/contacts/create.blade.php
@@ -5,7 +5,7 @@
         <div class="row justify-content-center">
             <div class="col-md-8">
                 <div class="card">
-                    <div class="card-header">{{ __('Customers') }}</div>
+                    <div class="card-header">Create contact</div>
 
                     <div class="card-body">
                         @if (session('status'))
@@ -15,8 +15,6 @@
                         @endif
 
 
-                        Customer
-
                     </div>
                 </div>
             </div>
diff --git a/resources/views/customer/create.blade.php b/resources/views/customers/create.blade.php
similarity index 100%
rename from resources/views/customer/create.blade.php
rename to resources/views/customers/create.blade.php
diff --git a/resources/views/customers/index.blade.php b/resources/views/customers/index.blade.php
new file mode 100644
index 0000000..a9f0430
--- /dev/null
+++ b/resources/views/customers/index.blade.php
@@ -0,0 +1,144 @@
+@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
new file mode 100644
index 0000000..2cc702b
--- /dev/null
+++ b/resources/views/customers/show.blade.php
@@ -0,0 +1,110 @@
+@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>{{$customer->company_name}}</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="customer-tabs" role="tablist">
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'details' ? 'active' : ''}}" id="details-tab"
+                                href="{{route('customers.show', [$customer, 'tab'=>'details'])}}" type="button"
+                                role="tab"
+                                aria-controls="details" aria-selected="{{$tab == 'details' ? 'true' : 'false'}}">
+                            <x-bi-list-ul/>
+                            Overview
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'shipping' ? 'active' : ''}}" id="shipping-tab"
+                                href="{{route('customers.show', [$customer, 'tab'=>'shipping'])}}" type="button"
+                                role="tab"
+                                aria-controls="shipping" aria-selected="{{$tab == 'shipping' ? 'true' : 'false'}}">
+                            <x-bi-box-fill/>
+                            Shipping Info
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'packing' ? 'active' : ''}}" id="packing-tab"
+                                href="{{route('customers.show', [$customer, 'tab'=>'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 == 'contacts' ? 'active' : ''}}" id="contacts-tab"
+                                href="{{route('customers.show', [$customer, 'tab'=>'contacts'])}}" type="button"
+                                role="tab"
+                                aria-controls="contacts" aria-selected="{{$tab == 'contacts' ? 'true' : 'false'}}">
+                            <x-bi-people-fill/>
+                            Contacts
+                        </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">
+
+                <!-- Overview tab -->
+                @include('partials.customers.show-overview')
+
+                <!-- Shipping Info tab -->
+                @include('partials.customers.show-shipping-info')
+
+                <!-- Packing Slips tab -->
+                @include('partials.customers.show-packing-slips')
+
+                <!-- Contacts tab -->
+                @include('partials.customers.show-contacts')
+
+            </div>
+        </div>
+    </div>
+
+    <!-- Edit Customer Modal -->
+    @include('partials.customers.edit-modal')
+
+    <!-- Delete Customer Modal -->
+    @include('partials.customers.delete-single-modal')
+
+    <!-- Create Contact Modal -->
+    @include('partials.contacts.create-modal')
+
+    <!-- Delete Contact Modal -->
+    @include('partials.contacts.delete-modal')
+
+    <!-- Create Packing Slip Modal -->
+    @include('partials.packing-slips.create-modal')
+
+    <!-- Create Shipping Entry Modal -->
+    @include('partials.shipping-entries.create-modal')
+
+
+    @if($errors->any())
+        {{ implode('', $errors->all('<div>:message</div>')) }}
+    @endif
+
+@endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index a6970da..1593400 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -17,64 +17,69 @@
     @vite(['resources/sass/app.scss', 'resources/js/app.js'])
 </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 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">
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <!-- Left Side Of Navbar -->
+                <ul class="navbar-nav me-auto">
 
-                    </ul>
+                </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
+                <!-- 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>
+                        @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();
+                            <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>
+                                    {{ __('Logout') }}
+                                </a>
 
-                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
-                                        @csrf
-                                    </form>
-                                </div>
-                            </li>
-                        @endguest
-                    </ul>
-                </div>
+                                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
+                                    @csrf
+                                </form>
+                            </div>
+                        </li>
+                    @endguest
+                </ul>
             </div>
-        </nav>
+        </div>
+    </nav>
+
+    <main>
+        @yield('header')
+        @yield('content')
+    </main>
+</div>
 
-        <main class="py-4">
-            @yield('content')
-        </main>
-    </div>
 </body>
 </html>
diff --git a/resources/views/orders/create.blade.php b/resources/views/orders/create.blade.php
new file mode 100644
index 0000000..5c1db42
--- /dev/null
+++ b/resources/views/orders/create.blade.php
@@ -0,0 +1,130 @@
+@extends('layouts.app')
+
+@section('content')
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-8 pt-4">
+                <h4>Create Order</h4>
+
+                <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>
+
+                <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>
+
+                <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>
+
+                <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">
+                                        <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="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>
+                </div>
+
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/partials/contacts/create-modal.blade.php b/resources/views/partials/contacts/create-modal.blade.php
new file mode 100644
index 0000000..79f2778
--- /dev/null
+++ b/resources/views/partials/contacts/create-modal.blade.php
@@ -0,0 +1,118 @@
+<div class="modal modal-lg fade" id="createContactModal" tabindex="-1" aria-labelledby="createContactModalLabel"
+        aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="createContactModalLabel">Create Contact</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="{{route('contacts.store')}}" method="post">
+                <div class="modal-body">
+                    @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">
+                            <input type="hidden" name="customer_id" value="{{$customer->id}}">
+                            <select name="customer_id" id="customer_id" class="form-select" disabled>
+                                <option value="{{ $customer->id }}">
+                                    {{ $customer->company_name }}
+                                </option>
+                            </select>
+                            @error('customer_id')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="first_name" class="col-md-4 col-form-label text-md-end">First name</label>
+
+                        <div class="col-md-6">
+                            <input id="first_name" type="text"
+                                    class="form-control @error('first_name') is-invalid @enderror"
+                                    name="first_name" value="{{ old('first_name') }}"
+                                    autocomplete="first_name" autofocus>
+
+                            @error('first_name')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="last_name" class="col-md-4 col-form-label text-md-end">Last name</label>
+
+                        <div class="col-md-6">
+                            <input id="last_name" type="text"
+                                    class="form-control @error('last_name') is-invalid @enderror"
+                                    name="last_name" value="{{ old('last_name') }}"
+                                    autocomplete="last_name">
+
+                            @error('last_name')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="email" class="col-md-4 col-form-label text-md-end">Email</label>
+
+                        <div class="col-md-6">
+                            <input id="email" type="text"
+                                    class="form-control @error('email') is-invalid @enderror" name="email"
+                                    value="{{ old('email') }}" autocomplete="email">
+
+                            @error('email')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="phone" class="col-md-4 col-form-label text-md-end">Phone number</label>
+
+                        <div class="col-md-6">
+                            <input id="phone" type="text"
+                                    class="form-control @error('phone') is-invalid @enderror" name="phone"
+                                    value="{{ old('phone') }}" autocomplete="phone">
+
+                            @error('phone')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <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>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary">Create contact</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/partials/contacts/delete-modal.blade.php b/resources/views/partials/contacts/delete-modal.blade.php
new file mode 100644
index 0000000..132262d
--- /dev/null
+++ b/resources/views/partials/contacts/delete-modal.blade.php
@@ -0,0 +1,31 @@
+<div class="modal modal fade" id="deleteContactModal" tabindex="-1" aria-labelledby="deleteContactModalLabel"
+        aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="deleteContactModalLabel">Delete Contact</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="{{route('contacts.requestDestroy')}}" method="post">
+                @csrf
+                <div class="modal-body">
+                    @if(sizeof($contacts) !== 0)
+                        <select name="contact" id="contact" class="form-select">
+                            @foreach($contacts as $contact)
+                                <option value="{{ $contact->id }}"> {{ $contact->first_name . ' ' . $contact->last_name }}</option>
+                            @endforeach
+                        </select>
+                    @else
+                        There are no contacts to delete.
+                    @endif
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+                    @if (sizeof($contacts) !== 0)
+                        <button type="submit" class="btn btn-danger">Delete contact</button>
+                    @endif
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/partials/customers/create-modal.blade.php b/resources/views/partials/customers/create-modal.blade.php
new file mode 100644
index 0000000..a71e33e
--- /dev/null
+++ b/resources/views/partials/customers/create-modal.blade.php
@@ -0,0 +1,111 @@
+<div class="modal modal-lg fade" id="createCustomerModal" tabindex="-1" aria-labelledby="createCustomerModalLabel"
+        aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="createCustomerModalLabel">Create Customer</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+
+            <form action="{{route('customers.store')}}" method="post">
+                <div class="modal-body">
+                    @csrf
+
+                    <div class="row mb-3">
+                        <label for="company_name" class="col-md-4 col-form-label text-md-end">Company Name</label>
+
+                        <div class="col-md-6">
+                            <input id="company_name" type="text"
+                                    class="form-control @error('company_name') is-invalid @enderror"
+                                    name="company_name" value="{{ old('company_name') }}" required
+                                    autocomplete="company_name"
+                                    autofocus>
+
+                            @error('company_name')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="internal_name" class="col-md-4 col-form-label text-md-end">Internal Name</label>
+
+                        <div class="col-md-6">
+                            <input id="internal_name" type="text"
+                                    class="form-control @error('internal_name') is-invalid @enderror"
+                                    name="internal_name" value="{{ old('internal_name') }}" required
+                                    autocomplete="internal_name"
+                                    >
+
+                            @error('internal_name')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="shipping_address" class="col-md-4 col-form-label text-md-end">Shipping
+                                                                                                  Address</label>
+
+                        <div class="col-md-6">
+                            <input id="shipping_address" type="text"
+                                    class="form-control @error('shipping_address') is-invalid @enderror"
+                                    name="shipping_address"
+                                    value="{{ old('shipping_address') }}" required autocomplete="shipping_address"
+                                    >
+
+                            @error('shipping_address')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="billing_address" class="col-md-4 col-form-label text-md-end">Billing Address</label>
+
+                        <div class="col-md-6">
+                            <input id="billing_address" type="text"
+                                    class="form-control @error('billing_address') is-invalid @enderror"
+                                    name="billing_address" value="{{ old('billing_address') }}" required
+                                    autocomplete="billing_address"
+                                    >
+
+                            @error('billing_address')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="phone" class="col-md-4 col-form-label text-md-end">Phone number</label>
+
+                        <div class="col-md-6">
+                            <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror"
+                                    name="phone"
+                                    value="{{ old('phone') }}" required autocomplete="phone" >
+
+                            @error('phone')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+                </div>
+
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary">Create customer</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/partials/customers/delete-all-modal.blade.php b/resources/views/partials/customers/delete-all-modal.blade.php
new file mode 100644
index 0000000..41cc261
--- /dev/null
+++ b/resources/views/partials/customers/delete-all-modal.blade.php
@@ -0,0 +1,31 @@
+<div class="modal modal fade" id="deleteCustomerModal" tabindex="-1" aria-labelledby="deleteCustomerModalLabel"
+        aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="deleteCustomerModalLabel">Delete Customer</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="{{route('customers.requestDestroy')}}" method="post">
+                @csrf
+                <div class="modal-body">
+                    @if(sizeof($customers) !== 0)
+                        <select name="id" id="id" class="form-select">
+                            @foreach($customers as $customer)
+                                <option value="{{ $customer->id }}"> {{ $customer->company_name}}</option>
+                            @endforeach
+                        </select>
+                    @else
+                        There are no customers to delete.
+                    @endif
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+                    @if (sizeof($customers) !== 0)
+                        <button type="submit" class="btn btn-danger">Delete customer</button>
+                    @endif
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/partials/customers/delete-single-modal.blade.php b/resources/views/partials/customers/delete-single-modal.blade.php
new file mode 100644
index 0000000..0289745
--- /dev/null
+++ b/resources/views/partials/customers/delete-single-modal.blade.php
@@ -0,0 +1,23 @@
+<div class="modal modal fade" id="deleteCustomerModal" tabindex="-1" aria-labelledby="deleteCustomerModalLabel"
+        aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="deleteCustomerModalLabel">Delete Customer</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="{{route('customers.destroy', $customer->id)}}" method="post">
+                @csrf
+                @method('DELETE')
+
+                <div class="modal-body">
+                    Are you sure you want to delete {{$customer->company_name}}?
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-danger">Delete customer</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/partials/customers/edit-modal.blade.php b/resources/views/partials/customers/edit-modal.blade.php
new file mode 100644
index 0000000..60a9a00
--- /dev/null
+++ b/resources/views/partials/customers/edit-modal.blade.php
@@ -0,0 +1,110 @@
+<div class="modal modal-lg fade" id="editCustomerModal" tabindex="-1" aria-labelledby="editCustomerModalLabel"
+        aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="editCustomerModalLabel">Edit Customer</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+
+            <form action="{{route('customers.update', $customer)}}" method="post">
+                @csrf
+                @method('PATCH')
+
+                <div class="modal-body">
+
+                    <div class="row mb-3">
+                        <label for="company_name" class="col-md-4 col-form-label text-md-end">Company Name</label>
+
+                        <div class="col-md-6">
+                            <input id="company_name" type="text"
+                                    class="form-control @error('company_name') is-invalid @enderror"
+                                    name="company_name" value="{{$customer->company_name}}" required
+                                    autocomplete="company_name" autofocus>
+
+                            @error('company_name')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="internal_name" class="col-md-4 col-form-label text-md-end">Internal Name</label>
+
+                        <div class="col-md-6">
+                            <input id="internal_name" type="text"
+                                    class="form-control @error('internal_name') is-invalid @enderror"
+                                    name="internal_name" value="{{ $customer->internal_name }}" required
+                                    autocomplete="internal_name"
+                            >
+
+                            @error('internal_name')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="shipping_address" class="col-md-4 col-form-label text-md-end">
+                            Shipping Address
+                        </label>
+
+                        <div class="col-md-6">
+                            <input id="shipping_address" type="text"
+                                    class="form-control @error('shipping_address') is-invalid @enderror"
+                                    name="shipping_address" value="{{ $customer->shipping_address }}" required
+                                    autocomplete="shipping_address">
+
+                            @error('shipping_address')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="billing_address" class="col-md-4 col-form-label text-md-end">Billing Address</label>
+
+                        <div class="col-md-6">
+                            <input id="billing_address" type="text"
+                                    class="form-control @error('billing_address') is-invalid @enderror"
+                                    name="billing_address" value="{{ $customer->billing_address }}" required
+                                    autocomplete="billing_address" >
+
+                            @error('billing_address')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="phone" class="col-md-4 col-form-label text-md-end">Phone number</label>
+
+                        <div class="col-md-6">
+                            <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror"
+                                    name="phone" value="{{ $customer->phone }}" required autocomplete="phone">
+
+                            @error('phone')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+                </div>
+
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary">Edit customer</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/partials/customers/show-contacts.blade.php b/resources/views/partials/customers/show-contacts.blade.php
new file mode 100644
index 0000000..60e0ea9
--- /dev/null
+++ b/resources/views/partials/customers/show-contacts.blade.php
@@ -0,0 +1,52 @@
+<div class="tab-pane {{$tab == 'contacts' ? 'active' : ''}}" id="contacts" role="tabpanel"
+        aria-labelledby="contacts-tab">
+    <div class="row justify-content-center mb-3">
+        <div class="col-9">
+            <div class="d-flex flex-row-reverse gap-2">
+                {{--                                <button class="btn btn-sm btn-danger" title="Remove a contact..."--}}
+                {{--                                        data-bs-toggle="modal" data-bs-target="#deleteContactModal">--}}
+                {{--                                    <x-bi-trash-fill/>--}}
+                {{--                                    Delete contact--}}
+                {{--                                </button>--}}
+
+                <div class="mx-auto"></div>
+
+                <button class="btn btn-sm btn-primary" title="Create new contact..."
+                        data-bs-toggle="modal" data-bs-target="#createContactModal">
+                    <x-bi-person-plus-fill/>
+                    New contact
+                </button>
+            </div>
+        </div>
+    </div>
+
+    @if(sizeof($contacts) !== 0)
+        <div class="row justify-content-center">
+            <div class="col-9">
+                <table class="table table-hover table-striped">
+                    <thead>
+                    <tr class="border-bottom border-black">
+                        <th scope="col">Name</th>
+                        <th scope="col">Email</th>
+                        <th scope="col">Phone</th>
+                        <th scope="col">Notes</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+
+                    @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>
+                        </tr>
+                    @endforeach
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    @else()
+        No contacts registered for this customer.
+    @endif()
+</div>
\ No newline at end of file
diff --git a/resources/views/partials/customers/show-overview.blade.php b/resources/views/partials/customers/show-overview.blade.php
new file mode 100644
index 0000000..ab9d2aa
--- /dev/null
+++ b/resources/views/partials/customers/show-overview.blade.php
@@ -0,0 +1,76 @@
+<div class="tab-pane {{$tab == 'details' ? 'active' : ''}}" id="details" role="tabpanel"
+        aria-labelledby="details-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>
+                <button class="btn btn-sm btn-primary" title="Create new shipping entry..."
+                        data-bs-toggle="modal" data-bs-target="#createShippingEntryModal">
+                    <x-bi-plus-circle-fill/>
+                    Create entry
+                </button>
+                <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">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>
+                        <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>
diff --git a/resources/views/partials/customers/show-packing-slips.blade.php b/resources/views/partials/customers/show-packing-slips.blade.php
new file mode 100644
index 0000000..396876c
--- /dev/null
+++ b/resources/views/partials/customers/show-packing-slips.blade.php
@@ -0,0 +1,66 @@
+<div class="tab-pane {{$tab == 'packing' ? 'active' : ''}}" id="packing" role="tabpanel"
+        aria-labelledby="packing-tab">
+    <div class="row justify-content-center mb-3">
+        <div class="col-9">
+            <div class="d-flex flex-row gap-2">
+                {{--                                <button class="btn btn-sm btn-danger" title="Remove a contact..."--}}
+                {{--                                        data-bs-toggle="modal" data-bs-target="#deleteContactModal">--}}
+                {{--                                    <x-bi-trash-fill/>--}}
+                {{--                                    Delete entry--}}
+                {{--                                </button>--}}
+
+                <button class="btn btn-sm btn-primary" title="Create new packing slip..."
+                        data-bs-toggle="modal" data-bs-target="#createPackingSlipModal">
+                    <x-bi-plus-circle-fill/>
+                    Create entry
+                </button>
+
+                <div class="mx-auto"></div>
+
+                {{--                                <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 mb-3">
+        <div class="col-9">
+            <table class="table table-striped table-sm table-hover">
+                <thead>
+                <tr class="border-bottom border-black">
+                    <th scope="col">Date</th>
+                    <th scope="col">PO</th>
+                    <th scope="col">Amount</th>
+                    <th scope="col">Contents</th>
+                </tr>
+                </thead>
+                <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>
+                    </tr>
+                @endforeach
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col"></div>
+        <div class="col-4">
+            {{$packingSlips->links()}}
+        </div>
+        <div class="col"></div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/resources/views/partials/customers/show-shipping-info.blade.php b/resources/views/partials/customers/show-shipping-info.blade.php
new file mode 100644
index 0000000..29fb846
--- /dev/null
+++ b/resources/views/partials/customers/show-shipping-info.blade.php
@@ -0,0 +1,99 @@
+<div class="tab-pane {{$tab == 'shipping' ? 'active' : ''}}" id="shipping" role="tabpanel"
+        aria-labelledby="shipping-tab">
+    <div class="row justify-content-center mb-3">
+        <div class="col-9">
+            <div class="d-flex flex-row gap-2">
+                <button class="btn btn-sm btn-primary" title="Create new shipping entry..."
+                        data-bs-toggle="modal" data-bs-target="#createShippingEntryModal">
+                    <x-bi-plus-circle-fill/>
+                    Create entry
+                </button>
+
+                <div class="mx-auto"></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 mb-3">
+        @foreach($shippingEntries as $shippingEntry)
+            <div class="col-4">
+                <div class="card mb-3">
+                    <div class="card-header">
+                        {{$shippingEntry->account_title}}
+                    </div>
+                    <div class="card-body">
+
+                        <div class="row">
+                            <div class="col-md-4 text-md-end text-secondary">Shipping Type</div>
+                            <div class="col-md-6">
+                                <div class="">{{$shippingEntry->shipping_type}}</div>
+                            </div>
+                        </div>
+
+                        <hr class="border-secondary-subtle mx-4 px-0">
+
+                        <div class="row">
+                            <div class="col-md-4 text-md-end text-secondary">Courier</div>
+                            <div class="col-md-6">
+                                <div class="fw-bold">{{$shippingEntry->courier}}</div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-4 text-md-end text-secondary">Contact</div>
+                            <div class="col-md-6">
+                                <div class="text-nowrap">
+                                    <a href="">{{$shippingEntry->contact}}</a>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-4 text-md-end text-secondary">Login</div>
+                            <div class="col-md-6">
+                                <div class="fw-bold">
+                                    {{$shippingEntry->account_username}} <br>
+                                    <code>{{$shippingEntry->account_password}}</code>
+                                </div>
+                            </div>
+                        </div>
+
+                        <hr class="border-secondary-subtle mx-4 px-0">
+
+                        <div class="row">
+                            <div class="col-md-4 text-md-end text-secondary text-nowrap">Required Info
+                            </div>
+                            <div class="col-md-6">
+                                <div class="">{{$shippingEntry->info_needed}}</div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-4 text-md-end text-secondary">Notify</div>
+                            <div class="col-md-6">
+                                <div class="text-nowrap"><a
+                                            href="mailto:">{{$shippingEntry->notify}}</a></div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-4 text-md-end text-secondary">Notes</div>
+                            <div class="col-md-6">
+                                <div class="">{{$shippingEntry->notes}}</div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        @endforeach
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/partials/packing-slips/create-modal.blade.php b/resources/views/partials/packing-slips/create-modal.blade.php
new file mode 100644
index 0000000..7c1a184
--- /dev/null
+++ b/resources/views/partials/packing-slips/create-modal.blade.php
@@ -0,0 +1,114 @@
+<div class="modal modal-lg fade" id="createPackingSlipModal" tabindex="-1" aria-labelledby="createPackingSlipModalLabel"
+        aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="createPackingSlipModalLabel">Create Packing Slip</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+
+            <form action="{{route('packing-slips.store')}}" method="post">
+                @csrf
+
+                <div class="modal-body">
+                    <div class="row mb-3">
+                        <label for="date_received" class="col-md-4 col-form-label text-md-end">Date received</label>
+
+                        <div class="col-md-6">
+                            <input id="date_received" type="date"
+                                    class="form-control @error('date_received') is-invalid @enderror"
+                                    name="date_received" value="{{ old('date_received') ?? $today }}" required
+                                    autocomplete="date_received" max="{{$today}}"
+                                    autofocus>
+
+                            @error('date_received')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </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">
+                            <input type="hidden" name="from_customer" value="0">
+
+                            @if(isset($customer))
+                                <input type="hidden" name="customer_id" value="{{$customer->id}}">
+                                <input type="hidden" name="from_customer" value="1">
+
+                                <select name="customer_id" id="customer_id" class="form-select" disabled>
+                                    <option value="{{ $customer->id }}">
+                                        {{ $customer->company_name }}
+                                    </option>
+                                </select>
+                            @endif
+                            @error('customer_id')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="order_id" class="col-md-4 col-form-label text-md-end">Product Order</label>
+
+                        <div class="col-md-6">
+                            <input id="order_id" type="text"
+                                    class="form-control @error('order_id') is-invalid @enderror"
+                                    name="order_id" value="{{ old('order_id') }}"
+                                    autocomplete="order_id">
+
+                            @error('order_id')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="amount"
+                                class="col-md-4 col-form-label text-md-end">Amount</label>
+
+                        <div class="col-md-6">
+                            <input id="amount" type="text"
+                                    class="form-control @error('amount') is-invalid @enderror"
+                                    name="amount" placeholder="For example: 2 boxes"
+                                    value="{{ old('amount') }}" required autocomplete="amount">
+
+                            @error('amount')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="contents" class="col-md-4 col-form-label text-md-end">Contents</label>
+
+                        <div class="col-md-6">
+                                <textarea name="contents" id="contents" cols="30" rows="3" class="form-control"
+                                        autocomplete="contents" placeholder="For example: 30 shirts, 25 jackets"
+                                        required>{{ old('contents') }}</textarea>
+                            @error('contents')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+                        <button type="submit" class="btn btn-primary">Create</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/partials/shipping-entries/create-modal.blade.php b/resources/views/partials/shipping-entries/create-modal.blade.php
new file mode 100644
index 0000000..9454f48
--- /dev/null
+++ b/resources/views/partials/shipping-entries/create-modal.blade.php
@@ -0,0 +1,128 @@
+<div class="modal modal-lg fade" id="createShippingEntryModal" tabindex="-1"
+        aria-labelledby="createShippingEntryModalLabel"
+        aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="createShippingEntryModalLabel">Create Shipping Entry</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
+                        tabindex="-1"></button>
+            </div>
+
+            <form action="{{route('shipping-entries.store')}}" method="post">
+                @csrf
+
+                <div class="modal-body">
+
+                    @if (isset($customer))
+                        <input type="hidden" name="customer_id" value="{{$customer->id}}">
+                    @endif
+
+                    <div class="row mb-3">
+                        <label for="shipping_type" class="col-md-4 col-form-label text-md-end">Ship Type</label>
+                        <div class="col-md-6">
+                            <select name="shipping_type" class="form-select" id="shipping_type" autofocus>
+                                <option value="pickup">Pick-up</option>
+                                <option value="they-ship">They ship</option>
+                                <option value="we-ship">We ship</option>
+                            </select>
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="account_title" class="col-md-4 col-form-label text-md-end">Entry Title</label>
+
+                        <div class="col-md-6">
+                            <input id="account_title" type="text"
+                                    class="form-control @error('account_title') is-invalid @enderror"
+                                    name="account_title" value="{{ old('account_name') }}"
+                                    autocomplete="account_title">
+                        </div>
+                    </div>
+
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+                    <div class="row mb-3">
+                        <label for="courier" class="col-md-4 col-form-label text-md-end">Courier</label>
+
+                        <div class="col-md-6">
+                            <input id="courier" type="text"
+                                    class="form-control @error('courier') is-invalid @enderror"
+                                    name="courier" value="{{ old('courier') }}"
+                                    autocomplete="courier">
+
+                            {{--                            @error('order_id')--}}
+                            {{--                            <span class="invalid-feedback" role="alert">--}}
+                            {{--                                        <strong>{{ $message }}</strong>--}}
+                            {{--                                    </span>--}}
+                            {{--                            @enderror--}}
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="contact" class="col-md-4 col-form-label text-md-end">Contact</label>
+
+                        <div class="col-md-6">
+                            <input id="contact" type="text"
+                                    class="form-control @error('contact') is-invalid @enderror"
+                                    name="contact" value="{{ old('contact') }}"
+                                    autocomplete="contact" placeholder="Website link or phone number">
+                        </div>
+                    </div>
+
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+                    <div class="row mb-3">
+                        <label for="account_username" class="col-md-4 col-form-label text-md-end">Username</label>
+
+                        <div class="col-md-6">
+                            <input id="account_username" type="text"
+                                    class="form-control @error('account_username') is-invalid @enderror"
+                                    name="account_username" value="{{ old('account_username') }}"
+                                    autocomplete="account_username">
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="account_password" class="col-md-4 col-form-label text-md-end">Password</label>
+
+                        <div class="col-md-6">
+                            <input id="account_password" type="text"
+                                    class="form-control @error('account_password') is-invalid @enderror"
+                                    name="account_password" value="{{ old('password') }}"
+                                    autocomplete="account_password">
+                        </div>
+                    </div>
+
+                    <hr class="border-secondary-subtle mx-4 px-0">
+
+                    <div class="row mb-3">
+                        <label for="info_needed" class="col-md-4 col-form-label text-md-end">Required Info</label>
+
+                        <div class="col-md-6">
+                            <textarea name="info_needed" id="info_needed" cols="30" rows="2"
+                                    class="form-control"
+                                    autocomplete="info_needed">{{ old('info_needed') }}</textarea>
+                        </div>
+                    </div>
+
+                    <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>
+                        </div>
+                    </div>
+
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+                        <button type="submit" class="btn btn-primary">Create</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
diff --git a/resources/views/vendor/pagination/bootstrap-4.blade.php b/resources/views/vendor/pagination/bootstrap-4.blade.php
new file mode 100644
index 0000000..63c6f56
--- /dev/null
+++ b/resources/views/vendor/pagination/bootstrap-4.blade.php
@@ -0,0 +1,46 @@
+@if ($paginator->hasPages())
+    <nav>
+        <ul class="pagination">
+            {{-- Previous Page Link --}}
+            @if ($paginator->onFirstPage())
+                <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
+                    <span class="page-link" aria-hidden="true">&lsaquo;</span>
+                </li>
+            @else
+                <li class="page-item">
+                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
+                </li>
+            @endif
+
+            {{-- Pagination Elements --}}
+            @foreach ($elements as $element)
+                {{-- "Three Dots" Separator --}}
+                @if (is_string($element))
+                    <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
+                @endif
+
+                {{-- Array Of Links --}}
+                @if (is_array($element))
+                    @foreach ($element as $page => $url)
+                        @if ($page == $paginator->currentPage())
+                            <li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
+                        @else
+                            <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
+                        @endif
+                    @endforeach
+                @endif
+            @endforeach
+
+            {{-- Next Page Link --}}
+            @if ($paginator->hasMorePages())
+                <li class="page-item">
+                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
+                </li>
+            @else
+                <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
+                    <span class="page-link" aria-hidden="true">&rsaquo;</span>
+                </li>
+            @endif
+        </ul>
+    </nav>
+@endif
diff --git a/resources/views/vendor/pagination/bootstrap-5.blade.php b/resources/views/vendor/pagination/bootstrap-5.blade.php
new file mode 100644
index 0000000..a1795a4
--- /dev/null
+++ b/resources/views/vendor/pagination/bootstrap-5.blade.php
@@ -0,0 +1,88 @@
+@if ($paginator->hasPages())
+    <nav class="d-flex justify-items-center justify-content-between">
+        <div class="d-flex justify-content-between flex-fill d-sm-none">
+            <ul class="pagination">
+                {{-- Previous Page Link --}}
+                @if ($paginator->onFirstPage())
+                    <li class="page-item disabled" aria-disabled="true">
+                        <span class="page-link">@lang('pagination.previous')</span>
+                    </li>
+                @else
+                    <li class="page-item">
+                        <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
+                    </li>
+                @endif
+
+                {{-- Next Page Link --}}
+                @if ($paginator->hasMorePages())
+                    <li class="page-item">
+                        <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
+                    </li>
+                @else
+                    <li class="page-item disabled" aria-disabled="true">
+                        <span class="page-link">@lang('pagination.next')</span>
+                    </li>
+                @endif
+            </ul>
+        </div>
+
+        <div class="d-none flex-sm-fill d-sm-flex align-items-sm-center justify-content-sm-between">
+            <div>
+                <p class="small text-muted">
+                    {!! __('Showing') !!}
+                    <span class="fw-semibold">{{ $paginator->firstItem() }}</span>
+                    {!! __('to') !!}
+                    <span class="fw-semibold">{{ $paginator->lastItem() }}</span>
+                    {!! __('of') !!}
+                    <span class="fw-semibold">{{ $paginator->total() }}</span>
+                    {!! __('results') !!}
+                </p>
+            </div>
+
+            <div>
+                <ul class="pagination">
+                    {{-- Previous Page Link --}}
+                    @if ($paginator->onFirstPage())
+                        <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
+                            <span class="page-link" aria-hidden="true">&lsaquo;</span>
+                        </li>
+                    @else
+                        <li class="page-item">
+                            <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
+                        </li>
+                    @endif
+
+                    {{-- Pagination Elements --}}
+                    @foreach ($elements as $element)
+                        {{-- "Three Dots" Separator --}}
+                        @if (is_string($element))
+                            <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
+                        @endif
+
+                        {{-- Array Of Links --}}
+                        @if (is_array($element))
+                            @foreach ($element as $page => $url)
+                                @if ($page == $paginator->currentPage())
+                                    <li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
+                                @else
+                                    <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
+                                @endif
+                            @endforeach
+                        @endif
+                    @endforeach
+
+                    {{-- Next Page Link --}}
+                    @if ($paginator->hasMorePages())
+                        <li class="page-item">
+                            <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
+                        </li>
+                    @else
+                        <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
+                            <span class="page-link" aria-hidden="true">&rsaquo;</span>
+                        </li>
+                    @endif
+                </ul>
+            </div>
+        </div>
+    </nav>
+@endif
diff --git a/resources/views/vendor/pagination/default.blade.php b/resources/views/vendor/pagination/default.blade.php
new file mode 100644
index 0000000..0db70b5
--- /dev/null
+++ b/resources/views/vendor/pagination/default.blade.php
@@ -0,0 +1,46 @@
+@if ($paginator->hasPages())
+    <nav>
+        <ul class="pagination">
+            {{-- Previous Page Link --}}
+            @if ($paginator->onFirstPage())
+                <li class="disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
+                    <span aria-hidden="true">&lsaquo;</span>
+                </li>
+            @else
+                <li>
+                    <a href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
+                </li>
+            @endif
+
+            {{-- Pagination Elements --}}
+            @foreach ($elements as $element)
+                {{-- "Three Dots" Separator --}}
+                @if (is_string($element))
+                    <li class="disabled" aria-disabled="true"><span>{{ $element }}</span></li>
+                @endif
+
+                {{-- Array Of Links --}}
+                @if (is_array($element))
+                    @foreach ($element as $page => $url)
+                        @if ($page == $paginator->currentPage())
+                            <li class="active" aria-current="page"><span>{{ $page }}</span></li>
+                        @else
+                            <li><a href="{{ $url }}">{{ $page }}</a></li>
+                        @endif
+                    @endforeach
+                @endif
+            @endforeach
+
+            {{-- Next Page Link --}}
+            @if ($paginator->hasMorePages())
+                <li>
+                    <a href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
+                </li>
+            @else
+                <li class="disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
+                    <span aria-hidden="true">&rsaquo;</span>
+                </li>
+            @endif
+        </ul>
+    </nav>
+@endif
diff --git a/resources/views/vendor/pagination/semantic-ui.blade.php b/resources/views/vendor/pagination/semantic-ui.blade.php
new file mode 100644
index 0000000..ef0dbb1
--- /dev/null
+++ b/resources/views/vendor/pagination/semantic-ui.blade.php
@@ -0,0 +1,36 @@
+@if ($paginator->hasPages())
+    <div class="ui pagination menu" role="navigation">
+        {{-- Previous Page Link --}}
+        @if ($paginator->onFirstPage())
+            <a class="icon item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')"> <i class="left chevron icon"></i> </a>
+        @else
+            <a class="icon item" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')"> <i class="left chevron icon"></i> </a>
+        @endif
+
+        {{-- Pagination Elements --}}
+        @foreach ($elements as $element)
+            {{-- "Three Dots" Separator --}}
+            @if (is_string($element))
+                <a class="icon item disabled" aria-disabled="true">{{ $element }}</a>
+            @endif
+
+            {{-- Array Of Links --}}
+            @if (is_array($element))
+                @foreach ($element as $page => $url)
+                    @if ($page == $paginator->currentPage())
+                        <a class="item active" href="{{ $url }}" aria-current="page">{{ $page }}</a>
+                    @else
+                        <a class="item" href="{{ $url }}">{{ $page }}</a>
+                    @endif
+                @endforeach
+            @endif
+        @endforeach
+
+        {{-- Next Page Link --}}
+        @if ($paginator->hasMorePages())
+            <a class="icon item" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')"> <i class="right chevron icon"></i> </a>
+        @else
+            <a class="icon item disabled" aria-disabled="true" aria-label="@lang('pagination.next')"> <i class="right chevron icon"></i> </a>
+        @endif
+    </div>
+@endif
diff --git a/resources/views/vendor/pagination/simple-bootstrap-4.blade.php b/resources/views/vendor/pagination/simple-bootstrap-4.blade.php
new file mode 100644
index 0000000..4bb4917
--- /dev/null
+++ b/resources/views/vendor/pagination/simple-bootstrap-4.blade.php
@@ -0,0 +1,27 @@
+@if ($paginator->hasPages())
+    <nav>
+        <ul class="pagination">
+            {{-- Previous Page Link --}}
+            @if ($paginator->onFirstPage())
+                <li class="page-item disabled" aria-disabled="true">
+                    <span class="page-link">@lang('pagination.previous')</span>
+                </li>
+            @else
+                <li class="page-item">
+                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
+                </li>
+            @endif
+
+            {{-- Next Page Link --}}
+            @if ($paginator->hasMorePages())
+                <li class="page-item">
+                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
+                </li>
+            @else
+                <li class="page-item disabled" aria-disabled="true">
+                    <span class="page-link">@lang('pagination.next')</span>
+                </li>
+            @endif
+        </ul>
+    </nav>
+@endif
diff --git a/resources/views/vendor/pagination/simple-bootstrap-5.blade.php b/resources/views/vendor/pagination/simple-bootstrap-5.blade.php
new file mode 100644
index 0000000..a89005e
--- /dev/null
+++ b/resources/views/vendor/pagination/simple-bootstrap-5.blade.php
@@ -0,0 +1,29 @@
+@if ($paginator->hasPages())
+    <nav role="navigation" aria-label="Pagination Navigation">
+        <ul class="pagination">
+            {{-- Previous Page Link --}}
+            @if ($paginator->onFirstPage())
+                <li class="page-item disabled" aria-disabled="true">
+                    <span class="page-link">{!! __('pagination.previous') !!}</span>
+                </li>
+            @else
+                <li class="page-item">
+                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">
+                        {!! __('pagination.previous') !!}
+                    </a>
+                </li>
+            @endif
+
+            {{-- Next Page Link --}}
+            @if ($paginator->hasMorePages())
+                <li class="page-item">
+                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">{!! __('pagination.next') !!}</a>
+                </li>
+            @else
+                <li class="page-item disabled" aria-disabled="true">
+                    <span class="page-link">{!! __('pagination.next') !!}</span>
+                </li>
+            @endif
+        </ul>
+    </nav>
+@endif
diff --git a/resources/views/vendor/pagination/simple-default.blade.php b/resources/views/vendor/pagination/simple-default.blade.php
new file mode 100644
index 0000000..36bdbc1
--- /dev/null
+++ b/resources/views/vendor/pagination/simple-default.blade.php
@@ -0,0 +1,19 @@
+@if ($paginator->hasPages())
+    <nav>
+        <ul class="pagination">
+            {{-- Previous Page Link --}}
+            @if ($paginator->onFirstPage())
+                <li class="disabled" aria-disabled="true"><span>@lang('pagination.previous')</span></li>
+            @else
+                <li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a></li>
+            @endif
+
+            {{-- Next Page Link --}}
+            @if ($paginator->hasMorePages())
+                <li><a href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a></li>
+            @else
+                <li class="disabled" aria-disabled="true"><span>@lang('pagination.next')</span></li>
+            @endif
+        </ul>
+    </nav>
+@endif
diff --git a/resources/views/vendor/pagination/simple-tailwind.blade.php b/resources/views/vendor/pagination/simple-tailwind.blade.php
new file mode 100644
index 0000000..ea02400
--- /dev/null
+++ b/resources/views/vendor/pagination/simple-tailwind.blade.php
@@ -0,0 +1,25 @@
+@if ($paginator->hasPages())
+    <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
+        {{-- Previous Page Link --}}
+        @if ($paginator->onFirstPage())
+            <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
+                {!! __('pagination.previous') !!}
+            </span>
+        @else
+            <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
+                {!! __('pagination.previous') !!}
+            </a>
+        @endif
+
+        {{-- Next Page Link --}}
+        @if ($paginator->hasMorePages())
+            <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
+                {!! __('pagination.next') !!}
+            </a>
+        @else
+            <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
+                {!! __('pagination.next') !!}
+            </span>
+        @endif
+    </nav>
+@endif
diff --git a/resources/views/vendor/pagination/tailwind.blade.php b/resources/views/vendor/pagination/tailwind.blade.php
new file mode 100644
index 0000000..aee2ad2
--- /dev/null
+++ b/resources/views/vendor/pagination/tailwind.blade.php
@@ -0,0 +1,106 @@
+@if ($paginator->hasPages())
+    <nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex items-center justify-between">
+        <div class="flex justify-between flex-1 sm:hidden">
+            @if ($paginator->onFirstPage())
+                <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
+                    {!! __('pagination.previous') !!}
+                </span>
+            @else
+                <a href="{{ $paginator->previousPageUrl() }}" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
+                    {!! __('pagination.previous') !!}
+                </a>
+            @endif
+
+            @if ($paginator->hasMorePages())
+                <a href="{{ $paginator->nextPageUrl() }}" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
+                    {!! __('pagination.next') !!}
+                </a>
+            @else
+                <span class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
+                    {!! __('pagination.next') !!}
+                </span>
+            @endif
+        </div>
+
+        <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
+            <div>
+                <p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
+                    {!! __('Showing') !!}
+                    @if ($paginator->firstItem())
+                        <span class="font-medium">{{ $paginator->firstItem() }}</span>
+                        {!! __('to') !!}
+                        <span class="font-medium">{{ $paginator->lastItem() }}</span>
+                    @else
+                        {{ $paginator->count() }}
+                    @endif
+                    {!! __('of') !!}
+                    <span class="font-medium">{{ $paginator->total() }}</span>
+                    {!! __('results') !!}
+                </p>
+            </div>
+
+            <div>
+                <span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md">
+                    {{-- Previous Page Link --}}
+                    @if ($paginator->onFirstPage())
+                        <span aria-disabled="true" aria-label="{{ __('pagination.previous') }}">
+                            <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
+                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+                                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
+                                </svg>
+                            </span>
+                        </span>
+                    @else
+                        <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('pagination.previous') }}">
+                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+                                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
+                            </svg>
+                        </a>
+                    @endif
+
+                    {{-- Pagination Elements --}}
+                    @foreach ($elements as $element)
+                        {{-- "Three Dots" Separator --}}
+                        @if (is_string($element))
+                            <span aria-disabled="true">
+                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">{{ $element }}</span>
+                            </span>
+                        @endif
+
+                        {{-- Array Of Links --}}
+                        @if (is_array($element))
+                            @foreach ($element as $page => $url)
+                                @if ($page == $paginator->currentPage())
+                                    <span aria-current="page">
+                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">{{ $page }}</span>
+                                    </span>
+                                @else
+                                    <a href="{{ $url }}" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('Go to page :page', ['page' => $page]) }}">
+                                        {{ $page }}
+                                    </a>
+                                @endif
+                            @endforeach
+                        @endif
+                    @endforeach
+
+                    {{-- Next Page Link --}}
+                    @if ($paginator->hasMorePages())
+                        <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('pagination.next') }}">
+                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+                                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
+                            </svg>
+                        </a>
+                    @else
+                        <span aria-disabled="true" aria-label="{{ __('pagination.next') }}">
+                            <span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
+                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+                                    <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
+                                </svg>
+                            </span>
+                        </span>
+                    @endif
+                </span>
+            </div>
+        </div>
+    </nav>
+@endif
diff --git a/routes/web.php b/routes/web.php
index a69fb68..c3f8633 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,11 @@
 <?php
 
+use App\Http\Controllers\ContactController;
 use App\Http\Controllers\CustomerController;
+use App\Http\Controllers\OrderController;
+use App\Http\Controllers\PackingSlipController;
+use App\Http\Controllers\ShippingEntryController;
+use App\Models\ShippingEntry;
 use Illuminate\Support\Facades\Route;
 
 Route::get('/', function () {
@@ -12,3 +17,16 @@ Auth::routes();
 Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
 
 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');
+
+Route::resource('contacts', ContactController::class);
+Route::post('/contacts/request-destroy', [ContactController::class, 'requestDestroy'])->name('contacts.requestDestroy');
+
+Route::resource('packing-slips', PackingSlipController::class);
+
+Route::resource('shipping-entries', ShippingEntryController::class);
+
+Route::resource('orders', OrderController::class);
\ No newline at end of file

From 87f7581acae8798d0df065b922146cc6f8dd2f0b Mon Sep 17 00:00:00 2001
From: Nisse <nisselommerde@gmail.com>
Date: Mon, 9 Sep 2024 15:29:31 -0700
Subject: [PATCH 2/2] basics test

---
 app/Enums/OrderStatus.php                     |   7 +-
 app/Enums/OrderType.php                       |   8 +-
 app/Enums/ShippingType.php                    |   4 +-
 .../Controllers/Auth/RegisterController.php   |  10 +-
 app/Http/Controllers/ContactController.php    |  27 +-
 app/Http/Controllers/CustomerController.php   |  38 +--
 app/Http/Controllers/DashboardController.php  |  34 ++
 app/Http/Controllers/HomeController.php       |  28 --
 app/Http/Controllers/ManagementController.php |  22 ++
 app/Http/Controllers/OrderController.php      | 101 +++++-
 .../Controllers/OrderProductController.php    |  25 ++
 .../Controllers/PackingSlipController.php     |  30 +-
 .../Controllers/ShippingEntryController.php   |  25 +-
 app/Http/Requests/ContactRequest.php          |  10 +-
 app/Http/Requests/CustomerRequest.php         |   8 +-
 app/Http/Requests/OrderProductRequest.php     |  23 ++
 app/Http/Requests/OrderRequest.php            |  27 +-
 app/Http/Requests/PackingSlipRequest.php      |  10 +-
 app/Http/Requests/ProductServiceRequest.php   |  26 ++
 app/Http/Requests/ProductSizeRequest.php      |  22 ++
 app/Http/Requests/ServiceFileRequest.php      |  24 ++
 app/Http/Requests/ShippingEntryRequest.php    |  16 +-
 app/Livewire/CreateOrder.php                  |  42 +++
 app/Livewire/CustomerAndContactSelect.php     |  41 +++
 app/Livewire/OrderProductsCreate.php          | 158 +++++++++
 app/Livewire/OrdersTable.php                  |  61 ++++
 app/Models/Contact.php                        |   9 +-
 app/Models/Customer.php                       |   2 +-
 app/Models/Order.php                          |  70 +++-
 app/Models/OrderProduct.php                   |  37 +++
 app/Models/PackingSlip.php                    |   5 +-
 app/Models/ProductService.php                 |  33 ++
 app/Models/ProductSize.php                    |  24 ++
 app/Models/ServiceFile.php                    |  28 ++
 app/Models/ShippingEntry.php                  |   4 +-
 app/Models/User.php                           |   2 +-
 composer.json                                 |   5 +-
 composer.lock                                 |  94 +++++-
 config/app.php                                |   2 +-
 config/auth.php                               |  10 +-
 config/cache.php                              |  36 +--
 config/database.php                           | 126 ++++----
 config/filesystems.php                        |  28 +-
 config/logging.php                            |  60 ++--
 config/mail.php                               |  26 +-
 config/queue.php                              |  50 +--
 config/services.php                           |   4 +-
 database/factories/ContactFactory.php         |  10 +-
 database/factories/CustomerFactory.php        |  19 +-
 database/factories/OrderFactory.php           |  31 +-
 database/factories/OrderProductFactory.php    |  23 ++
 database/factories/PackingSlipFactory.php     |  10 +-
 database/factories/ProductServiceFactory.php  |  25 ++
 database/factories/ProductSizeFactory.php     |  22 ++
 database/factories/ServiceFileFactory.php     |  25 ++
 database/factories/ShippingEntryFactory.php   |  17 +-
 database/factories/UserFactory.php            |   8 +-
 ...24_09_03_204957_create_customers_table.php |   3 +-
 ...024_09_04_203012_create_contacts_table.php |   3 +-
 ...9_05_215151_create_packing_slips_table.php |   5 +-
 ...6_213725_create_shipping_entries_table.php |   3 +-
 .../2024_09_09_194631_create_orders_table.php |  16 +-
 ..._10_224439_create_order_products_table.php |  26 ++
 ...0_224947_create_product_services_table.php |  28 ++
 ...9_10_225029_create_service_files_table.php |  30 ++
 ...9_10_230904_create_product_sizes_table.php |  25 ++
 database/seeders/CustomerSeeder.php           |  92 ++++++
 database/seeders/DatabaseSeeder.php           |  80 +----
 pint.json                                     |  12 +
 resources/sass/app.scss                       |  11 +
 resources/views/customers/index.blade.php     | 144 ---------
 resources/views/customers/show.blade.php      |  12 +-
 resources/views/dashboard.blade.php           |  59 ++++
 resources/views/home.blade.php                |  23 --
 resources/views/layouts/app.blade.php         |  60 +---
 resources/views/layouts/nav.blade.php         |  97 ++++++
 .../views/livewire/create-order.blade.php     |   3 +
 .../customer-and-contact-select.blade.php     |  44 +++
 .../livewire/order-products-create.blade.php  | 299 ++++++++++++++++++
 .../views/livewire/orders-table.blade.php     | 111 +++++++
 resources/views/management/index.blade.php    |  27 ++
 .../views/order-products/create.blade.php     |  39 +++
 resources/views/orders/create.blade.php       | 277 ++++++++++------
 resources/views/orders/index.blade.php        |  91 ++++++
 resources/views/orders/show.blade.php         |  71 +++++
 .../partials/customers/edit-modal.blade.php   | 110 -------
 .../{ => index}/create-modal.blade.php        |   0
 .../{ => index}/delete-all-modal.blade.php    |   0
 .../customers/show-overview.blade.php         |  76 -----
 .../contacts-tab.blade.php}                   |   8 +-
 .../customers/show/overview-tab.blade.php     |   6 +
 .../packing-slips-tab.blade.php}              |  10 +-
 .../shipping-info-tab.blade.php}              |   0
 .../management/index/customers.blade.php      |  76 +++++
 .../index/management-tabs.blade.php           |  43 +++
 .../management/index/packing-slips.blade.php  |   5 +
 .../management/index/service-files.blade.php  |   5 +
 .../vendor/pagination/bootstrap-4.blade.php   |  46 ---
 .../vendor/pagination/bootstrap-5.blade.php   |  88 ------
 .../views/vendor/pagination/default.blade.php |  46 ---
 .../vendor/pagination/semantic-ui.blade.php   |  36 ---
 .../pagination/simple-bootstrap-4.blade.php   |  27 --
 .../pagination/simple-bootstrap-5.blade.php   |  29 --
 .../pagination/simple-default.blade.php       |  19 --
 .../pagination/simple-tailwind.blade.php      |  25 --
 .../vendor/pagination/tailwind.blade.php      | 106 -------
 routes/web.php                                |  19 +-
 107 files changed, 2676 insertions(+), 1467 deletions(-)
 create mode 100644 app/Http/Controllers/DashboardController.php
 delete mode 100644 app/Http/Controllers/HomeController.php
 create mode 100644 app/Http/Controllers/ManagementController.php
 create mode 100644 app/Http/Controllers/OrderProductController.php
 create mode 100644 app/Http/Requests/OrderProductRequest.php
 create mode 100644 app/Http/Requests/ProductServiceRequest.php
 create mode 100644 app/Http/Requests/ProductSizeRequest.php
 create mode 100644 app/Http/Requests/ServiceFileRequest.php
 create mode 100644 app/Livewire/CreateOrder.php
 create mode 100644 app/Livewire/CustomerAndContactSelect.php
 create mode 100644 app/Livewire/OrderProductsCreate.php
 create mode 100644 app/Livewire/OrdersTable.php
 create mode 100644 app/Models/OrderProduct.php
 create mode 100644 app/Models/ProductService.php
 create mode 100644 app/Models/ProductSize.php
 create mode 100644 app/Models/ServiceFile.php
 create mode 100644 database/factories/OrderProductFactory.php
 create mode 100644 database/factories/ProductServiceFactory.php
 create mode 100644 database/factories/ProductSizeFactory.php
 create mode 100644 database/factories/ServiceFileFactory.php
 create mode 100644 database/migrations/2024_09_10_224439_create_order_products_table.php
 create mode 100644 database/migrations/2024_09_10_224947_create_product_services_table.php
 create mode 100644 database/migrations/2024_09_10_225029_create_service_files_table.php
 create mode 100644 database/migrations/2024_09_10_230904_create_product_sizes_table.php
 create mode 100644 database/seeders/CustomerSeeder.php
 create mode 100644 pint.json
 delete mode 100644 resources/views/customers/index.blade.php
 create mode 100644 resources/views/dashboard.blade.php
 delete mode 100644 resources/views/home.blade.php
 create mode 100644 resources/views/layouts/nav.blade.php
 create mode 100644 resources/views/livewire/create-order.blade.php
 create mode 100644 resources/views/livewire/customer-and-contact-select.blade.php
 create mode 100644 resources/views/livewire/order-products-create.blade.php
 create mode 100644 resources/views/livewire/orders-table.blade.php
 create mode 100644 resources/views/management/index.blade.php
 create mode 100644 resources/views/order-products/create.blade.php
 create mode 100644 resources/views/orders/index.blade.php
 create mode 100644 resources/views/orders/show.blade.php
 delete mode 100644 resources/views/partials/customers/edit-modal.blade.php
 rename resources/views/partials/customers/{ => index}/create-modal.blade.php (100%)
 rename resources/views/partials/customers/{ => index}/delete-all-modal.blade.php (100%)
 delete mode 100644 resources/views/partials/customers/show-overview.blade.php
 rename resources/views/partials/customers/{show-contacts.blade.php => show/contacts-tab.blade.php} (83%)
 create mode 100644 resources/views/partials/customers/show/overview-tab.blade.php
 rename resources/views/partials/customers/{show-packing-slips.blade.php => show/packing-slips-tab.blade.php} (86%)
 rename resources/views/partials/customers/{show-shipping-info.blade.php => show/shipping-info-tab.blade.php} (100%)
 create mode 100644 resources/views/partials/management/index/customers.blade.php
 create mode 100644 resources/views/partials/management/index/management-tabs.blade.php
 create mode 100644 resources/views/partials/management/index/packing-slips.blade.php
 create mode 100644 resources/views/partials/management/index/service-files.blade.php
 delete mode 100644 resources/views/vendor/pagination/bootstrap-4.blade.php
 delete mode 100644 resources/views/vendor/pagination/bootstrap-5.blade.php
 delete mode 100644 resources/views/vendor/pagination/default.blade.php
 delete mode 100644 resources/views/vendor/pagination/semantic-ui.blade.php
 delete mode 100644 resources/views/vendor/pagination/simple-bootstrap-4.blade.php
 delete mode 100644 resources/views/vendor/pagination/simple-bootstrap-5.blade.php
 delete mode 100644 resources/views/vendor/pagination/simple-default.blade.php
 delete mode 100644 resources/views/vendor/pagination/simple-tailwind.blade.php
 delete mode 100644 resources/views/vendor/pagination/tailwind.blade.php

diff --git a/app/Enums/OrderStatus.php b/app/Enums/OrderStatus.php
index 77ae5cd..e1b766a 100644
--- a/app/Enums/OrderStatus.php
+++ b/app/Enums/OrderStatus.php
@@ -4,9 +4,8 @@ namespace App\Enums;
 
 enum OrderStatus: string
 {
-    case ORDER = 'Order';
-    case APPROVED = 'Approved';
+    case APPROVED   = 'Approved';
     case PRODUCTION = 'Production';
-    case COMPLETED = 'Completed';
-    case CANCELLED = 'Cancelled';
+    case SHIPPED    = 'Shipped';
+    case INVOICED   = 'Invoiced';
 }
diff --git a/app/Enums/OrderType.php b/app/Enums/OrderType.php
index 014d883..4db7a40 100644
--- a/app/Enums/OrderType.php
+++ b/app/Enums/OrderType.php
@@ -5,8 +5,8 @@ namespace App\Enums;
 enum OrderType: string
 {
     case EMBROIDERY = 'Embroidery';
-    case SCREEN = 'Screen printing';
-    case DTG = 'Direct-to-garment';
-    case VINYL = 'Vinyl';
-    case MISC = 'Misc';
+    case SCREEN     = 'Screen printing';
+    case DTG        = 'Direct-to-garment';
+    case VINYL      = 'Vinyl';
+    case MISC       = 'Misc';
 }
diff --git a/app/Enums/ShippingType.php b/app/Enums/ShippingType.php
index 8b7a155..b7ddfdc 100644
--- a/app/Enums/ShippingType.php
+++ b/app/Enums/ShippingType.php
@@ -5,6 +5,6 @@ namespace App\Enums;
 enum ShippingType: string
 {
     case THEY_SHIP = 'They ship';
-    case WE_SHIP = 'We ship';
-    case PICKUP = 'Pickup';
+    case WE_SHIP   = 'We ship';
+    case PICKUP    = 'Pickup';
 }
diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php
index 961ea36..66812f7 100644
--- a/app/Http/Controllers/Auth/RegisterController.php
+++ b/app/Http/Controllers/Auth/RegisterController.php
@@ -43,14 +43,13 @@ class RegisterController extends Controller
     /**
      * Get a validator for an incoming registration request.
      *
-     * @param  array  $data
      * @return \Illuminate\Contracts\Validation\Validator
      */
     protected function validator(array $data)
     {
         return Validator::make($data, [
-            'name' => ['required', 'string', 'max:255'],
-            'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
+            'name'     => ['required', 'string', 'max:255'],
+            'email'    => ['required', 'string', 'email', 'max:255', 'unique:users'],
             'password' => ['required', 'string', 'min:8', 'confirmed'],
         ]);
     }
@@ -58,14 +57,13 @@ class RegisterController extends Controller
     /**
      * Create a new user instance after a valid registration.
      *
-     * @param  array  $data
      * @return \App\Models\User
      */
     protected function create(array $data)
     {
         return User::create([
-            'name' => $data['name'],
-            'email' => $data['email'],
+            'name'     => $data['name'],
+            'email'    => $data['email'],
             'password' => Hash::make($data['password']),
         ]);
     }
diff --git a/app/Http/Controllers/ContactController.php b/app/Http/Controllers/ContactController.php
index 4172381..dbafc47 100644
--- a/app/Http/Controllers/ContactController.php
+++ b/app/Http/Controllers/ContactController.php
@@ -9,15 +9,12 @@ use Illuminate\Http\Request;
 
 class ContactController extends Controller
 {
-    public function index()
-    {
-
-    }
+    public function index() {}
 
     public function create(Request $request)
     {
         return view('contacts.create', [
-            'customers' => Customer::all(),
+            'customers'    => Customer::all(),
             'fromCustomer' => $request->get('customer'),
         ]);
     }
@@ -29,17 +26,11 @@ class ContactController extends Controller
         return redirect()->route('customers.show', [$contact->customer, 'contacts'])->with('status', 'Contact created successfully');
     }
 
-    public function show($id)
-    {
-    }
+    public function show($id) {}
 
-    public function edit($id)
-    {
-    }
+    public function edit($id) {}
 
-    public function update(Request $request, $id)
-    {
-    }
+    public function update(Request $request, $id) {}
 
     public function requestDestroy(Request $request)
     {
@@ -49,11 +40,5 @@ class ContactController extends Controller
         return redirect()->route('customers.show', [$contact->customer->id, 'contacts'])->with('status', 'Contact deleted successfully');
     }
 
-    public function destroy($id)
-    {
-//        $contact = Contact::findOrFail($id);
-//        $contact->delete();
-//
-//        return redirect()->route('customers.show', $contact->customer()->iud)->with('status', 'Contact deleted successfully');
-    }
+    public function destroy($id) {}
 }
diff --git a/app/Http/Controllers/CustomerController.php b/app/Http/Controllers/CustomerController.php
index 0bc5ee0..13ebe99 100644
--- a/app/Http/Controllers/CustomerController.php
+++ b/app/Http/Controllers/CustomerController.php
@@ -5,25 +5,18 @@ namespace App\Http\Controllers;
 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)
-    {
-        return view('customers.index', [
-            'customers' => Customer::all(),
-            'tab' => $request->tab,
-        ]);
-    }
+    public function index() {}
 
     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()
@@ -31,28 +24,19 @@ class CustomerController extends Controller
         return view('customers.create');
     }
 
-    public function show(Customer $customer, string $tab = null)
+    public function show(Customer $customer, ?string $tab = null)
     {
-        if (!$tab) {
+        if (! $tab) {
             return redirect()->route('customers.show', [$customer, 'tab' => 'details']);
         }
 
-        $orders = $customer->orders();
-        $priorities = '"production", "approved", "order"';
-
         return view('customers.show', [
-            'tab' => $tab,
-            'customer' => $customer,
-            'active_orders' => $orders
-                ->where('status', '!=', 'cancelled')
-                ->where('status', '!=', 'completed')
-                ->orderBy('rush', 'desc')
-                ->orderBy('due_date', 'desc')
-                ->paginate(10),
-            'contacts' => $customer->contacts()->get(),
-            'packingSlips' => PackingSlip::where('customer_id', $customer->id)->orderByDesc('date_received')->paginate(15),
+            'tab'             => $tab,
+            'customer'        => $customer,
+            'contacts'        => $customer->contacts()->get(),
+            'packingSlips'    => PackingSlip::where('customer_id', $customer->id)->orderByDesc('date_received')->paginate(15),
             'shippingEntries' => $customer->shippingEntries()->get(),
-            'today' => Carbon::today()->format('Y-m-d'),
+            'today'           => Carbon::today()->format('Y-m-d'),
         ]);
     }
 
@@ -68,13 +52,13 @@ class CustomerController extends Controller
         $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..14b83d5
--- /dev/null
+++ b/app/Http/Controllers/DashboardController.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers;
+
+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'),
+        ]);
+    }
+}
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..1fa53eb
--- /dev/null
+++ b/app/Http/Controllers/ManagementController.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Customer;
+
+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..2aebeba 100644
--- a/app/Http/Controllers/OrderController.php
+++ b/app/Http/Controllers/OrderController.php
@@ -4,45 +4,116 @@ namespace App\Http\Controllers;
 
 use App\Enums\OrderStatus;
 use App\Enums\OrderType;
+use App\Http\Requests\OrderRequest;
 use App\Models\Customer;
+use App\Models\Order;
+use App\Models\OrderProduct;
+use App\Models\ProductService;
+use App\Models\ProductSize;
+use App\Models\ServiceFile;
 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' => 'all']);
+        }
 
+        return view('orders.index', [
+            'tab' => $request->get('tab'),
+        ]);
     }
 
     public function create()
     {
         return view('orders.create', [
-            'order_types' => OrderType::cases(),
+            'order_types'  => OrderType::cases(),
             'order_status' => OrderStatus::cases(),
-            'customers' => Customer::all(),
-            'today' => Carbon::today()->format('Y-m-d'),
-            'due_default' => Carbon::today()->addDay(10)->format('Y-m-d')
+            'customers'    => Customer::all(),
+            'today'        => Carbon::today()->format('Y-m-d'),
+            'due_default'  => Carbon::today()->addDay(10)->format('Y-m-d'),
         ]);
     }
 
-    public function store(Request $request)
+    public function store(OrderRequest $request)
     {
+        // Create order
+        $order = Order::create($request->safe()->only([
+            'customer_id',
+            'contact_id',
+            'order_type',
+            'status',
+            'customer_po',
+            'order_date',
+            'due_date',
+            'rush',
+            'new_art',
+            'digitizing',
+            'repeat',
+            'purchased_garments',
+            'customer_supplied_file',
+            'notes',
+        ]));
+
+        // Create orderProducts
+        for ($i = 0; $i < count($request->get('productInputCount')) - 1; $i++) {
+
+            $orderProduct = OrderProduct::create([
+                'order_id'     => $order->id,
+                'sku'          => $request->get('sku')[$i],
+                'product_name' => $request->get('product_name')[$i],
+                'color'        => $request->get('product_color')[$i],
+            ]);
+
+            // Create productSizes
+            foreach (['xs', 's', 'm', 'l', 'xl', '2xl', '3xl', 'osfa'] as $size) {
+                ProductSize::create([
+                    'order_product_id' => $orderProduct->id,
+                    'amount'           => $request->get('size_'.$size)[$i],
+                    'size'             => $size,
+                ]);
+            }
+        }
+
+        // Create productServices
+        for ($i = 0; $i < count($request->get('serviceInputCount')) - 1; $i++) {
+            $productService = ProductService::create([
+                'order_id'     => $order->id,
+                'service_type' => $request->get('service_type')[$i],
+                'placement'    => $request->get('placement')[$i],
+                'setup_amount' => $request->get('setup_amount')[$i],
+                'amount'       => $request->get('amount')[$i],
+                'amount_price' => $request->get('amount_price')[$i],
+            ]);
+
+            ServiceFile::create([
+                'product_service_id' => $productService,
+                'code'               => $request->get('service_file_name')[$i],
+                'name'               => $request->get('logo_name')[$i],
+                'width'              => $request->get('service_width')[$i],
+                'height'             => $request->get('service_height')[$i],
+                'unit'               => $request->get('service_setup_unit')[$i],
+                'setup_number'       => $request->get('setup_number')[$i],
+            ]);
+        }
+
+        return redirect()->route('order-products.create', ['order' => $order->id]);
     }
 
     public function show($id)
     {
+        return view('orders.show', [
+            'order' => Order::find($id),
+            'tab'   => 'details',
+        ]);
     }
 
-    public function edit($id)
-    {
-    }
+    public function edit($id) {}
 
-    public function update(Request $request, $id)
-    {
-    }
+    public function update(Request $request, $id) {}
 
-    public function destroy($id)
-    {
-    }
+    public function destroy($id) {}
 }
diff --git a/app/Http/Controllers/OrderProductController.php b/app/Http/Controllers/OrderProductController.php
new file mode 100644
index 0000000..e283cb6
--- /dev/null
+++ b/app/Http/Controllers/OrderProductController.php
@@ -0,0 +1,25 @@
+<?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/Controllers/PackingSlipController.php b/app/Http/Controllers/PackingSlipController.php
index eed83c9..9fa5c4e 100644
--- a/app/Http/Controllers/PackingSlipController.php
+++ b/app/Http/Controllers/PackingSlipController.php
@@ -9,43 +9,29 @@ use Illuminate\Http\Request;
 
 class PackingSlipController extends Controller
 {
-    public function index()
-    {
+    public function index() {}
 
-    }
-
-    public function create()
-    {
-    }
+    public function create() {}
 
     public function store(PackingSlipRequest $request)
     {
         PackingSlip::create($request->validated());
 
-        if ($request->get('from_customer'))
-        {
+        if ($request->get('from_customer')) {
             return redirect()->route('customers.show', [
                 Customer::find($request->get('customer_id')),
-                'tab' => 'packing'
+                'tab' => 'packing',
             ]);
         }
 
         return redirect()->back(); //todo: change to packing slips page
     }
 
-    public function show($id)
-    {
-    }
+    public function show($id) {}
 
-    public function edit($id)
-    {
-    }
+    public function edit($id) {}
 
-    public function update(Request $request, $id)
-    {
-    }
+    public function update(Request $request, $id) {}
 
-    public function destroy($id)
-    {
-    }
+    public function destroy($id) {}
 }
diff --git a/app/Http/Controllers/ShippingEntryController.php b/app/Http/Controllers/ShippingEntryController.php
index ad8797b..9b638dc 100644
--- a/app/Http/Controllers/ShippingEntryController.php
+++ b/app/Http/Controllers/ShippingEntryController.php
@@ -8,14 +8,9 @@ use Illuminate\Http\Request;
 
 class ShippingEntryController extends Controller
 {
-    public function index()
-    {
+    public function index() {}
 
-    }
-
-    public function create()
-    {
-    }
+    public function create() {}
 
     public function store(ShippingEntryRequest $request)
     {
@@ -24,19 +19,11 @@ class ShippingEntryController extends Controller
         return redirect()->route('customers.show', [$entry->customer, 'tab' => 'shipping']);
     }
 
-    public function show($id)
-    {
-    }
+    public function show($id) {}
 
-    public function edit($id)
-    {
-    }
+    public function edit($id) {}
 
-    public function update(Request $request, $id)
-    {
-    }
+    public function update(Request $request, $id) {}
 
-    public function destroy($id)
-    {
-    }
+    public function destroy($id) {}
 }
diff --git a/app/Http/Requests/ContactRequest.php b/app/Http/Requests/ContactRequest.php
index ca8daf3..c27da6f 100644
--- a/app/Http/Requests/ContactRequest.php
+++ b/app/Http/Requests/ContactRequest.php
@@ -12,11 +12,11 @@ class ContactRequest extends FormRequest
 
         return [
             'customer_id' => 'required|exists:customers,id',
-            'first_name' => 'string',
-            'last_name' => 'string',
-            'email' => 'string',
-            'phone' => 'string',
-            'notes' => 'string'
+            'first_name'  => 'string',
+            'last_name'   => 'string',
+            'email'       => 'string',
+            'phone'       => 'string',
+            'notes'       => 'string',
         ];
     }
 
diff --git a/app/Http/Requests/CustomerRequest.php b/app/Http/Requests/CustomerRequest.php
index d433a8c..fbf4a9f 100644
--- a/app/Http/Requests/CustomerRequest.php
+++ b/app/Http/Requests/CustomerRequest.php
@@ -9,11 +9,11 @@ class CustomerRequest extends FormRequest
     public function rules()
     {
         return [
-            'company_name' => 'required',
-            'internal_name' => 'required',
+            'company_name'     => 'required',
+            'internal_name'    => 'required',
             'shipping_address' => 'required',
-            'billing_address' => 'required',
-            'phone' => 'required',
+            'billing_address'  => 'required',
+            'phone'            => 'required',
         ];
     }
 
diff --git a/app/Http/Requests/OrderProductRequest.php b/app/Http/Requests/OrderProductRequest.php
new file mode 100644
index 0000000..6bd0f32
--- /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..01ce8d3 100644
--- a/app/Http/Requests/OrderRequest.php
+++ b/app/Http/Requests/OrderRequest.php
@@ -9,19 +9,20 @@ class OrderRequest extends FormRequest
     public function rules(): array
     {
         return [
-            'customer_id' => ['required', 'exists:customers'],
-            'internal_po' => ['required'],
-            'customer_po' => ['required'],
-            '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'],
+            'customer_id'            => ['required', 'exists:customers,id'],
+            'contact_id'             => ['nullable', 'exists:contacts,id'],
+            'customer_po'            => ['required', 'string'],
+            'order_type'             => ['required', 'string'],
+            'order_date'             => ['required', 'date'],
+            'due_date'               => ['required', 'date'],
+            'status'                 => ['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/PackingSlipRequest.php b/app/Http/Requests/PackingSlipRequest.php
index 043b92c..b2a1669 100644
--- a/app/Http/Requests/PackingSlipRequest.php
+++ b/app/Http/Requests/PackingSlipRequest.php
@@ -10,11 +10,11 @@ class PackingSlipRequest extends FormRequest
     {
         return [
             'date_received' => 'required|date',
-            'customer_id' => 'required|exists:customers,id',
-            'order_id' => 'string|nullable',
-            'amount' => 'required|string',
-            'contents' => 'required|string',
-            'from_customer' => 'required|bool'
+            'customer_id'   => 'required|exists:customers,id',
+            'order_id'      => 'string|nullable',
+            'amount'        => 'required|string',
+            'contents'      => 'required|string',
+            'from_customer' => 'required|bool',
         ];
     }
 
diff --git a/app/Http/Requests/ProductServiceRequest.php b/app/Http/Requests/ProductServiceRequest.php
new file mode 100644
index 0000000..6b0f49f
--- /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..6c5894a
--- /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..3e73e6a
--- /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/Http/Requests/ShippingEntryRequest.php b/app/Http/Requests/ShippingEntryRequest.php
index 73f81f8..d665dba 100644
--- a/app/Http/Requests/ShippingEntryRequest.php
+++ b/app/Http/Requests/ShippingEntryRequest.php
@@ -9,16 +9,16 @@ class ShippingEntryRequest extends FormRequest
     public function rules(): array
     {
         return [
-            'shipping_type' => ['required'],
-            'customer_id' => ['required', 'exists:customers,id'],
-            'courier' => ['nullable'],
-            'contact' => ['nullable'],
-            'account_title' => ['nullable'],
+            'shipping_type'    => ['required'],
+            'customer_id'      => ['required', 'exists:customers,id'],
+            'courier'          => ['nullable'],
+            'contact'          => ['nullable'],
+            'account_title'    => ['nullable'],
             'account_username' => ['nullable'],
             'account_password' => ['nullable'],
-            'info_needed' => ['nullable'],
-            'notify' => ['nullable'],
-            'notes' => ['nullable'],
+            'info_needed'      => ['nullable'],
+            'notify'           => ['nullable'],
+            'notes'            => ['nullable'],
         ];
     }
 
diff --git a/app/Livewire/CreateOrder.php b/app/Livewire/CreateOrder.php
new file mode 100644
index 0000000..7d26fa7
--- /dev/null
+++ b/app/Livewire/CreateOrder.php
@@ -0,0 +1,42 @@
+<?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..3367f0d
--- /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/Livewire/OrderProductsCreate.php b/app/Livewire/OrderProductsCreate.php
new file mode 100644
index 0000000..89867a6
--- /dev/null
+++ b/app/Livewire/OrderProductsCreate.php
@@ -0,0 +1,158 @@
+<?php
+
+namespace App\Livewire;
+
+use Exception;
+use Illuminate\Support\Collection;
+use Livewire\Component;
+
+class OrderProductsCreate extends Component
+{
+    public Collection $productInputs;
+
+    public Collection $serviceInputs;
+
+    public array $sizes = [];
+
+    public array $totals = [];
+
+    public array $units = [];
+
+    public array $prices = [];
+
+    public array $priceTotals = [];
+
+    public int $totalQuantity = 0;
+
+    public string $totalPrice = '$0.00';
+
+    public function updated()
+    {
+        try {
+            foreach ($this->sizes as $index => $size) {
+                $this->totals[$index] = array_sum($size);
+            }
+        } catch (Exception $e) {
+        }
+
+        try {
+            foreach ($this->units as $index => $unit) {
+                $this->priceTotals[$index] = $unit * $this->prices[$index];
+            }
+        } catch (Exception $e) {
+        }
+
+        $this->totalQuantity = array_sum($this->totals);
+
+        $this->totalPrice = '$'.number_format(round(array_sum($this->priceTotals), 2), 2);
+
+    }
+
+    public function addProductInput()
+    {
+        $index = $this->productInputs->count();
+        $this->productInputs->push([
+            $index => [
+                'sku'           => '',
+                'product_name'  => '',
+                'product_color' => '',
+                'size_xs'       => '',
+                'size_s'        => '',
+                'size_m'        => '',
+                'size_l'        => '',
+                'size_xl'       => '',
+                'size_2xl'      => '',
+                'size_3xl'      => '',
+                'size_osfa'     => '',
+                'product_total' => '',
+            ],
+        ]);
+    }
+
+    public function determineAddProductRow($index)
+    {
+        if ($index == $this->productInputs->count() - 1) {
+            $this->addProductInput();
+        }
+    }
+
+    public function determineAddServiceProductRow($index)
+    {
+        if ($index == $this->serviceInputs->count() - 1) {
+            $this->addServiceInput();
+        }
+    }
+
+    public function removeProductInput($key)
+    {
+        if ($this->productInputs->count() > 1) {
+            $this->productInputs->pull($key);
+        }
+    }
+
+    public function addServiceInput()
+    {
+        $this->serviceInputs->push([
+            $this->serviceInputs->count() => [
+                'service_name'        => '',
+                'product_name'        => '',
+                'product_color'       => '',
+                'logo_name'           => '',
+                'setup_number'        => '',
+                'service_width'       => '',
+                'service_height'      => '',
+                'service_setup_unit'  => '',
+                'service_setup_price' => '',
+                'service_total'       => '',
+            ],
+        ]);
+    }
+
+    public function removeServiceInput($key)
+    {
+        if ($this->serviceInputs->count() > 1) {
+            $this->serviceInputs->pull($key);
+        }
+    }
+
+    public function mount()
+    {
+        $this->fill([
+            'productInputs' => collect([
+                [
+                    'sku'           => '',
+                    'product_name'  => '',
+                    'product_color' => '',
+                    'size_xs'       => '',
+                    'size_s'        => '',
+                    'size_m'        => '',
+                    'size_l'        => '',
+                    'size_xl'       => '',
+                    'size_2xl'      => '',
+                    'size_3xl'      => '',
+                    'size_osfa'     => '',
+                    'product_total' => '0',
+                ],
+            ]),
+            'serviceInputs' => collect([
+                [
+                    'sku'                 => '',
+                    'product_name'        => '',
+                    'product_color'       => '',
+                    'logo_name'           => '',
+                    'setup_number'        => '',
+                    'service_width'       => '',
+                    'service_height'      => '',
+                    'service_setup_unit'  => '',
+                    'service_setup_price' => '',
+                    'service_total'       => '',
+                ],
+            ]),
+        ]);
+    }
+
+    public function render()
+    {
+        return view('livewire.order-products-create');
+    }
+}
diff --git a/app/Livewire/OrdersTable.php b/app/Livewire/OrdersTable.php
new file mode 100644
index 0000000..897ca36
--- /dev/null
+++ b/app/Livewire/OrdersTable.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\Order;
+use Illuminate\Support\Carbon;
+use Livewire\Component;
+use Livewire\WithPagination;
+
+class OrdersTable extends Component
+{
+    use WithPagination;
+
+    protected $paginationTheme = 'bootstrap';
+
+    public bool $showCustomerColumn;
+
+    public string $orderType = 'active';
+
+    public string $search = '';
+
+    public string $title = '';
+
+    public string $customer_id = '';
+
+    public Carbon $today;
+
+    public function mount(bool $showCustomerColumn, string $orderType, string $title, ?string $customer_id = null)
+    {
+        $this->today              = Carbon::today();
+        $this->showCustomerColumn = $showCustomerColumn;
+        $this->orderType          = $orderType;
+        $this->title              = $title;
+        $this->customer_id        = $customer_id ?? '';
+    }
+
+    public function render()
+    {
+        return view('livewire.orders-table', [
+            'orders' => Order::with('customer')
+                ->when($this->customer_id != null, fn ($q) => $q->where('customer_id', $this->customer_id))
+                ->when($this->orderType === 'active', fn ($q) => $q->active())
+                ->when($this->orderType === 'invoiced', fn ($q) => $q->invoiced())
+                ->when($this->orderType === 'finished', fn ($q) => $q->finished())
+                ->when($this->search !== '', function ($query) {
+                    $query->whereHas('customer', function ($query) {
+                        $query->where('company_name', 'like', '%'.$this->search.'%');
+                    })->orWhere('customer_po', 'like', '%'.$this->search.'%')
+                        ->orWhere('internal_po', 'like', '%'.$this->search.'%')
+                        ->orWhere('order_date', 'like', '%'.$this->search.'%')
+                        ->orWhere('due_date', 'like', '%'.$this->search.'%')
+                        ->orWhere('status', 'like', '%'.$this->search.'%');
+                })
+                ->orderByDesc('rush')
+                ->orderBy('due_date')
+                ->paginate(15)
+                ->withQueryString(),
+            'today' => $this->today,
+        ]);
+    }
+}
diff --git a/app/Models/Contact.php b/app/Models/Contact.php
index 2ae4319..cc17114 100644
--- a/app/Models/Contact.php
+++ b/app/Models/Contact.php
@@ -9,7 +9,7 @@ use Illuminate\Database\Eloquent\SoftDeletes;
 
 class Contact extends Model
 {
-    use SoftDeletes, HasFactory;
+    use HasFactory, SoftDeletes;
 
     protected $fillable = [
         'customer_id',
@@ -20,8 +20,13 @@ 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);
+        return $this->belongsTo(Customer::class);
     }
 }
diff --git a/app/Models/Customer.php b/app/Models/Customer.php
index 9d8b741..8b256eb 100644
--- a/app/Models/Customer.php
+++ b/app/Models/Customer.php
@@ -9,7 +9,7 @@ use Illuminate\Database\Eloquent\SoftDeletes;
 
 class Customer extends Model
 {
-    use SoftDeletes, HasFactory;
+    use HasFactory, SoftDeletes;
 
     protected $fillable = [
         'company_name',
diff --git a/app/Models/Order.php b/app/Models/Order.php
index cb8ec44..6de9166 100644
--- a/app/Models/Order.php
+++ b/app/Models/Order.php
@@ -7,19 +7,22 @@ use DateTimeInterface;
 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
 {
-    use SoftDeletes, HasFactory;
+    use HasFactory, SoftDeletes;
 
     protected $fillable = [
         'customer_id',
+        'contact_id',
         'internal_po',
         'customer_po',
         'order_date',
-        'due_date',
+        'order_type',
         'status',
+        'due_date',
         'rush',
         'new_art',
         'digitizing',
@@ -30,16 +33,57 @@ class Order extends Model
     ];
 
     protected $appends = [
-        'active_status'
+        'active',
     ];
 
-    public function getActiveStatus(): bool
+    public static function boot()
+    {
+        parent::boot();
+
+        static::created(function ($model) {
+            $model->attributes['internal_po'] = $model->generateInternalPo($model->id);
+            $model->save();
+        });
+    }
+
+    public function generateInternalPo($id): string
+    {
+        $po   = str_pad($id, 4, '0', STR_PAD_LEFT);
+        $year = date('y');
+
+        return 'TN'.$year.'-'.$po;
+    }
+
+    public function active(): bool
     {
-        if ($this->status === OrderStatus::COMPLETED || $this->status === OrderStatus::CANCELLED) {
-            return false;
+        if ($this->status == OrderStatus::APPROVED
+            || $this->status == OrderStatus::PRODUCTION) {
+            return true;
         }
 
-        return true;
+        return false;
+    }
+
+    public function scopeActive($query)
+    {
+        return $query->where('status', 'approved')
+            ->orWhere('status', 'production');
+    }
+
+    public function scopeFinished($query)
+    {
+        return $query->where('status', 'shipped')
+            ->orWhere('status', 'completed');
+    }
+
+    public function scopeInvoiced($query)
+    {
+        return $query->where('status', 'invoiced');
+    }
+
+    public function scopeRush($query)
+    {
+        return $query->where('rush', true);
     }
 
     public function customer(): BelongsTo
@@ -47,12 +91,22 @@ class Order extends Model
         return $this->belongsTo(Customer::class);
     }
 
+    public function orderProducts(): HasMany
+    {
+        return $this->hasMany(OrderProduct::class);
+    }
+
+    public function productServices(): HasMany
+    {
+        return $this->hasMany(ProductService::class);
+    }
+
     protected function serializeDate(DateTimeInterface $date): string
     {
         return $date->format('Y-m-d');
     }
 
     protected $casts = [
-        'status' => OrderStatus::class
+        'status' => OrderStatus::class,
     ];
 }
diff --git a/app/Models/OrderProduct.php b/app/Models/OrderProduct.php
new file mode 100644
index 0000000..76e7b12
--- /dev/null
+++ b/app/Models/OrderProduct.php
@@ -0,0 +1,37 @@
+<?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 HasFactory, SoftDeletes;
+
+    protected $fillable = [
+        'order_id',
+        'sku',
+        'product_name',
+        'color',
+    ];
+
+    public function order(): BelongsTo
+    {
+        return $this->belongsTo(Order::class);
+    }
+
+    public function serviceFile(): HasOne
+    {
+        return $this->hasOne(ServiceFile::class);
+    }
+
+    public function productSize(): HasMany
+    {
+        return $this->hasMany(ProductSize::class);
+    }
+}
diff --git a/app/Models/PackingSlip.php b/app/Models/PackingSlip.php
index e900bdb..57c63d8 100644
--- a/app/Models/PackingSlip.php
+++ b/app/Models/PackingSlip.php
@@ -9,7 +9,7 @@ use Illuminate\Database\Eloquent\SoftDeletes;
 
 class PackingSlip extends Model
 {
-    use SoftDeletes, HasFactory;
+    use HasFactory, SoftDeletes;
 
     protected $fillable = [
         'order_id',
@@ -19,7 +19,8 @@ class PackingSlip extends Model
         'contents',
     ];
 
-    public function customer(): BelongsTo {
+    public function customer(): BelongsTo
+    {
         return $this->belongsTo(Customer::class);
     }
 }
diff --git a/app/Models/ProductService.php b/app/Models/ProductService.php
new file mode 100644
index 0000000..f4929b8
--- /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 HasFactory, SoftDeletes;
+
+    protected $fillable = [
+        'order_id',
+        'service_type',
+        'placement',
+        'setup_amount',
+        'amount',
+        'amount_price',
+    ];
+
+    public function order(): BelongsTo
+    {
+        return $this->belongsTo(Order::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..573dc09
--- /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 HasFactory, SoftDeletes;
+
+    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..0f08cd1
--- /dev/null
+++ b/app/Models/ServiceFile.php
@@ -0,0 +1,28 @@
+<?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 HasFactory, SoftDeletes;
+
+    protected $fillable = [
+        'code',
+        'product_service_id',
+        'name',
+        'width',
+        'height',
+        'unit',
+        'setup_number',
+    ];
+
+    public function productService(): BelongsTo
+    {
+        return $this->belongsTo(ProductService::class);
+    }
+}
diff --git a/app/Models/ShippingEntry.php b/app/Models/ShippingEntry.php
index cfaade5..b2b9a15 100644
--- a/app/Models/ShippingEntry.php
+++ b/app/Models/ShippingEntry.php
@@ -10,10 +10,10 @@ use Illuminate\Database\Eloquent\SoftDeletes;
 
 class ShippingEntry extends Model
 {
-    use SoftDeletes, HasFactory;
+    use HasFactory, SoftDeletes;
 
     protected $casts = [
-        'shipping_type' => ShippingType::class
+        'shipping_type' => ShippingType::class,
     ];
 
     protected $fillable = [
diff --git a/app/Models/User.php b/app/Models/User.php
index def621f..7843cf3 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -41,7 +41,7 @@ class User extends Authenticatable
     {
         return [
             'email_verified_at' => 'datetime',
-            'password' => 'hashed',
+            'password'          => 'hashed',
         ];
     }
 }
diff --git a/composer.json b/composer.json
index 7f6cb1b..aa935b1 100644
--- a/composer.json
+++ b/composer.json
@@ -8,11 +8,12 @@
         "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",
-        "laravel/pint": "^1.13",
+        "laravel/pint": "^1.17",
         "laravel/sail": "^1.26",
         "laravel/ui": "^4.5",
         "mockery/mockery": "^1.6",
diff --git a/composer.lock b/composer.lock
index da623a1..ac99d9e 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": "ffc721fe90178089f9fb639d3d24a0b4",
     "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",
@@ -6009,16 +6085,16 @@
         },
         {
             "name": "laravel/pint",
-            "version": "v1.17.2",
+            "version": "v1.17.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/pint.git",
-                "reference": "e8a88130a25e3f9d4d5785e6a1afca98268ab110"
+                "reference": "9d77be916e145864f10788bb94531d03e1f7b482"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/pint/zipball/e8a88130a25e3f9d4d5785e6a1afca98268ab110",
-                "reference": "e8a88130a25e3f9d4d5785e6a1afca98268ab110",
+                "url": "https://api.github.com/repos/laravel/pint/zipball/9d77be916e145864f10788bb94531d03e1f7b482",
+                "reference": "9d77be916e145864f10788bb94531d03e1f7b482",
                 "shasum": ""
             },
             "require": {
@@ -6029,13 +6105,13 @@
                 "php": "^8.1.0"
             },
             "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3.61.1",
-                "illuminate/view": "^10.48.18",
+                "friendsofphp/php-cs-fixer": "^3.64.0",
+                "illuminate/view": "^10.48.20",
                 "larastan/larastan": "^2.9.8",
                 "laravel-zero/framework": "^10.4.0",
                 "mockery/mockery": "^1.6.12",
                 "nunomaduro/termwind": "^1.15.1",
-                "pestphp/pest": "^2.35.0"
+                "pestphp/pest": "^2.35.1"
             },
             "bin": [
                 "builds/pint"
@@ -6071,7 +6147,7 @@
                 "issues": "https://github.com/laravel/pint/issues",
                 "source": "https://github.com/laravel/pint"
             },
-            "time": "2024-08-06T15:11:54+00:00"
+            "time": "2024-09-03T15:00:28+00:00"
         },
         {
             "name": "laravel/sail",
diff --git a/config/app.php b/config/app.php
index adb441d..7d7c724 100644
--- a/config/app.php
+++ b/config/app.php
@@ -120,7 +120,7 @@ return [
 
     'maintenance' => [
         'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
-        'store' => env('APP_MAINTENANCE_STORE', 'database'),
+        'store'  => env('APP_MAINTENANCE_STORE', 'database'),
     ],
 
 ];
diff --git a/config/auth.php b/config/auth.php
index 0ba5d5d..0e3454b 100644
--- a/config/auth.php
+++ b/config/auth.php
@@ -14,7 +14,7 @@ return [
     */
 
     'defaults' => [
-        'guard' => env('AUTH_GUARD', 'web'),
+        'guard'     => env('AUTH_GUARD', 'web'),
         'passwords' => env('AUTH_PASSWORD_BROKER', 'users'),
     ],
 
@@ -37,7 +37,7 @@ return [
 
     'guards' => [
         'web' => [
-            'driver' => 'session',
+            'driver'   => 'session',
             'provider' => 'users',
         ],
     ],
@@ -62,7 +62,7 @@ return [
     'providers' => [
         'users' => [
             'driver' => 'eloquent',
-            'model' => env('AUTH_MODEL', App\Models\User::class),
+            'model'  => env('AUTH_MODEL', App\Models\User::class),
         ],
 
         // 'users' => [
@@ -93,8 +93,8 @@ return [
     'passwords' => [
         'users' => [
             'provider' => 'users',
-            'table' => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
-            'expire' => 60,
+            'table'    => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
+            'expire'   => 60,
             'throttle' => 60,
         ],
     ],
diff --git a/config/cache.php b/config/cache.php
index 925f7d2..068175b 100644
--- a/config/cache.php
+++ b/config/cache.php
@@ -34,28 +34,28 @@ return [
     'stores' => [
 
         'array' => [
-            'driver' => 'array',
+            'driver'    => 'array',
             'serialize' => false,
         ],
 
         'database' => [
-            'driver' => 'database',
-            'connection' => env('DB_CACHE_CONNECTION'),
-            'table' => env('DB_CACHE_TABLE', 'cache'),
+            'driver'          => 'database',
+            'connection'      => env('DB_CACHE_CONNECTION'),
+            'table'           => env('DB_CACHE_TABLE', 'cache'),
             'lock_connection' => env('DB_CACHE_LOCK_CONNECTION'),
-            'lock_table' => env('DB_CACHE_LOCK_TABLE'),
+            'lock_table'      => env('DB_CACHE_LOCK_TABLE'),
         ],
 
         'file' => [
-            'driver' => 'file',
-            'path' => storage_path('framework/cache/data'),
+            'driver'    => 'file',
+            'path'      => storage_path('framework/cache/data'),
             'lock_path' => storage_path('framework/cache/data'),
         ],
 
         'memcached' => [
-            'driver' => 'memcached',
+            'driver'        => 'memcached',
             'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
-            'sasl' => [
+            'sasl'          => [
                 env('MEMCACHED_USERNAME'),
                 env('MEMCACHED_PASSWORD'),
             ],
@@ -64,25 +64,25 @@ return [
             ],
             'servers' => [
                 [
-                    'host' => env('MEMCACHED_HOST', '127.0.0.1'),
-                    'port' => env('MEMCACHED_PORT', 11211),
+                    'host'   => env('MEMCACHED_HOST', '127.0.0.1'),
+                    'port'   => env('MEMCACHED_PORT', 11211),
                     'weight' => 100,
                 ],
             ],
         ],
 
         'redis' => [
-            'driver' => 'redis',
-            'connection' => env('REDIS_CACHE_CONNECTION', 'cache'),
+            'driver'          => 'redis',
+            'connection'      => env('REDIS_CACHE_CONNECTION', 'cache'),
             'lock_connection' => env('REDIS_CACHE_LOCK_CONNECTION', 'default'),
         ],
 
         'dynamodb' => [
-            'driver' => 'dynamodb',
-            'key' => env('AWS_ACCESS_KEY_ID'),
-            'secret' => env('AWS_SECRET_ACCESS_KEY'),
-            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
-            'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
+            'driver'   => 'dynamodb',
+            'key'      => env('AWS_ACCESS_KEY_ID'),
+            'secret'   => env('AWS_SECRET_ACCESS_KEY'),
+            'region'   => env('AWS_DEFAULT_REGION', 'us-east-1'),
+            'table'    => env('DYNAMODB_CACHE_TABLE', 'cache'),
             'endpoint' => env('DYNAMODB_ENDPOINT'),
         ],
 
diff --git a/config/database.php b/config/database.php
index 125949e..2cb0d30 100644
--- a/config/database.php
+++ b/config/database.php
@@ -32,81 +32,81 @@ return [
     'connections' => [
 
         'sqlite' => [
-            'driver' => 'sqlite',
-            'url' => env('DB_URL'),
-            'database' => env('DB_DATABASE', database_path('database.sqlite')),
-            'prefix' => '',
+            'driver'                  => 'sqlite',
+            'url'                     => env('DB_URL'),
+            'database'                => env('DB_DATABASE', database_path('database.sqlite')),
+            'prefix'                  => '',
             'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
-            'busy_timeout' => null,
-            'journal_mode' => null,
-            'synchronous' => null,
+            'busy_timeout'            => null,
+            'journal_mode'            => null,
+            'synchronous'             => null,
         ],
 
         'mysql' => [
-            'driver' => 'mysql',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '3306'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'unix_socket' => env('DB_SOCKET', ''),
-            'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
-            'prefix' => '',
+            'driver'         => 'mysql',
+            'url'            => env('DB_URL'),
+            'host'           => env('DB_HOST', '127.0.0.1'),
+            'port'           => env('DB_PORT', '3306'),
+            'database'       => env('DB_DATABASE', 'laravel'),
+            'username'       => env('DB_USERNAME', 'root'),
+            'password'       => env('DB_PASSWORD', ''),
+            'unix_socket'    => env('DB_SOCKET', ''),
+            'charset'        => env('DB_CHARSET', 'utf8mb4'),
+            'collation'      => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
+            'prefix'         => '',
             'prefix_indexes' => true,
-            'strict' => true,
-            'engine' => null,
-            'options' => extension_loaded('pdo_mysql') ? array_filter([
+            'strict'         => true,
+            'engine'         => null,
+            'options'        => extension_loaded('pdo_mysql') ? array_filter([
                 PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
             ]) : [],
         ],
 
         'mariadb' => [
-            'driver' => 'mariadb',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '3306'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'unix_socket' => env('DB_SOCKET', ''),
-            'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
-            'prefix' => '',
+            'driver'         => 'mariadb',
+            'url'            => env('DB_URL'),
+            'host'           => env('DB_HOST', '127.0.0.1'),
+            'port'           => env('DB_PORT', '3306'),
+            'database'       => env('DB_DATABASE', 'laravel'),
+            'username'       => env('DB_USERNAME', 'root'),
+            'password'       => env('DB_PASSWORD', ''),
+            'unix_socket'    => env('DB_SOCKET', ''),
+            'charset'        => env('DB_CHARSET', 'utf8mb4'),
+            'collation'      => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
+            'prefix'         => '',
             'prefix_indexes' => true,
-            'strict' => true,
-            'engine' => null,
-            'options' => extension_loaded('pdo_mysql') ? array_filter([
+            'strict'         => true,
+            'engine'         => null,
+            'options'        => extension_loaded('pdo_mysql') ? array_filter([
                 PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
             ]) : [],
         ],
 
         'pgsql' => [
-            'driver' => 'pgsql',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '5432'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'charset' => env('DB_CHARSET', 'utf8'),
-            'prefix' => '',
+            'driver'         => 'pgsql',
+            'url'            => env('DB_URL'),
+            'host'           => env('DB_HOST', '127.0.0.1'),
+            'port'           => env('DB_PORT', '5432'),
+            'database'       => env('DB_DATABASE', 'laravel'),
+            'username'       => env('DB_USERNAME', 'root'),
+            'password'       => env('DB_PASSWORD', ''),
+            'charset'        => env('DB_CHARSET', 'utf8'),
+            'prefix'         => '',
             'prefix_indexes' => true,
-            'search_path' => 'public',
-            'sslmode' => 'prefer',
+            'search_path'    => 'public',
+            'sslmode'        => 'prefer',
         ],
 
         'sqlsrv' => [
-            'driver' => 'sqlsrv',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', 'localhost'),
-            'port' => env('DB_PORT', '1433'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'charset' => env('DB_CHARSET', 'utf8'),
-            'prefix' => '',
+            'driver'         => 'sqlsrv',
+            'url'            => env('DB_URL'),
+            'host'           => env('DB_HOST', 'localhost'),
+            'port'           => env('DB_PORT', '1433'),
+            'database'       => env('DB_DATABASE', 'laravel'),
+            'username'       => env('DB_USERNAME', 'root'),
+            'password'       => env('DB_PASSWORD', ''),
+            'charset'        => env('DB_CHARSET', 'utf8'),
+            'prefix'         => '',
             'prefix_indexes' => true,
             // 'encrypt' => env('DB_ENCRYPT', 'yes'),
             // 'trust_server_certificate' => env('DB_TRUST_SERVER_CERTIFICATE', 'false'),
@@ -126,7 +126,7 @@ return [
     */
 
     'migrations' => [
-        'table' => 'migrations',
+        'table'                  => 'migrations',
         'update_date_on_publish' => true,
     ],
 
@@ -147,24 +147,24 @@ return [
 
         'options' => [
             'cluster' => env('REDIS_CLUSTER', 'redis'),
-            'prefix' => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'),
+            'prefix'  => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'),
         ],
 
         'default' => [
-            'url' => env('REDIS_URL'),
-            'host' => env('REDIS_HOST', '127.0.0.1'),
+            'url'      => env('REDIS_URL'),
+            'host'     => env('REDIS_HOST', '127.0.0.1'),
             'username' => env('REDIS_USERNAME'),
             'password' => env('REDIS_PASSWORD'),
-            'port' => env('REDIS_PORT', '6379'),
+            'port'     => env('REDIS_PORT', '6379'),
             'database' => env('REDIS_DB', '0'),
         ],
 
         'cache' => [
-            'url' => env('REDIS_URL'),
-            'host' => env('REDIS_HOST', '127.0.0.1'),
+            'url'      => env('REDIS_URL'),
+            'host'     => env('REDIS_HOST', '127.0.0.1'),
             'username' => env('REDIS_USERNAME'),
             'password' => env('REDIS_PASSWORD'),
-            'port' => env('REDIS_PORT', '6379'),
+            'port'     => env('REDIS_PORT', '6379'),
             'database' => env('REDIS_CACHE_DB', '1'),
         ],
 
diff --git a/config/filesystems.php b/config/filesystems.php
index c5f244d..5033bd8 100644
--- a/config/filesystems.php
+++ b/config/filesystems.php
@@ -32,28 +32,28 @@ return [
 
         'local' => [
             'driver' => 'local',
-            'root' => storage_path('app'),
-            'throw' => false,
+            'root'   => storage_path('app'),
+            'throw'  => false,
         ],
 
         'public' => [
-            'driver' => 'local',
-            'root' => storage_path('app/public'),
-            'url' => env('APP_URL').'/storage',
+            'driver'     => 'local',
+            'root'       => storage_path('app/public'),
+            'url'        => env('APP_URL').'/storage',
             'visibility' => 'public',
-            'throw' => false,
+            'throw'      => false,
         ],
 
         's3' => [
-            'driver' => 's3',
-            'key' => env('AWS_ACCESS_KEY_ID'),
-            'secret' => env('AWS_SECRET_ACCESS_KEY'),
-            'region' => env('AWS_DEFAULT_REGION'),
-            'bucket' => env('AWS_BUCKET'),
-            'url' => env('AWS_URL'),
-            'endpoint' => env('AWS_ENDPOINT'),
+            'driver'                  => 's3',
+            'key'                     => env('AWS_ACCESS_KEY_ID'),
+            'secret'                  => env('AWS_SECRET_ACCESS_KEY'),
+            'region'                  => env('AWS_DEFAULT_REGION'),
+            'bucket'                  => env('AWS_BUCKET'),
+            'url'                     => env('AWS_URL'),
+            'endpoint'                => env('AWS_ENDPOINT'),
             'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
-            'throw' => false,
+            'throw'                   => false,
         ],
 
     ],
diff --git a/config/logging.php b/config/logging.php
index 8d94292..22a95b5 100644
--- a/config/logging.php
+++ b/config/logging.php
@@ -33,7 +33,7 @@ return [
 
     'deprecations' => [
         'channel' => env('LOG_DEPRECATIONS_CHANNEL', 'null'),
-        'trace' => env('LOG_DEPRECATIONS_TRACE', false),
+        'trace'   => env('LOG_DEPRECATIONS_TRACE', false),
     ],
 
     /*
@@ -53,73 +53,73 @@ return [
     'channels' => [
 
         'stack' => [
-            'driver' => 'stack',
-            'channels' => explode(',', env('LOG_STACK', 'single')),
+            'driver'            => 'stack',
+            'channels'          => explode(',', env('LOG_STACK', 'single')),
             'ignore_exceptions' => false,
         ],
 
         'single' => [
-            'driver' => 'single',
-            'path' => storage_path('logs/laravel.log'),
-            'level' => env('LOG_LEVEL', 'debug'),
+            'driver'               => 'single',
+            'path'                 => storage_path('logs/laravel.log'),
+            'level'                => env('LOG_LEVEL', 'debug'),
             'replace_placeholders' => true,
         ],
 
         'daily' => [
-            'driver' => 'daily',
-            'path' => storage_path('logs/laravel.log'),
-            'level' => env('LOG_LEVEL', 'debug'),
-            'days' => env('LOG_DAILY_DAYS', 14),
+            'driver'               => 'daily',
+            'path'                 => storage_path('logs/laravel.log'),
+            'level'                => env('LOG_LEVEL', 'debug'),
+            'days'                 => env('LOG_DAILY_DAYS', 14),
             'replace_placeholders' => true,
         ],
 
         'slack' => [
-            'driver' => 'slack',
-            'url' => env('LOG_SLACK_WEBHOOK_URL'),
-            'username' => env('LOG_SLACK_USERNAME', 'Laravel Log'),
-            'emoji' => env('LOG_SLACK_EMOJI', ':boom:'),
-            'level' => env('LOG_LEVEL', 'critical'),
+            'driver'               => 'slack',
+            'url'                  => env('LOG_SLACK_WEBHOOK_URL'),
+            'username'             => env('LOG_SLACK_USERNAME', 'Laravel Log'),
+            'emoji'                => env('LOG_SLACK_EMOJI', ':boom:'),
+            'level'                => env('LOG_LEVEL', 'critical'),
             'replace_placeholders' => true,
         ],
 
         'papertrail' => [
-            'driver' => 'monolog',
-            'level' => env('LOG_LEVEL', 'debug'),
-            'handler' => env('LOG_PAPERTRAIL_HANDLER', SyslogUdpHandler::class),
+            'driver'       => 'monolog',
+            'level'        => env('LOG_LEVEL', 'debug'),
+            'handler'      => env('LOG_PAPERTRAIL_HANDLER', SyslogUdpHandler::class),
             'handler_with' => [
-                'host' => env('PAPERTRAIL_URL'),
-                'port' => env('PAPERTRAIL_PORT'),
+                'host'             => env('PAPERTRAIL_URL'),
+                'port'             => env('PAPERTRAIL_PORT'),
                 'connectionString' => 'tls://'.env('PAPERTRAIL_URL').':'.env('PAPERTRAIL_PORT'),
             ],
             'processors' => [PsrLogMessageProcessor::class],
         ],
 
         'stderr' => [
-            'driver' => 'monolog',
-            'level' => env('LOG_LEVEL', 'debug'),
-            'handler' => StreamHandler::class,
+            'driver'    => 'monolog',
+            'level'     => env('LOG_LEVEL', 'debug'),
+            'handler'   => StreamHandler::class,
             'formatter' => env('LOG_STDERR_FORMATTER'),
-            'with' => [
+            'with'      => [
                 'stream' => 'php://stderr',
             ],
             'processors' => [PsrLogMessageProcessor::class],
         ],
 
         'syslog' => [
-            'driver' => 'syslog',
-            'level' => env('LOG_LEVEL', 'debug'),
-            'facility' => env('LOG_SYSLOG_FACILITY', LOG_USER),
+            'driver'               => 'syslog',
+            'level'                => env('LOG_LEVEL', 'debug'),
+            'facility'             => env('LOG_SYSLOG_FACILITY', LOG_USER),
             'replace_placeholders' => true,
         ],
 
         'errorlog' => [
-            'driver' => 'errorlog',
-            'level' => env('LOG_LEVEL', 'debug'),
+            'driver'               => 'errorlog',
+            'level'                => env('LOG_LEVEL', 'debug'),
             'replace_placeholders' => true,
         ],
 
         'null' => [
-            'driver' => 'monolog',
+            'driver'  => 'monolog',
             'handler' => NullHandler::class,
         ],
 
diff --git a/config/mail.php b/config/mail.php
index df13d3d..3761e96 100644
--- a/config/mail.php
+++ b/config/mail.php
@@ -38,14 +38,14 @@ return [
     'mailers' => [
 
         'smtp' => [
-            'transport' => 'smtp',
-            'url' => env('MAIL_URL'),
-            'host' => env('MAIL_HOST', '127.0.0.1'),
-            'port' => env('MAIL_PORT', 2525),
-            'encryption' => env('MAIL_ENCRYPTION', 'tls'),
-            'username' => env('MAIL_USERNAME'),
-            'password' => env('MAIL_PASSWORD'),
-            'timeout' => null,
+            'transport'    => 'smtp',
+            'url'          => env('MAIL_URL'),
+            'host'         => env('MAIL_HOST', '127.0.0.1'),
+            'port'         => env('MAIL_PORT', 2525),
+            'encryption'   => env('MAIL_ENCRYPTION', 'tls'),
+            'username'     => env('MAIL_USERNAME'),
+            'password'     => env('MAIL_PASSWORD'),
+            'timeout'      => null,
             'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url(env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
         ],
 
@@ -67,12 +67,12 @@ return [
 
         'sendmail' => [
             'transport' => 'sendmail',
-            'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
+            'path'      => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
         ],
 
         'log' => [
             'transport' => 'log',
-            'channel' => env('MAIL_LOG_CHANNEL'),
+            'channel'   => env('MAIL_LOG_CHANNEL'),
         ],
 
         'array' => [
@@ -81,7 +81,7 @@ return [
 
         'failover' => [
             'transport' => 'failover',
-            'mailers' => [
+            'mailers'   => [
                 'smtp',
                 'log',
             ],
@@ -89,7 +89,7 @@ return [
 
         'roundrobin' => [
             'transport' => 'roundrobin',
-            'mailers' => [
+            'mailers'   => [
                 'ses',
                 'postmark',
             ],
@@ -110,7 +110,7 @@ return [
 
     'from' => [
         'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
-        'name' => env('MAIL_FROM_NAME', 'Example'),
+        'name'    => env('MAIL_FROM_NAME', 'Example'),
     ],
 
 ];
diff --git a/config/queue.php b/config/queue.php
index 116bd8d..efe91bb 100644
--- a/config/queue.php
+++ b/config/queue.php
@@ -35,40 +35,40 @@ return [
         ],
 
         'database' => [
-            'driver' => 'database',
-            'connection' => env('DB_QUEUE_CONNECTION'),
-            'table' => env('DB_QUEUE_TABLE', 'jobs'),
-            'queue' => env('DB_QUEUE', 'default'),
-            'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
+            'driver'       => 'database',
+            'connection'   => env('DB_QUEUE_CONNECTION'),
+            'table'        => env('DB_QUEUE_TABLE', 'jobs'),
+            'queue'        => env('DB_QUEUE', 'default'),
+            'retry_after'  => (int) env('DB_QUEUE_RETRY_AFTER', 90),
             'after_commit' => false,
         ],
 
         'beanstalkd' => [
-            'driver' => 'beanstalkd',
-            'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
-            'queue' => env('BEANSTALKD_QUEUE', 'default'),
-            'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
-            'block_for' => 0,
+            'driver'       => 'beanstalkd',
+            'host'         => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
+            'queue'        => env('BEANSTALKD_QUEUE', 'default'),
+            'retry_after'  => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
+            'block_for'    => 0,
             'after_commit' => false,
         ],
 
         'sqs' => [
-            'driver' => 'sqs',
-            'key' => env('AWS_ACCESS_KEY_ID'),
-            'secret' => env('AWS_SECRET_ACCESS_KEY'),
-            'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
-            'queue' => env('SQS_QUEUE', 'default'),
-            'suffix' => env('SQS_SUFFIX'),
-            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
+            'driver'       => 'sqs',
+            'key'          => env('AWS_ACCESS_KEY_ID'),
+            'secret'       => env('AWS_SECRET_ACCESS_KEY'),
+            'prefix'       => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
+            'queue'        => env('SQS_QUEUE', 'default'),
+            'suffix'       => env('SQS_SUFFIX'),
+            'region'       => env('AWS_DEFAULT_REGION', 'us-east-1'),
             'after_commit' => false,
         ],
 
         'redis' => [
-            'driver' => 'redis',
-            'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
-            'queue' => env('REDIS_QUEUE', 'default'),
-            'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
-            'block_for' => null,
+            'driver'       => 'redis',
+            'connection'   => env('REDIS_QUEUE_CONNECTION', 'default'),
+            'queue'        => env('REDIS_QUEUE', 'default'),
+            'retry_after'  => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
+            'block_for'    => null,
             'after_commit' => false,
         ],
 
@@ -87,7 +87,7 @@ return [
 
     'batching' => [
         'database' => env('DB_CONNECTION', 'sqlite'),
-        'table' => 'job_batches',
+        'table'    => 'job_batches',
     ],
 
     /*
@@ -104,9 +104,9 @@ return [
     */
 
     'failed' => [
-        'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
+        'driver'   => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
         'database' => env('DB_CONNECTION', 'sqlite'),
-        'table' => 'failed_jobs',
+        'table'    => 'failed_jobs',
     ],
 
 ];
diff --git a/config/services.php b/config/services.php
index 27a3617..5bb8455 100644
--- a/config/services.php
+++ b/config/services.php
@@ -19,7 +19,7 @@ return [
     ],
 
     'ses' => [
-        'key' => env('AWS_ACCESS_KEY_ID'),
+        'key'    => env('AWS_ACCESS_KEY_ID'),
         'secret' => env('AWS_SECRET_ACCESS_KEY'),
         'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
     ],
@@ -31,7 +31,7 @@ return [
     'slack' => [
         'notifications' => [
             'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),
-            'channel' => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
+            'channel'              => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
         ],
     ],
 
diff --git a/database/factories/ContactFactory.php b/database/factories/ContactFactory.php
index 280be1c..b5a9e82 100644
--- a/database/factories/ContactFactory.php
+++ b/database/factories/ContactFactory.php
@@ -13,14 +13,14 @@ class ContactFactory extends Factory
     public function definition(): array
     {
         $first_name = $this->faker->firstName();
-        $last_name = $this->faker->lastName();
-        $email = strtolower($first_name . '.' . $last_name) . '@example.com';
+        $last_name  = $this->faker->lastName();
+        $email      = strtolower($first_name.'.'.$last_name).'@example.com';
 
         return [
             'first_name' => $first_name,
-            'last_name' => $last_name,
-            'email' => $email,
-            'phone' => $this->faker->phoneNumber(),
+            'last_name'  => $last_name,
+            'email'      => $email,
+            'phone'      => $this->faker->phoneNumber(),
             'created_at' => Carbon::now(),
             'updated_at' => Carbon::now(),
         ];
diff --git a/database/factories/CustomerFactory.php b/database/factories/CustomerFactory.php
index ad2e083..105697d 100644
--- a/database/factories/CustomerFactory.php
+++ b/database/factories/CustomerFactory.php
@@ -12,19 +12,18 @@ class CustomerFactory extends Factory
 
     public function definition()
     {
-        $company_name = $this->faker->company();
-        $internal_name = explode(",", $company_name);
-        $address = $this->faker->address();
+        $company_name  = $this->faker->company();
+        $internal_name = explode(',', $company_name);
+        $address       = $this->faker->address();
 
         return [
-            'company_name' => $company_name,
-            'internal_name' => strtolower($internal_name[0]),
+            'company_name'     => $company_name,
+            'internal_name'    => strtolower($internal_name[0]),
             'shipping_address' => $address,
-            'billing_address' => $address,
-            'phone' => $this->faker->phoneNumber(),
-
-            'created_at' => Carbon::now(),
-            'updated_at' => Carbon::now(),
+            'billing_address'  => $address,
+            'phone'            => $this->faker->phoneNumber(),
+            'created_at'       => Carbon::now(),
+            'updated_at'       => Carbon::now(),
         ];
     }
 }
diff --git a/database/factories/OrderFactory.php b/database/factories/OrderFactory.php
index 35d8502..18dfcfb 100644
--- a/database/factories/OrderFactory.php
+++ b/database/factories/OrderFactory.php
@@ -3,7 +3,7 @@
 namespace Database\Factories;
 
 use App\Enums\OrderStatus;
-use App\Models\Customer;
+use App\Enums\OrderType;
 use App\Models\Order;
 use Illuminate\Database\Eloquent\Factories\Factory;
 use Illuminate\Support\Carbon;
@@ -14,23 +14,24 @@ 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_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(),
-            'new_art' => $this->faker->boolean(),
-            'digitizing' => $this->faker->boolean(),
-            'repeat' => $this->faker->boolean(),
-            'purchased_garments' => $this->faker->boolean(),
+            'created_at'             => Carbon::now(),
+            'updated_at'             => Carbon::now(),
+            'customer_po'            => $this->faker->randomNumber(6, true),
+            'order_type'             => $this->faker->randomElement(OrderType::cases())->value,
+            'order_date'             => $order_date,
+            '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(),
+            'purchased_garments'     => $this->faker->boolean(),
             'customer_supplied_file' => $this->faker->boolean(),
-            'notes' => $this->faker->words(10, true),
+            'notes'                  => $this->faker->words(10, true),
         ];
     }
 }
diff --git a/database/factories/OrderProductFactory.php b/database/factories/OrderProductFactory.php
new file mode 100644
index 0000000..be6d525
--- /dev/null
+++ b/database/factories/OrderProductFactory.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Database\Factories;
+
+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/PackingSlipFactory.php b/database/factories/PackingSlipFactory.php
index d06a8b1..6e8e020 100644
--- a/database/factories/PackingSlipFactory.php
+++ b/database/factories/PackingSlipFactory.php
@@ -14,11 +14,11 @@ class PackingSlipFactory extends Factory
     {
         return [
             'date_received' => $this->faker->dateTimeBetween('-1 month', 'now'),
-            'order_id' => $this->faker->randomNumber(6),
-            'amount' => $this->faker->numberBetween(2, 5) . ' boxes',
-            'contents' => $this->faker->numberBetween(2, 60) . ' ' . $this->faker->randomElement(['t-shirts', 'caps', 'jackets', 'pants', 'sweaters']),
-            'created_at' => Carbon::now(),
-            'updated_at' => Carbon::now(),
+            'order_id'      => $this->faker->randomNumber(6),
+            'amount'        => $this->faker->numberBetween(2, 5).' boxes',
+            'contents'      => $this->faker->numberBetween(2, 60).' '.$this->faker->randomElement(['t-shirts', 'caps', 'jackets', 'pants', 'sweaters']),
+            'created_at'    => Carbon::now(),
+            'updated_at'    => Carbon::now(),
         ];
     }
 }
diff --git a/database/factories/ProductServiceFactory.php b/database/factories/ProductServiceFactory.php
new file mode 100644
index 0000000..68538b7
--- /dev/null
+++ b/database/factories/ProductServiceFactory.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\ProductService;
+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..ac20cc3
--- /dev/null
+++ b/database/factories/ProductSizeFactory.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace Database\Factories;
+
+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..6a2dc22
--- /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/factories/ShippingEntryFactory.php b/database/factories/ShippingEntryFactory.php
index 256c22f..6b793d3 100644
--- a/database/factories/ShippingEntryFactory.php
+++ b/database/factories/ShippingEntryFactory.php
@@ -2,7 +2,6 @@
 
 namespace Database\Factories;
 
-use App\Models\Customer;
 use App\Models\ShippingEntry;
 use Illuminate\Database\Eloquent\Factories\Factory;
 use Illuminate\Support\Carbon;
@@ -14,16 +13,16 @@ class ShippingEntryFactory extends Factory
     public function definition(): array
     {
         return [
-            'created_at' => Carbon::now(),
-            'updated_at' => Carbon::now(),
-            'courier' => $this->faker->randomElement(['UPS', 'Purolator', 'FreightCom', 'E-Shipper', 'ACE']),
-            'contact' => $this->faker->randomElement(['courier.com', '+1 604 123 4567']),
-            'account_title' => $this->faker->word,
+            'created_at'       => Carbon::now(),
+            'updated_at'       => Carbon::now(),
+            'courier'          => $this->faker->randomElement(['UPS', 'Purolator', 'FreightCom', 'E-Shipper', 'ACE']),
+            'contact'          => $this->faker->randomElement(['courier.com', '+1 604 123 4567']),
+            'account_title'    => $this->faker->word,
             'account_username' => 'username',
             'account_password' => 'password',
-            'info_needed' => $this->faker->words(3,true),
-            'notify' => 'someone@account.com',
-            'notes' => $this->faker->randomElement(['', '', '', 'Some really long text to simulate a note being put here']),
+            'info_needed'      => $this->faker->words(3, true),
+            'notify'           => 'someone@account.com',
+            'notes'            => $this->faker->randomElement(['', '', '', 'Some really long text to simulate a note being put here']),
         ];
     }
 }
diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php
index 504a151..26270f8 100644
--- a/database/factories/UserFactory.php
+++ b/database/factories/UserFactory.php
@@ -24,11 +24,11 @@ class UserFactory extends Factory
     public function definition(): array
     {
         return [
-            'name' => fake()->name(),
-            'email' => fake()->unique()->safeEmail(),
+            'name'              => fake()->name(),
+            'email'             => fake()->unique()->safeEmail(),
             'email_verified_at' => now(),
-            'password' => Hash::make('password'),
-            'remember_token' => Str::random(10),
+            'password'          => Hash::make('password'),
+            'remember_token'    => Str::random(10),
         ];
     }
 
diff --git a/database/migrations/2024_09_03_204957_create_customers_table.php b/database/migrations/2024_09_03_204957_create_customers_table.php
index 7c97a33..4e73e32 100644
--- a/database/migrations/2024_09_03_204957_create_customers_table.php
+++ b/database/migrations/2024_09_03_204957_create_customers_table.php
@@ -4,7 +4,8 @@ use Illuminate\Database\Migrations\Migration;
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Support\Facades\Schema;
 
-return new class extends Migration {
+return new class extends Migration
+{
     public function up()
     {
         Schema::create('customers', function (Blueprint $table) {
diff --git a/database/migrations/2024_09_04_203012_create_contacts_table.php b/database/migrations/2024_09_04_203012_create_contacts_table.php
index aa67579..70a9840 100644
--- a/database/migrations/2024_09_04_203012_create_contacts_table.php
+++ b/database/migrations/2024_09_04_203012_create_contacts_table.php
@@ -4,7 +4,8 @@ use Illuminate\Database\Migrations\Migration;
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Support\Facades\Schema;
 
-return new class extends Migration {
+return new class extends Migration
+{
     public function up(): void
     {
         Schema::create('contacts', function (Blueprint $table) {
diff --git a/database/migrations/2024_09_05_215151_create_packing_slips_table.php b/database/migrations/2024_09_05_215151_create_packing_slips_table.php
index 0c5bd11..16f5d04 100644
--- a/database/migrations/2024_09_05_215151_create_packing_slips_table.php
+++ b/database/migrations/2024_09_05_215151_create_packing_slips_table.php
@@ -4,13 +4,14 @@ use Illuminate\Database\Migrations\Migration;
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Support\Facades\Schema;
 
-return new class extends Migration {
+return new class extends Migration
+{
     public function up(): void
     {
         Schema::create('packing_slips', function (Blueprint $table) {
             $table->id();
 
-//            $table->foreignId('order_id')->nullable()->constrained();
+            //            $table->foreignId('order_id')->nullable()->constrained();
             $table->string('order_id')->nullable(); //todo: replace this once orders are actually in da system
             $table->foreignId('customer_id')->nullable()->constrained();
             $table->date('date_received');
diff --git a/database/migrations/2024_09_06_213725_create_shipping_entries_table.php b/database/migrations/2024_09_06_213725_create_shipping_entries_table.php
index 502ee0e..81cb84f 100644
--- a/database/migrations/2024_09_06_213725_create_shipping_entries_table.php
+++ b/database/migrations/2024_09_06_213725_create_shipping_entries_table.php
@@ -4,7 +4,8 @@ use Illuminate\Database\Migrations\Migration;
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Support\Facades\Schema;
 
-return new class extends Migration {
+return new class extends Migration
+{
     public function up(): void
     {
         Schema::create('shipping_entries', function (Blueprint $table) {
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..5d1078a 100644
--- a/database/migrations/2024_09_09_194631_create_orders_table.php
+++ b/database/migrations/2024_09_09_194631_create_orders_table.php
@@ -1,30 +1,30 @@
 <?php
 
-use App\Enums\OrderStatus;
-use App\Enums\OrderType;
 use Illuminate\Database\Migrations\Migration;
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Support\Facades\Schema;
 
-return new class extends Migration {
+return new class extends Migration
+{
     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..4e1ccd6
--- /dev/null
+++ b/database/migrations/2024_09_10_224439_create_order_products_table.php
@@ -0,0 +1,26 @@
+<?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..b176300
--- /dev/null
+++ b/database/migrations/2024_09_10_224947_create_product_services_table.php
@@ -0,0 +1,28 @@
+<?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_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..91c3bca
--- /dev/null
+++ b/database/migrations/2024_09_10_225029_create_service_files_table.php
@@ -0,0 +1,30 @@
+<?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->string('placement');
+            $table->decimal('width')->nullable();
+            $table->decimal('height')->nullable();
+            $table->string('unit')->default('inch');
+            $table->integer('setup_number')->nullable();
+            $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..a665947
--- /dev/null
+++ b/database/migrations/2024_09_10_230904_create_product_sizes_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('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..55f3048
--- /dev/null
+++ b/database/seeders/CustomerSeeder.php
@@ -0,0 +1,92 @@
+<?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\ShippingEntry;
+use Illuminate\Database\Seeder;
+
+class CustomerSeeder extends Seeder
+{
+    public function run(): void
+    {
+        Customer::factory(3)
+            ->has(Contact::factory(5))
+            ->has(PackingSlip::factory(30))
+            ->has(ShippingEntry::factory(2))
+            ->has(Order::factory(10)
+                ->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..54aaa7c 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -2,16 +2,8 @@
 
 namespace Database\Seeders;
 
-use App\Models\Contact;
-use App\Models\Customer;
-use App\Models\Order;
-use App\Models\PackingSlip;
-use App\Models\ShippingEntry;
 use App\Models\User;
-
 // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
-use Database\Factories\ShippingEntryFactory;
-use http\Client;
 use Illuminate\Database\Seeder;
 
 class DatabaseSeeder extends Seeder
@@ -21,76 +13,12 @@ class DatabaseSeeder extends Seeder
      */
     public function run(): void
     {
-        Customer::factory(9)
-            ->has(Contact::factory(5))
-            ->has(PackingSlip::factory(30))
-            ->has(ShippingEntry::factory(2))
-            ->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();
+        $this->call([
+            CustomerSeeder::class,
+        ]);
 
         User::factory()->create([
-            'name' => 'Test User',
+            'name'  => 'Test User',
             'email' => 'test@example.com',
         ]);
     }
diff --git a/pint.json b/pint.json
new file mode 100644
index 0000000..106d329
--- /dev/null
+++ b/pint.json
@@ -0,0 +1,12 @@
+{
+  "preset": "laravel",
+  "rules": {
+    "binary_operator_spaces": {
+      "default": "single_space",
+      "operators": {
+        "=>": "align_single_space_minimal",
+        "=": "align_single_space_minimal"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 275c5d8..953440b 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -12,3 +12,14 @@ $table-striped-bg: #fafafa;
 
 @import 'bootstrap/scss/bootstrap';
 @import 'bootstrap-icons/font/bootstrap-icons.css';
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  display: none;
+  -webkit-appearance: none;
+  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
+}
+
+input[type=number] {
+  -moz-appearance: textfield; /* Firefox */
+}
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..6f3f989 100644
--- a/resources/views/customers/show.blade.php
+++ b/resources/views/customers/show.blade.php
@@ -65,28 +65,24 @@
 @section('content')
     <div class="container">
         <div class="row justify-content-center my-3">
-
             <div class="tab-content">
 
                 <!-- Overview tab -->
-                @include('partials.customers.show-overview')
+                @include('partials.customers.show.overview-tab')
 
                 <!-- Shipping Info tab -->
-                @include('partials.customers.show-shipping-info')
+                @include('partials.customers.show.shipping-info-tab')
 
                 <!-- Packing Slips tab -->
-                @include('partials.customers.show-packing-slips')
+                @include('partials.customers.show.packing-slips-tab')
 
                 <!-- Contacts tab -->
-                @include('partials.customers.show-contacts')
+                @include('partials.customers.show.contacts-tab')
 
             </div>
         </div>
     </div>
 
-    <!-- Edit Customer Modal -->
-    @include('partials.customers.edit-modal')
-
     <!-- Delete Customer Modal -->
     @include('partials.customers.delete-single-modal')
 
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
new file mode 100644
index 0000000..7ce4fa8
--- /dev/null
+++ b/resources/views/dashboard.blade.php
@@ -0,0 +1,59 @@
+@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-arrow-clockwise/>
+                            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">
+
+                    <livewire:orders-table :order-type="'active'" :show-customer-column="true" title="Active Orders"/>
+                </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..8472126
--- /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"
+                            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/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..5888c11
--- /dev/null
+++ b/resources/views/livewire/customer-and-contact-select.blade.php
@@ -0,0 +1,44 @@
+<div>
+    <div class="row mb-2">
+        <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 form-select-sm" 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-2">
+        <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" wire:key="{{$customer}}" name="contact_id"
+                        class="form-select form-select-sm" 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/livewire/order-products-create.blade.php b/resources/views/livewire/order-products-create.blade.php
new file mode 100644
index 0000000..bcc1a9d
--- /dev/null
+++ b/resources/views/livewire/order-products-create.blade.php
@@ -0,0 +1,299 @@
+<div>
+
+    <div class="overflow-x-hidden overflow-y-visible" style="max-height: 730px">
+        <table class="table table-striped table-sm mb-1 ms-0">
+            <thead>
+            <tr>
+                <th scope="col">#</th>
+                <th scope="col">SKU</th>
+                <th scope="col">Product Name</th>
+                <th scope="col">Color</th>
+                <th scope="col">XS</th>
+                <th scope="col">S</th>
+                <th scope="col">M</th>
+                <th scope="col">L</th>
+                <th scope="col">XL</th>
+                <th scope="col">2XL</th>
+                <th scope="col">3XL</th>
+                <th scope="col">OSFA</th>
+                <th scope="col">Total</th>
+                <th scope="col"></th>
+            </tr>
+            </thead>
+            <tbody>
+
+            @foreach($productInputs as $key => $value)
+
+                <tr wire:key="productRow.{{$key}}">
+
+                    <input type="hidden" name="productInputCount[]" value="1">
+
+                    <th scope="row" class="align-middle">{{$loop->index+1}}</th>
+                    <td class="col-1">
+                        <!-- SKU -->
+
+                        <input id="sku_{{$key}}" type="text"
+                                class="form-control form-control-sm @error('sku') is-invalid @enderror"
+                                name="sku[]" value="{{@old('sku')}}" autofocus
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td class="col-3">
+                        <!-- product_name -->
+
+                        <input id="product_name_{{$key}}" type="text"
+                                class="form-control form-control-sm @error('product_name') is-invalid @enderror"
+                                name="product_name[]" value="{{@old('product_name')}}"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td class="col-1">
+                        <!-- product_color -->
+
+                        <input id="product_color_{{$key}}" type="text" min="0"
+                                class="form-control form-control-sm @error('product_color') is-invalid @enderror"
+                                name="product_color[]" value="{{@old('product_color')}}"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td class="" style="width: 55px">
+                        <!-- size_xs -->
+
+                        <input id="size_xs_{{$key}}" type="number" min="0"
+                                class="form-control form-control-sm @error('size_xs') is-invalid @enderror"
+                                name="size_xs[]" value="{{@old('size_xs')}}"
+                                wire:model.live="sizes.{{$key}}.xs"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td class="" style="width: 55px">
+                        <!-- size_s -->
+
+                        <input id="size_s_{{$key}}" type="number" min="0"
+                                class="form-control form-control-sm @error('size_s') is-invalid @enderror"
+                                name="size_s[]" value="{{@old('size_s')}}"
+                                wire:model.live="sizes.{{$key}}.s"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td class="" style="width: 55px">
+                        <!-- size_m -->
+
+                        <input id="size_m_{{$key}}" type="number" min="0"
+                                class="form-control form-control-sm @error('size_m') is-invalid @enderror"
+                                name="size_m[]" value="{{@old('size_m')}}"
+                                wire:model.live="sizes.{{$key}}.m"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td class="" style="width: 55px">
+                        <!-- size_l -->
+
+                        <input id="size_l_{{$key}}" type="number" min="0"
+                                class="form-control form-control-sm @error('size_l') is-invalid @enderror"
+                                name="size_l[]" value="{{@old('size_l')}}"
+                                wire:model.live="sizes.{{$key}}.l"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td class="" style="width: 55px">
+                        <!-- size_xl -->
+
+                        <input id="size_xl_{{$key}}" type="number" min="0"
+                                class="form-control form-control-sm @error('size_xl') is-invalid @enderror"
+                                name="size_xl[]" value="{{@old('size_xl')}}"
+                                wire:model.live="sizes.{{$key}}.xl"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td class="" style="width: 55px">
+                        <!-- size_2xl -->
+
+                        <input id="size_2xl_{{$key}}" type="number" min="0"
+                                class="form-control form-control-sm @error('size_2xl') is-invalid @enderror"
+                                name="size_2xl[]" value="{{@old('size_2xl')}}"
+                                wire:model.live="sizes.{{$key}}.2xl"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+
+                    </td>
+                    <td class="" style="width: 55px">
+                        <!-- size_3xl -->
+
+                        <input id="size_3xl_{{$key}}" type="number" min="0"
+                                class="form-control form-control-sm @error('size_3xl') is-invalid @enderror"
+                                name="size_3xl[]"
+                                wire:model.live="sizes.{{$key}}.3xl"
+                                wire:change="determineAddProductRow({{$loop->index}})">
+                    </td>
+                    <td style="width: 55px">
+                        <!-- size_osfa -->
+
+                        <input id="size_osfa_{{$key}}" type="number" min="0"
+                                class="form-control form-control-sm @error('size_osfa') is-invalid @enderror"
+                                name="size_osfa[]" value="{{@old('size_osfa')}}"
+                                wire:model.live="sizes.{{$key}}.osfa"
+                                wire:change="determineAddProductRow({{$loop->index}})"
+                        >
+                    </td>
+                    <td class="col" style="width: 55px">
+                        <input id="product_total_{{$key}}" type="number"
+                                class="form-control form-control-sm @error('product_total') is-invalid @enderror"
+                                name="product_total[]" readonly
+                                wire:model.live="totals.{{$key}}"
+                        >
+
+                    </td>
+                    <td class="col" style="width: 40px">
+                        @if($key > 0)
+                            <button class="btn btn-sm" type="button" wire:click="removeProductInput({{$key}})">
+                                <x-bi-trash3/>
+                            </button>
+                        @endif
+                    </td>
+                </tr>
+            @endforeach
+
+            </tbody>
+        </table>
+
+
+        <div class="d-flex gap-2">
+            <label for="total-quantity" class="text-nowrap col-form-label">Total Quantity:</label>
+
+            <input type="number" name="total-quantity" id="" class="form-control-plaintext" readonly
+                    wire:model.live="totalQuantity">
+        </div>
+    </div>
+
+    <!-- Title -->
+    <div class="row px-2 border-bottom mt-4">
+        <div class="row fw-bold">
+            <div class="col-1 px-1 text-end" style="width: 40px;">#</div>
+            <div class="col-1 px-1">Service</div>
+            <div class="col-2 px-1">Placement</div>
+            <div class="col-3 px-1">Logo Name</div>
+
+            <div class="col-5">
+                <div class="row">
+                    <div class="col px-1">Setup</div>
+                    <div class="col px-1">Width</div>
+                    <div class="col px-1">Height</div>
+                    <div class="col px-1">Unit</div>
+                    <div class="col px-1">Price</div>
+                    <div class="col px-1">Total</div>
+                    <div class="col px-1"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Row -->
+
+    @foreach($serviceInputs as $key => $value)
+        <div class="row">
+
+            <input type="hidden" name="serviceInputCount[]" value="1">
+
+            <div class="@if($loop->index % 2 != 1) bg-body-tertiary @endif border-bottom py-2">
+                <div class="row mb-1">
+                    <div class="row mb-2">
+                        <div class="col-1 px-1 fw-bold  text-end" style="width: 40px;">{{$loop->index+1}}</div>
+                        <div class="col-1 px-1">
+                            <input id="service_name_{{$key}}" type="text"
+                                    class="form-control form-control-sm m-0 @error('service_name') is-invalid @enderror"
+                                    name="service_type[]" value="{{@old('service_name')}}" placeholder="Service"
+                                    wire:change="determineAddServiceProductRow({{$loop->index}})">
+                        </div>
+                        <div class="col-2 px-1">
+                            <input id="placement_{{$key}}" type="text"
+                                    class="form-control form-control-sm @error('placement') is-invalid @enderror"
+                                    name="placement[]" value="{{@old('placement')}}"
+                                    wire:change="determineAddServiceProductRow({{$loop->index}})">
+                        </div>
+                        <div class="col-3 px-1">
+                            <input id="logo_name_{{$key}}" type="text"
+                                    class="form-control form-control-sm @error('logo_name') is-invalid @enderror"
+                                    name="logo_name[]" value="{{@old('logo_name')}}"
+                                    wire:change="determineAddServiceProductRow({{$loop->index}})">
+                        </div>
+                        <div class="col-5">
+
+                            <div class="row">
+                                <div class="col px-1">
+                                    <input id="setup_number_{{$key}}" type="number" min="0"
+                                            class="form-control form-control-sm @error('setup_number') is-invalid @enderror"
+                                            name="setup_amount[]" value="{{@old('setup_number')}}"
+                                            wire:change="determineAddServiceProductRow({{$loop->index}})">
+                                </div>
+                                <div class="col px-1">
+                                    <input id="service_width_{{$key}}" type="number" min="0"
+                                            class="form-control form-control-sm @error('service_width') is-invalid @enderror"
+                                            name="service_width[]" value="{{@old('service_width')}}"
+                                            wire:change="determineAddServiceProductRow({{$loop->index}})">
+                                </div>
+                                <div class="col px-1">
+                                    <input id="service_height_{{$key}}" type="number" min="0"
+                                            class="form-control form-control-sm @error('service_height') is-invalid @enderror"
+                                            name="service_height[]" value="{{@old('service_height')}}"
+                                            wire:change="determineAddServiceProductRow({{$loop->index}})">
+                                </div>
+                                <div class="col px-1">
+                                    <input id="service_setup_unit_{{$key}}" type="number" min="0"
+                                            class="form-control form-control-sm @error('service_setup_unit') is-invalid @enderror"
+                                            name="amount[]"
+                                            value="{{@old('service_setup_unit')}}"
+                                            wire:change="determineAddServiceProductRow({{$loop->index}})"
+                                            wire:model.live="units.{{$key}}"
+                                    >
+                                </div>
+                                <div class="col px-1">
+                                    <input id="service_setup_price_{{$key}}" type="text"
+                                            class="form-control form-control-sm @error('service_setup_price') is-invalid @enderror"
+                                            name="amount_price[]"
+                                            value="{{@old('service_setup_price')}}"
+                                            wire:change="determineAddServiceProductRow({{$loop->index}})"
+                                            wire:model.live="prices.{{$key}}"
+                                    >
+                                </div>
+                                <div class="col px-1">
+                                    <input id="service_total_{{$key}}" type="number" precision="2"
+                                            class="form-control form-control-sm px-1 @error('service_total') is-invalid @enderror"
+                                            name="service_total" readonly
+                                            wire:model.live="priceTotals.{{$key}}">
+                                </div>
+                                <div class="col px-1 text-end" style="width: 40px;">
+                                    @if($key > 0)
+                                        <button class="btn btn-sm" type="button"
+                                                wire:click="removeServiceInput({{$key}})">
+                                            <x-bi-trash3/>
+                                        </button>
+                                    @endif
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row mx-0 px-0">
+                        <div class="col-1" style="width: 40px;"></div>
+                        <div class="col-1 px-1">
+                            <input id="service_file_name_{{$key}}" type="text"
+                                    class="form-control form-control-sm @error('service_file_name') is-invalid @enderror"
+                                    name="service_file_name[]" value="{{@old('service_file_name')}}"
+                                    placeholder="File"
+                                    wire:change="determineAddServiceProductRow({{$loop->index}})">
+                        </div>
+
+                        <div class="col-9 px-1">
+                             <textarea name="contents[]" id="contents_{{$key}}" style="resize: none" rows="2"
+                                     class="form-control form-control-sm"
+                                     placeholder="Thread colors"
+                                     wire:change="determineAddServiceProductRow({{$loop->index}})"
+                             >{{ old('contents') }}</textarea>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    @endforeach
+
+    {{--        <div class="row">--}}
+    <div class="d-flex flex-row gap-2 ">
+        <label for="total-price" class="col-form-label text-nowrap">Total Price:</label>
+        <input type="text" name="total-price" id="" class="col-1 form-control-plaintext" readonly
+                wire:model.live="totalPrice">
+    </div>
+    {{--        </div>--}}
+</div>
+
+</div>
diff --git a/resources/views/livewire/orders-table.blade.php b/resources/views/livewire/orders-table.blade.php
new file mode 100644
index 0000000..93bb7c4
--- /dev/null
+++ b/resources/views/livewire/orders-table.blade.php
@@ -0,0 +1,111 @@
+<div>
+
+    <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">{{$this->title}}</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">
+                    <select name="" id="" class="form-select form-select-sm">
+                        <option value="">Sort by...</option>
+                        <option value="">Customer</option>
+                        <option value="">Internal PO</option>
+                        <option value="">Customer PO</option>
+                        <option value="">Order Date</option>
+                        <option value="">Due Date</option>
+                        <option value="">Status</option>
+                        <option value="">Rush</option>
+                    </select>
+                </div>
+
+                <div class="d-inline-flex">
+                    <div class="btn-group" role="group">
+                        <button class="btn btn-sm btn-secondary">Asc</button>
+                        <button class="btn btn-sm btn-outline-secondary">Desc</button>
+                    </div>
+                </div>
+
+                <div class="vr"></div>
+
+                <div class="d-inline-flex gap-2">
+                    <input wire:model.live.debounce.50ms="search" 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">
+                    {{--                    @if($this->showCustomerColumn)--}}
+                    <th scope="col">Customer</th>
+                    {{--                    @endif()--}}
+                    <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($orders as $order)
+                    <tr class="@if($today > $order->due_date && $order->active()) table-danger @elseif($order->rush && $order->active()) 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}}
+                            @if($order->due_date < $today && $order->active())
+                                <x-bi-exclamation-triangle/>
+                            @endif </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-9">
+            {{$orders->links()}}
+        </div>
+        <div class="col"></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..7e0a606
--- /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.index.create-modal')
+
+    <!-- Delete Customer Modal -->
+    @include('partials.customers.index.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..a76e9ad
--- /dev/null
+++ b/resources/views/order-products/create.blade.php
@@ -0,0 +1,39 @@
+@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-10 pt-3">
+                <livewire:order-products-create/>
+            </div>
+        </div>
+    </div>
+
+@endsection
diff --git a/resources/views/orders/create.blade.php b/resources/views/orders/create.blade.php
index 5c1db42..49ec647 100644
--- a/resources/views/orders/create.blade.php
+++ b/resources/views/orders/create.blade.php
@@ -1,130 +1,217 @@
 @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-2">
+            <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="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>
+    <div class="container-fluid mt-3" style="max-width: 1800px">
 
-                <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>
+        <form action="{{route('orders.store') }}" method="post">
+            @csrf
 
-                <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 justify-content-center">
+                <div class="col-11 col-xl-4 border-end" style="height: 730px">
 
-                <hr class="border-secondary-subtle mx-4 px-0">
+                    <livewire:customer-and-contact-select :customers="$customers"/>
 
-                <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>
+                    <hr class="border-secondary-subtle px-0">
+
+                    <div class="row mb-2">
+                        <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 form-select-sm" id="order_type">
+                                @foreach($order_types as $case)
+                                    <option value="{{$case->name}}">{{$case->value}}</option>
+                                @endforeach()
+                            </select>
+
+                            @error('order_type')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
                         </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 class="row mb-2">
+                        <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 form-select-sm" id="order_status">
+                                @foreach($order_status as $case)
+                                    <option value="{{$case->value}}" {{ $case->name === 'APPROVED' ? 'selected' : '' }}>
+                                        {{$case->value}}
+                                    </option>
+                                @endforeach()
+                            </select>
+
+                            @error('status')
+                            <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                            @enderror
                         </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>
+
+                    <hr class="border-secondary-subtle px-0">
+
+                    <div class="row mb-2">
+                        <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 form-control-sm @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 class="form-check ">
-                            <input class="form-check-input" type="checkbox" value="" id="event">
-                            <label class="form-check-label" for="event">Event</label>
+                    </div>
+
+                    <hr class="border-secondary-subtle px-0">
+
+                    <div class="row mb-2">
+                        <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="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 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>
-                </div>
 
-                <hr class="border-secondary-subtle mx-4 px-0">
+                    <hr class="border-secondary-subtle 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="row mb-2">
+                        <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">
+                        <div class="col-md-6">
+                            <input id="order_date" type="date"
+                                    class="form-control form-control-sm @error('order_date') is-invalid @enderror"
+                                    name="order_date" value="{{ old('order_date') ?? $today }}" required
+                            >
 
-                        @error('order_date')
-                        <span class="invalid-feedback" role="alert">
+                            @error('order_date')
+                            <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-2">
+                        <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 form-control-sm @error('due_date') is-invalid @enderror"
+                                    name="due_date" value="{{ old('due_date') ?? $due_default }}" required
+                            >
 
-                    <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 px-0">
+
+                    <div class="row mb-2">
+                        <label for="notes" class="col-md-4 col-form-label text-md-end">Notes</label>
 
-                        @error('due_date')
-                        <span class="invalid-feedback" role="alert">
+                        <div class="col-md-6">
+                        <textarea name="notes" id="notes" cols="30" rows="4" class="form-control form-control-sm"
+                        >{{ old('notes') }}</textarea>
+
+                            @error('notes')
+                            <span class="invalid-feedback" role="alert">
                                         <strong>{{ $message }}</strong>
                                     </span>
-                        @enderror
+                            @enderror
+                        </div>
                     </div>
                 </div>
 
-                <hr class="border-secondary-subtle mx-4 px-0">
+                <div class="col-11 col-xl-7">
+                    <livewire:order-products-create/>
+                </div>
+
+                <hr class="border-secondary-subtle 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">
+                    <div class="col text-end">
+                        <button type="submit" class="btn btn-primary">
+                            Save Order
+                        </button>
                     </div>
                 </div>
-
             </div>
-        </div>
+        </form>
     </div>
 @endsection
diff --git a/resources/views/orders/index.blade.php b/resources/views/orders/index.blade.php
new file mode 100644
index 0000000..625655d
--- /dev/null
+++ b/resources/views/orders/index.blade.php
@@ -0,0 +1,91 @@
+@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 == 'all' ? 'active' : ''}}" id="all-tab"
+                                href="{{route('orders.index', ['tab' => 'all'])}}" type="button" role="tab"
+                                aria-controls="all" aria-selected="{{$tab == 'all' ? 'true' : 'false'}}">
+                            <x-bi-journals/>
+                            All 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-arrow-clockwise/>
+                            Active Orders
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'finished_orders' ? 'active' : ''}}"
+                                id="finished-orders-tab"
+                                href="{{route('orders.index', ['tab' => 'finished_orders'])}}" type="button" role="tab"
+                                aria-controls="finished_orders"
+                                aria-selected="{{$tab == 'finished_orders' ? 'true' : 'false'}}">
+                            <x-bi-check-all/>
+                            Finished Orders
+                        </a>
+                    </li>
+
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'invoice' ? 'active' : ''}}" id="invoice-tab"
+                                href="{{route('orders.index', ['tab' => 'invoice'])}}" type="button" role="tab"
+                                aria-controls="invoice" aria-selected="{{$tab == 'invoice' ? 'true' : 'false'}}">
+                            <x-bi-envelope/>
+                            Invoiced 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">
+                    <livewire:orders-table order-type="active" :show-customer-column='true' :title="'Active Orders'"/>
+                </div>
+
+                <div class="tab-pane {{$tab == 'finished_orders' ? 'active' : ''}}" id="finished-orders" role="tabpanel"
+                        aria-labelledby="finished-orders-tab">
+                    <livewire:orders-table order-type="finished" :show-customer-column='true' title="Finished Orders"/>
+                </div>
+
+                <div class="tab-pane {{$tab == 'all' ? 'active' : ''}}" id="all-orders" role="tabpanel"
+                        aria-labelledby="all-orders-tab">
+                    <livewire:orders-table order-type="all" :show-customer-column='true' title="All Orders"/>
+                </div>
+
+                <div class="tab-pane {{$tab == 'invoice' ? 'active' : ''}}" id="invoice-orders" role="tabpanel"
+                        aria-labelledby="invoice-orders-tab">
+                    <livewire:orders-table order-type="invoiced" :show-customer-column='true' title="Invoiced Orders"/>
+                </div>
+
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/orders/show.blade.php b/resources/views/orders/show.blade.php
new file mode 100644
index 0000000..964d174
--- /dev/null
+++ b/resources/views/orders/show.blade.php
@@ -0,0 +1,71 @@
+@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 == 'details' ? 'active' : ''}}" id="details-tab"
+                                href="{{route('orders.index', ['tab' => 'details'])}}" type="button" role="tab"
+                                aria-controls="details" aria-selected="{{$tab == 'details' ? 'true' : 'false'}}">
+                            <x-bi-list-ul/>
+                            Order Details
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link link-dark {{$tab == 'timeline' ? 'active' : ''}}" id="timeline-tab"
+                                href="{{route('orders.index', ['tab' => 'timeline'])}}" type="button" role="tab"
+                                aria-controls="timeline" aria-selected="{{$tab == 'timeline' ? 'true' : 'false'}}">
+                            <x-bi-calendar-range/>
+                            Timeline
+                        </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">
+                    <livewire:orders-table order-type="active" :show-customer-column='true' :title="'Active Orders'"/>
+                </div>
+
+                <div class="tab-pane {{$tab == 'finished_orders' ? 'active' : ''}}" id="finished-orders" role="tabpanel"
+                        aria-labelledby="finished-orders-tab">
+                    <livewire:orders-table order-type="finished" :show-customer-column='true' title="Finished Orders"/>
+                </div>
+
+                <div class="tab-pane {{$tab == 'all' ? 'active' : ''}}" id="all-orders" role="tabpanel"
+                        aria-labelledby="all-orders-tab">
+                    <livewire:orders-table order-type="all" :show-customer-column='true' title="All Orders"/>
+                </div>
+
+                <div class="tab-pane {{$tab == 'invoice' ? 'active' : ''}}" id="invoice-orders" role="tabpanel"
+                        aria-labelledby="invoice-orders-tab">
+                    <livewire:orders-table order-type="invoiced" :show-customer-column='true' title="Invoiced Orders"/>
+                </div>
+
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/partials/customers/edit-modal.blade.php b/resources/views/partials/customers/edit-modal.blade.php
deleted file mode 100644
index 60a9a00..0000000
--- a/resources/views/partials/customers/edit-modal.blade.php
+++ /dev/null
@@ -1,110 +0,0 @@
-<div class="modal modal-lg fade" id="editCustomerModal" tabindex="-1" aria-labelledby="editCustomerModalLabel"
-        aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h1 class="modal-title fs-5" id="editCustomerModalLabel">Edit Customer</h1>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-
-            <form action="{{route('customers.update', $customer)}}" method="post">
-                @csrf
-                @method('PATCH')
-
-                <div class="modal-body">
-
-                    <div class="row mb-3">
-                        <label for="company_name" class="col-md-4 col-form-label text-md-end">Company Name</label>
-
-                        <div class="col-md-6">
-                            <input id="company_name" type="text"
-                                    class="form-control @error('company_name') is-invalid @enderror"
-                                    name="company_name" value="{{$customer->company_name}}" required
-                                    autocomplete="company_name" autofocus>
-
-                            @error('company_name')
-                            <span class="invalid-feedback" role="alert">
-                                        <strong>{{ $message }}</strong>
-                                    </span>
-                            @enderror
-                        </div>
-                    </div>
-
-                    <div class="row mb-3">
-                        <label for="internal_name" class="col-md-4 col-form-label text-md-end">Internal Name</label>
-
-                        <div class="col-md-6">
-                            <input id="internal_name" type="text"
-                                    class="form-control @error('internal_name') is-invalid @enderror"
-                                    name="internal_name" value="{{ $customer->internal_name }}" required
-                                    autocomplete="internal_name"
-                            >
-
-                            @error('internal_name')
-                            <span class="invalid-feedback" role="alert">
-                                        <strong>{{ $message }}</strong>
-                                    </span>
-                            @enderror
-                        </div>
-                    </div>
-
-                    <div class="row mb-3">
-                        <label for="shipping_address" class="col-md-4 col-form-label text-md-end">
-                            Shipping Address
-                        </label>
-
-                        <div class="col-md-6">
-                            <input id="shipping_address" type="text"
-                                    class="form-control @error('shipping_address') is-invalid @enderror"
-                                    name="shipping_address" value="{{ $customer->shipping_address }}" required
-                                    autocomplete="shipping_address">
-
-                            @error('shipping_address')
-                            <span class="invalid-feedback" role="alert">
-                                        <strong>{{ $message }}</strong>
-                                    </span>
-                            @enderror
-                        </div>
-                    </div>
-
-                    <div class="row mb-3">
-                        <label for="billing_address" class="col-md-4 col-form-label text-md-end">Billing Address</label>
-
-                        <div class="col-md-6">
-                            <input id="billing_address" type="text"
-                                    class="form-control @error('billing_address') is-invalid @enderror"
-                                    name="billing_address" value="{{ $customer->billing_address }}" required
-                                    autocomplete="billing_address" >
-
-                            @error('billing_address')
-                            <span class="invalid-feedback" role="alert">
-                                        <strong>{{ $message }}</strong>
-                                    </span>
-                            @enderror
-                        </div>
-                    </div>
-
-                    <div class="row mb-3">
-                        <label for="phone" class="col-md-4 col-form-label text-md-end">Phone number</label>
-
-                        <div class="col-md-6">
-                            <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror"
-                                    name="phone" value="{{ $customer->phone }}" required autocomplete="phone">
-
-                            @error('phone')
-                            <span class="invalid-feedback" role="alert">
-                                        <strong>{{ $message }}</strong>
-                                    </span>
-                            @enderror
-                        </div>
-                    </div>
-                </div>
-
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
-                    <button type="submit" class="btn btn-primary">Edit customer</button>
-                </div>
-            </form>
-        </div>
-    </div>
-</div>
diff --git a/resources/views/partials/customers/create-modal.blade.php b/resources/views/partials/customers/index/create-modal.blade.php
similarity index 100%
rename from resources/views/partials/customers/create-modal.blade.php
rename to resources/views/partials/customers/index/create-modal.blade.php
diff --git a/resources/views/partials/customers/delete-all-modal.blade.php b/resources/views/partials/customers/index/delete-all-modal.blade.php
similarity index 100%
rename from resources/views/partials/customers/delete-all-modal.blade.php
rename to resources/views/partials/customers/index/delete-all-modal.blade.php
diff --git a/resources/views/partials/customers/show-overview.blade.php b/resources/views/partials/customers/show-overview.blade.php
deleted file mode 100644
index ab9d2aa..0000000
--- a/resources/views/partials/customers/show-overview.blade.php
+++ /dev/null
@@ -1,76 +0,0 @@
-<div class="tab-pane {{$tab == 'details' ? 'active' : ''}}" id="details" role="tabpanel"
-        aria-labelledby="details-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>
-                <button class="btn btn-sm btn-primary" title="Create new shipping entry..."
-                        data-bs-toggle="modal" data-bs-target="#createShippingEntryModal">
-                    <x-bi-plus-circle-fill/>
-                    Create entry
-                </button>
-                <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">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>
-                        <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>
diff --git a/resources/views/partials/customers/show-contacts.blade.php b/resources/views/partials/customers/show/contacts-tab.blade.php
similarity index 83%
rename from resources/views/partials/customers/show-contacts.blade.php
rename to resources/views/partials/customers/show/contacts-tab.blade.php
index 60e0ea9..14ab6bb 100644
--- a/resources/views/partials/customers/show-contacts.blade.php
+++ b/resources/views/partials/customers/show/contacts-tab.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-tab.blade.php b/resources/views/partials/customers/show/overview-tab.blade.php
new file mode 100644
index 0000000..43f14bd
--- /dev/null
+++ b/resources/views/partials/customers/show/overview-tab.blade.php
@@ -0,0 +1,6 @@
+<div class="tab-pane {{$tab == 'details' ? 'active' : ''}}" id="details" role="tabpanel"
+        aria-labelledby="details-tab">
+
+    <livewire:orders-table :show-customer-column="false" order-type="active" title="Active orders"
+            :customer_id="$customer->id"/>
+</div>
diff --git a/resources/views/partials/customers/show-packing-slips.blade.php b/resources/views/partials/customers/show/packing-slips-tab.blade.php
similarity index 86%
rename from resources/views/partials/customers/show-packing-slips.blade.php
rename to resources/views/partials/customers/show/packing-slips-tab.blade.php
index 396876c..4ea63a4 100644
--- a/resources/views/partials/customers/show-packing-slips.blade.php
+++ b/resources/views/partials/customers/show/packing-slips-tab.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/customers/show-shipping-info.blade.php b/resources/views/partials/customers/show/shipping-info-tab.blade.php
similarity index 100%
rename from resources/views/partials/customers/show-shipping-info.blade.php
rename to resources/views/partials/customers/show/shipping-info-tab.blade.php
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/resources/views/vendor/pagination/bootstrap-4.blade.php b/resources/views/vendor/pagination/bootstrap-4.blade.php
deleted file mode 100644
index 63c6f56..0000000
--- a/resources/views/vendor/pagination/bootstrap-4.blade.php
+++ /dev/null
@@ -1,46 +0,0 @@
-@if ($paginator->hasPages())
-    <nav>
-        <ul class="pagination">
-            {{-- Previous Page Link --}}
-            @if ($paginator->onFirstPage())
-                <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
-                    <span class="page-link" aria-hidden="true">&lsaquo;</span>
-                </li>
-            @else
-                <li class="page-item">
-                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
-                </li>
-            @endif
-
-            {{-- Pagination Elements --}}
-            @foreach ($elements as $element)
-                {{-- "Three Dots" Separator --}}
-                @if (is_string($element))
-                    <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
-                @endif
-
-                {{-- Array Of Links --}}
-                @if (is_array($element))
-                    @foreach ($element as $page => $url)
-                        @if ($page == $paginator->currentPage())
-                            <li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
-                        @else
-                            <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
-                        @endif
-                    @endforeach
-                @endif
-            @endforeach
-
-            {{-- Next Page Link --}}
-            @if ($paginator->hasMorePages())
-                <li class="page-item">
-                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
-                </li>
-            @else
-                <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
-                    <span class="page-link" aria-hidden="true">&rsaquo;</span>
-                </li>
-            @endif
-        </ul>
-    </nav>
-@endif
diff --git a/resources/views/vendor/pagination/bootstrap-5.blade.php b/resources/views/vendor/pagination/bootstrap-5.blade.php
deleted file mode 100644
index a1795a4..0000000
--- a/resources/views/vendor/pagination/bootstrap-5.blade.php
+++ /dev/null
@@ -1,88 +0,0 @@
-@if ($paginator->hasPages())
-    <nav class="d-flex justify-items-center justify-content-between">
-        <div class="d-flex justify-content-between flex-fill d-sm-none">
-            <ul class="pagination">
-                {{-- Previous Page Link --}}
-                @if ($paginator->onFirstPage())
-                    <li class="page-item disabled" aria-disabled="true">
-                        <span class="page-link">@lang('pagination.previous')</span>
-                    </li>
-                @else
-                    <li class="page-item">
-                        <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
-                    </li>
-                @endif
-
-                {{-- Next Page Link --}}
-                @if ($paginator->hasMorePages())
-                    <li class="page-item">
-                        <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
-                    </li>
-                @else
-                    <li class="page-item disabled" aria-disabled="true">
-                        <span class="page-link">@lang('pagination.next')</span>
-                    </li>
-                @endif
-            </ul>
-        </div>
-
-        <div class="d-none flex-sm-fill d-sm-flex align-items-sm-center justify-content-sm-between">
-            <div>
-                <p class="small text-muted">
-                    {!! __('Showing') !!}
-                    <span class="fw-semibold">{{ $paginator->firstItem() }}</span>
-                    {!! __('to') !!}
-                    <span class="fw-semibold">{{ $paginator->lastItem() }}</span>
-                    {!! __('of') !!}
-                    <span class="fw-semibold">{{ $paginator->total() }}</span>
-                    {!! __('results') !!}
-                </p>
-            </div>
-
-            <div>
-                <ul class="pagination">
-                    {{-- Previous Page Link --}}
-                    @if ($paginator->onFirstPage())
-                        <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
-                            <span class="page-link" aria-hidden="true">&lsaquo;</span>
-                        </li>
-                    @else
-                        <li class="page-item">
-                            <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
-                        </li>
-                    @endif
-
-                    {{-- Pagination Elements --}}
-                    @foreach ($elements as $element)
-                        {{-- "Three Dots" Separator --}}
-                        @if (is_string($element))
-                            <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
-                        @endif
-
-                        {{-- Array Of Links --}}
-                        @if (is_array($element))
-                            @foreach ($element as $page => $url)
-                                @if ($page == $paginator->currentPage())
-                                    <li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
-                                @else
-                                    <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
-                                @endif
-                            @endforeach
-                        @endif
-                    @endforeach
-
-                    {{-- Next Page Link --}}
-                    @if ($paginator->hasMorePages())
-                        <li class="page-item">
-                            <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
-                        </li>
-                    @else
-                        <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
-                            <span class="page-link" aria-hidden="true">&rsaquo;</span>
-                        </li>
-                    @endif
-                </ul>
-            </div>
-        </div>
-    </nav>
-@endif
diff --git a/resources/views/vendor/pagination/default.blade.php b/resources/views/vendor/pagination/default.blade.php
deleted file mode 100644
index 0db70b5..0000000
--- a/resources/views/vendor/pagination/default.blade.php
+++ /dev/null
@@ -1,46 +0,0 @@
-@if ($paginator->hasPages())
-    <nav>
-        <ul class="pagination">
-            {{-- Previous Page Link --}}
-            @if ($paginator->onFirstPage())
-                <li class="disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
-                    <span aria-hidden="true">&lsaquo;</span>
-                </li>
-            @else
-                <li>
-                    <a href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
-                </li>
-            @endif
-
-            {{-- Pagination Elements --}}
-            @foreach ($elements as $element)
-                {{-- "Three Dots" Separator --}}
-                @if (is_string($element))
-                    <li class="disabled" aria-disabled="true"><span>{{ $element }}</span></li>
-                @endif
-
-                {{-- Array Of Links --}}
-                @if (is_array($element))
-                    @foreach ($element as $page => $url)
-                        @if ($page == $paginator->currentPage())
-                            <li class="active" aria-current="page"><span>{{ $page }}</span></li>
-                        @else
-                            <li><a href="{{ $url }}">{{ $page }}</a></li>
-                        @endif
-                    @endforeach
-                @endif
-            @endforeach
-
-            {{-- Next Page Link --}}
-            @if ($paginator->hasMorePages())
-                <li>
-                    <a href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
-                </li>
-            @else
-                <li class="disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
-                    <span aria-hidden="true">&rsaquo;</span>
-                </li>
-            @endif
-        </ul>
-    </nav>
-@endif
diff --git a/resources/views/vendor/pagination/semantic-ui.blade.php b/resources/views/vendor/pagination/semantic-ui.blade.php
deleted file mode 100644
index ef0dbb1..0000000
--- a/resources/views/vendor/pagination/semantic-ui.blade.php
+++ /dev/null
@@ -1,36 +0,0 @@
-@if ($paginator->hasPages())
-    <div class="ui pagination menu" role="navigation">
-        {{-- Previous Page Link --}}
-        @if ($paginator->onFirstPage())
-            <a class="icon item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')"> <i class="left chevron icon"></i> </a>
-        @else
-            <a class="icon item" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')"> <i class="left chevron icon"></i> </a>
-        @endif
-
-        {{-- Pagination Elements --}}
-        @foreach ($elements as $element)
-            {{-- "Three Dots" Separator --}}
-            @if (is_string($element))
-                <a class="icon item disabled" aria-disabled="true">{{ $element }}</a>
-            @endif
-
-            {{-- Array Of Links --}}
-            @if (is_array($element))
-                @foreach ($element as $page => $url)
-                    @if ($page == $paginator->currentPage())
-                        <a class="item active" href="{{ $url }}" aria-current="page">{{ $page }}</a>
-                    @else
-                        <a class="item" href="{{ $url }}">{{ $page }}</a>
-                    @endif
-                @endforeach
-            @endif
-        @endforeach
-
-        {{-- Next Page Link --}}
-        @if ($paginator->hasMorePages())
-            <a class="icon item" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')"> <i class="right chevron icon"></i> </a>
-        @else
-            <a class="icon item disabled" aria-disabled="true" aria-label="@lang('pagination.next')"> <i class="right chevron icon"></i> </a>
-        @endif
-    </div>
-@endif
diff --git a/resources/views/vendor/pagination/simple-bootstrap-4.blade.php b/resources/views/vendor/pagination/simple-bootstrap-4.blade.php
deleted file mode 100644
index 4bb4917..0000000
--- a/resources/views/vendor/pagination/simple-bootstrap-4.blade.php
+++ /dev/null
@@ -1,27 +0,0 @@
-@if ($paginator->hasPages())
-    <nav>
-        <ul class="pagination">
-            {{-- Previous Page Link --}}
-            @if ($paginator->onFirstPage())
-                <li class="page-item disabled" aria-disabled="true">
-                    <span class="page-link">@lang('pagination.previous')</span>
-                </li>
-            @else
-                <li class="page-item">
-                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
-                </li>
-            @endif
-
-            {{-- Next Page Link --}}
-            @if ($paginator->hasMorePages())
-                <li class="page-item">
-                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
-                </li>
-            @else
-                <li class="page-item disabled" aria-disabled="true">
-                    <span class="page-link">@lang('pagination.next')</span>
-                </li>
-            @endif
-        </ul>
-    </nav>
-@endif
diff --git a/resources/views/vendor/pagination/simple-bootstrap-5.blade.php b/resources/views/vendor/pagination/simple-bootstrap-5.blade.php
deleted file mode 100644
index a89005e..0000000
--- a/resources/views/vendor/pagination/simple-bootstrap-5.blade.php
+++ /dev/null
@@ -1,29 +0,0 @@
-@if ($paginator->hasPages())
-    <nav role="navigation" aria-label="Pagination Navigation">
-        <ul class="pagination">
-            {{-- Previous Page Link --}}
-            @if ($paginator->onFirstPage())
-                <li class="page-item disabled" aria-disabled="true">
-                    <span class="page-link">{!! __('pagination.previous') !!}</span>
-                </li>
-            @else
-                <li class="page-item">
-                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">
-                        {!! __('pagination.previous') !!}
-                    </a>
-                </li>
-            @endif
-
-            {{-- Next Page Link --}}
-            @if ($paginator->hasMorePages())
-                <li class="page-item">
-                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">{!! __('pagination.next') !!}</a>
-                </li>
-            @else
-                <li class="page-item disabled" aria-disabled="true">
-                    <span class="page-link">{!! __('pagination.next') !!}</span>
-                </li>
-            @endif
-        </ul>
-    </nav>
-@endif
diff --git a/resources/views/vendor/pagination/simple-default.blade.php b/resources/views/vendor/pagination/simple-default.blade.php
deleted file mode 100644
index 36bdbc1..0000000
--- a/resources/views/vendor/pagination/simple-default.blade.php
+++ /dev/null
@@ -1,19 +0,0 @@
-@if ($paginator->hasPages())
-    <nav>
-        <ul class="pagination">
-            {{-- Previous Page Link --}}
-            @if ($paginator->onFirstPage())
-                <li class="disabled" aria-disabled="true"><span>@lang('pagination.previous')</span></li>
-            @else
-                <li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a></li>
-            @endif
-
-            {{-- Next Page Link --}}
-            @if ($paginator->hasMorePages())
-                <li><a href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a></li>
-            @else
-                <li class="disabled" aria-disabled="true"><span>@lang('pagination.next')</span></li>
-            @endif
-        </ul>
-    </nav>
-@endif
diff --git a/resources/views/vendor/pagination/simple-tailwind.blade.php b/resources/views/vendor/pagination/simple-tailwind.blade.php
deleted file mode 100644
index ea02400..0000000
--- a/resources/views/vendor/pagination/simple-tailwind.blade.php
+++ /dev/null
@@ -1,25 +0,0 @@
-@if ($paginator->hasPages())
-    <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
-        {{-- Previous Page Link --}}
-        @if ($paginator->onFirstPage())
-            <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
-                {!! __('pagination.previous') !!}
-            </span>
-        @else
-            <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
-                {!! __('pagination.previous') !!}
-            </a>
-        @endif
-
-        {{-- Next Page Link --}}
-        @if ($paginator->hasMorePages())
-            <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
-                {!! __('pagination.next') !!}
-            </a>
-        @else
-            <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
-                {!! __('pagination.next') !!}
-            </span>
-        @endif
-    </nav>
-@endif
diff --git a/resources/views/vendor/pagination/tailwind.blade.php b/resources/views/vendor/pagination/tailwind.blade.php
deleted file mode 100644
index aee2ad2..0000000
--- a/resources/views/vendor/pagination/tailwind.blade.php
+++ /dev/null
@@ -1,106 +0,0 @@
-@if ($paginator->hasPages())
-    <nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex items-center justify-between">
-        <div class="flex justify-between flex-1 sm:hidden">
-            @if ($paginator->onFirstPage())
-                <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
-                    {!! __('pagination.previous') !!}
-                </span>
-            @else
-                <a href="{{ $paginator->previousPageUrl() }}" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
-                    {!! __('pagination.previous') !!}
-                </a>
-            @endif
-
-            @if ($paginator->hasMorePages())
-                <a href="{{ $paginator->nextPageUrl() }}" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
-                    {!! __('pagination.next') !!}
-                </a>
-            @else
-                <span class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
-                    {!! __('pagination.next') !!}
-                </span>
-            @endif
-        </div>
-
-        <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
-            <div>
-                <p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
-                    {!! __('Showing') !!}
-                    @if ($paginator->firstItem())
-                        <span class="font-medium">{{ $paginator->firstItem() }}</span>
-                        {!! __('to') !!}
-                        <span class="font-medium">{{ $paginator->lastItem() }}</span>
-                    @else
-                        {{ $paginator->count() }}
-                    @endif
-                    {!! __('of') !!}
-                    <span class="font-medium">{{ $paginator->total() }}</span>
-                    {!! __('results') !!}
-                </p>
-            </div>
-
-            <div>
-                <span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md">
-                    {{-- Previous Page Link --}}
-                    @if ($paginator->onFirstPage())
-                        <span aria-disabled="true" aria-label="{{ __('pagination.previous') }}">
-                            <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
-                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
-                                </svg>
-                            </span>
-                        </span>
-                    @else
-                        <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('pagination.previous') }}">
-                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                    @endif
-
-                    {{-- Pagination Elements --}}
-                    @foreach ($elements as $element)
-                        {{-- "Three Dots" Separator --}}
-                        @if (is_string($element))
-                            <span aria-disabled="true">
-                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">{{ $element }}</span>
-                            </span>
-                        @endif
-
-                        {{-- Array Of Links --}}
-                        @if (is_array($element))
-                            @foreach ($element as $page => $url)
-                                @if ($page == $paginator->currentPage())
-                                    <span aria-current="page">
-                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">{{ $page }}</span>
-                                    </span>
-                                @else
-                                    <a href="{{ $url }}" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('Go to page :page', ['page' => $page]) }}">
-                                        {{ $page }}
-                                    </a>
-                                @endif
-                            @endforeach
-                        @endif
-                    @endforeach
-
-                    {{-- Next Page Link --}}
-                    @if ($paginator->hasMorePages())
-                        <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('pagination.next') }}">
-                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                    @else
-                        <span aria-disabled="true" aria-label="{{ __('pagination.next') }}">
-                            <span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
-                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                    <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-                                </svg>
-                            </span>
-                        </span>
-                    @endif
-                </span>
-            </div>
-        </div>
-    </nav>
-@endif
diff --git a/routes/web.php b/routes/web.php
index c3f8633..08cdcb7 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,26 +2,33 @@
 
 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;
 use Illuminate\Support\Facades\Route;
 
 Route::get('/', function () {
-    return view('welcome');
+    return redirect()->route('dashboard');
 });
 
 Auth::routes();
 
-Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
+Route::get('/dashboard', [DashboardController::class, 'index'])->name('dashboard');
 
-Route::resource('customers', CustomerController::class);
+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');
 
@@ -29,4 +36,4 @@ Route::resource('packing-slips', PackingSlipController::class);
 
 Route::resource('shipping-entries', ShippingEntryController::class);
 
-Route::resource('orders', OrderController::class);
\ No newline at end of file
+Route::resource('orders', OrderController::class);