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