From afc3c94b04256e0d27bad599b1ad76356575c54f Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 14 Feb 2023 15:01:06 +1000
Subject: [PATCH] drop axios/date-fns/fontawesome

---
 app/Http/Controllers/Api/UserController.php   |   4 +-
 app/Services/AnimatedGifService.php           | 698 ++++++++++++++++++
 app/Services/ImageService.php                 |   9 -
 package-lock.json                             | 314 +-------
 package.json                                  |   8 -
 public/img/background.jpg                     | Bin 0 -> 56542 bytes
 resources/css/app.scss                        | 135 +---
 resources/css/utils.scss                      |  18 +-
 resources/js/{axios.js => axios.js.old}       |   0
 resources/js/bootstrap.js                     |   8 +-
 resources/js/components/SMButton.vue          |  12 +-
 resources/js/components/SMCarousel.vue        |  28 +-
 resources/js/components/SMCarouselSlide.vue   |  11 +-
 resources/js/components/SMContainer.vue       |  15 +-
 resources/js/components/SMDatePicker.vue      |   2 +-
 resources/js/components/SMDialog.vue          |   5 +-
 resources/js/components/SMFooter.vue          |  24 +-
 resources/js/components/SMForm.vue            |  36 +
 resources/js/components/SMFormFooter.vue      |  29 +-
 resources/js/components/SMHeading.vue         |   6 +-
 resources/js/components/SMInput.vue           | 307 +++++---
 resources/js/components/SMLoader.vue          |  25 +-
 resources/js/components/SMLoadingIcon.vue     |  66 ++
 resources/js/components/SMMediaInput.vue      | 360 +++++++++
 resources/js/components/SMMessage.vue         |  23 +-
 resources/js/components/SMNavbar.vue          |  41 +-
 resources/js/components/SMPage.vue            |  97 +++
 resources/js/components/SMPageError.vue       |   2 +-
 resources/js/components/SMPanel.vue           |  21 +-
 resources/js/components/SMPanelList.vue       |   6 +-
 resources/js/components/SMSelect.vue          |   2 +-
 .../dialogs/SMDialogChangePassword.vue        |  11 +-
 .../js/components/dialogs/SMDialogMedia.vue   |  36 +-
 resources/js/components/errors/Forbidden.vue  |  22 +-
 resources/js/components/errors/Internal.vue   |  25 +-
 resources/js/components/errors/NotFound.vue   |  22 +-
 resources/js/helpers/api.ts                   | 190 +++++
 resources/js/helpers/common.js                | 121 ---
 resources/js/helpers/datetime.ts              | 221 ++++++
 resources/js/helpers/form.ts                  | 137 ++++
 resources/js/helpers/string.js                |   5 +
 resources/js/helpers/utils.ts                 |  11 +
 resources/js/helpers/validate.ts              | 440 +++++++++++
 .../{validation.js => validation.old.js}      |   0
 resources/js/main.js                          |   6 +-
 resources/js/router/index.js                  |   8 +-
 resources/js/store/UserStore.ts               |  20 +-
 resources/js/views/App.vue                    |   2 -
 resources/js/views/Contact.vue                | 152 ++--
 resources/js/views/EmailVerify.vue            | 101 +--
 resources/js/views/EventView.vue              |  14 +-
 resources/js/views/ForgotPassword.vue         | 110 +--
 resources/js/views/ForgotUsername.vue         | 104 +--
 resources/js/views/Home.vue                   | 155 ++--
 resources/js/views/Login.vue                  | 203 ++---
 resources/js/views/Logout.vue                 |  31 +-
 resources/js/views/NewsList.vue               |  18 +-
 resources/js/views/NewsView.vue               |  46 +-
 resources/js/views/Register.vue               | 265 +++----
 resources/js/views/ResendEmailVerify.vue      | 102 +--
 resources/js/views/ResetPassword.vue          | 136 +---
 resources/js/views/Rules.vue                  |   8 +-
 resources/js/views/Terms.vue                  |   8 +-
 resources/js/views/Unsubscribe.vue            | 109 +--
 resources/js/views/WorkshopList.vue           |  21 +-
 resources/js/views/WorkshopView.vue           |  32 +-
 resources/js/views/dashboard/CreatePost.vue   | 156 ++--
 resources/js/views/dashboard/Dashboard.vue    |  22 +-
 resources/js/views/dashboard/EventEdit.vue    |   1 -
 resources/js/views/dashboard/EventList.vue    |   7 +-
 resources/js/views/dashboard/MediaList.vue    |   7 +-
 resources/js/views/dashboard/PostList.vue     |   7 +-
 resources/js/views/dashboard/UserList.vue     |   7 +-
 resources/views/app.blade.php                 |   2 +
 vite.config.js                                |   3 +-
 75 files changed, 3416 insertions(+), 2000 deletions(-)
 create mode 100644 app/Services/AnimatedGifService.php
 delete mode 100644 app/Services/ImageService.php
 create mode 100644 public/img/background.jpg
 rename resources/js/{axios.js => axios.js.old} (100%)
 create mode 100644 resources/js/components/SMForm.vue
 create mode 100644 resources/js/components/SMLoadingIcon.vue
 create mode 100644 resources/js/components/SMMediaInput.vue
 create mode 100644 resources/js/components/SMPage.vue
 create mode 100644 resources/js/helpers/api.ts
 create mode 100644 resources/js/helpers/datetime.ts
 create mode 100644 resources/js/helpers/form.ts
 create mode 100644 resources/js/helpers/string.js
 create mode 100644 resources/js/helpers/utils.ts
 create mode 100644 resources/js/helpers/validate.ts
 rename resources/js/helpers/{validation.js => validation.old.js} (100%)

diff --git a/app/Http/Controllers/Api/UserController.php b/app/Http/Controllers/Api/UserController.php
index e92130d..3e1382b 100644
--- a/app/Http/Controllers/Api/UserController.php
+++ b/app/Http/Controllers/Api/UserController.php
@@ -240,7 +240,7 @@ class UserController extends ApiController
         }
 
         return $this->respondError([
-            'code' => 'The code was not found or has expired'
+            'code' => 'The code was not found or has expired.'
         ]);
     }
 
@@ -278,7 +278,7 @@ class UserController extends ApiController
         }//end if
 
         return $this->respondWithErrors([
-            'code' => 'The code was not found or has expired'
+            'code' => 'The code was not found or has expired.'
         ]);
     }
 
diff --git a/app/Services/AnimatedGifService.php b/app/Services/AnimatedGifService.php
new file mode 100644
index 0000000..e446e15
--- /dev/null
+++ b/app/Services/AnimatedGifService.php
@@ -0,0 +1,698 @@
+<?php
+
+namespace App\Services;
+
+class AnimatedGifService
+{
+    /**
+     * Check if a GIF file at a path is animated or not
+     *
+     * @param string  $filenameOrBlob GIF file path or data blob if dataSize > 0.
+     * @param integer $dataSize       GIF blob size.
+     * @return boolean GIF file/blob is animated.
+     */
+    public static function isAnimatedGif(string $filenameOrBlob, int $dataSize = 0)
+    {
+        $regex = '#\x00\x21\xF9\x04.{4}\x00(\x2C|\x21)#s';
+        $count = 0;
+
+        if ($dataSize > 0) {
+            if (($fh = @fopen($filenameOrBlob, 'rb')) === false) {
+                return false;
+            }
+
+            $chunk = false;
+            while (feof($fh) === false && $count < 2) {
+                $chunk = ($chunk !== '' ? substr($chunk, -20) : "") . fread($fh, (1024 * 100)); //read 100kb at a time
+                $count += preg_match_all($regex, $chunk, $matches);
+            }
+
+            fclose($fh);
+        } else {
+            $count = preg_match_all($regex, $filenameOrBlob, $matches);
+        }
+
+        return $count > 1;
+    }
+
+    /**
+     * Extract frames of a GIF
+     *
+     * @param string  $filenameOrBlob GIF filename path
+     * @param integer $dataSize       GIF blob size.
+     * @param boolean $originalFrames Get original frames (with transparent background)
+     *
+     * @return array
+     */
+    public function extract(string $filenameOrBlob, int $dataSize = 0, $originalFrames = false)
+    {
+        if (self::isAnimatedGif($filenameOrBlob) === false) {
+            return [];
+        }
+
+        $this->reset();
+        $this->parseFramesInfo($filename);
+        $prevImg = null;
+
+        for ($i = 0; $i < count($this->frameSources); $i++) {
+            $this->frames[$i] = [];
+            $this->frameDurations[$i] = $this->frames[$i]['duration'] = $this->frameSources[$i]['delay_time'];
+
+            $img = imagecreatefromstring($this->fileHeader["gifheader"] . $this->frameSources[$i]["graphicsextension"] . $this->frameSources[$i]["imagedata"] . chr(0x3b));
+
+            if (!$originalFrames) {
+                if ($i > 0) {
+                    $prevImg = $this->frames[($i - 1)]['image'];
+                } else {
+                    $prevImg = $img;
+                }
+
+                $sprite = imagecreate($this->gifMaxWidth, $this->gifMaxHeight);
+                imagesavealpha($sprite, true);
+
+                $transparent = imagecolortransparent($prevImg);
+
+                if ($transparent > -1 && imagecolorstotal($prevImg) > $transparent) {
+                    $actualTrans = imagecolorsforindex($prevImg, $transparent);
+                    imagecolortransparent($sprite, imagecolorallocate($sprite, $actualTrans['red'], $actualTrans['green'], $actualTrans['blue']));
+                }
+
+                if ((int) $this->frameSources[$i]['disposal_method'] == 1 && $i > 0) {
+                    imagecopy($sprite, $prevImg, 0, 0, 0, 0, $this->gifMaxWidth, $this->gifMaxHeight);
+                }
+
+                imagecopyresampled($sprite, $img, $this->frameSources[$i]["offset_left"], $this->frameSources[$i]["offset_top"], 0, 0, $this->gifMaxWidth, $this->gifMaxHeight, $this->gifMaxWidth, $this->gifMaxHeight);
+                $img = $sprite;
+            }//end if
+
+            $this->frameImages[$i] = $this->frames[$i]['image'] = $img;
+        }//end for
+
+        return $this->frames;
+    }
+}
+
+class GifFrameExtractor
+{
+    // Properties
+    // ===================================================================================
+
+    /**
+     * @var resource
+     */
+    private $gif;
+
+    /**
+     * @var array
+     */
+    private $frames;
+
+    /**
+     * @var array
+     */
+    private $frameDurations;
+
+    /**
+     * @var array
+     */
+    private $frameImages;
+
+    /**
+     * @var array
+     */
+    private $framePositions;
+
+    /**
+     * @var array
+     */
+    private $frameDimensions;
+
+    /**
+     * @var integer
+     *
+     * (old: $this->index)
+     */
+    private $frameNumber;
+
+    /**
+     * @var array
+     *
+     * (old: $this->imagedata)
+     */
+    private $frameSources;
+
+    /**
+     * @var array
+     *
+     * (old: $this->fileHeader)
+     */
+    private $fileHeader;
+
+    /**
+     * @var integer The reader pointer in the file source
+     *
+     * (old: $this->pointer)
+     */
+    private $pointer;
+
+    /**
+     * @var integer
+     */
+    private $gifMaxWidth;
+
+    /**
+     * @var integer
+     */
+    private $gifMaxHeight;
+
+    /**
+     * @var integer
+     */
+    private $totalDuration;
+
+    /**
+     * @var integer
+     */
+    private $handle;
+
+    /**
+     * @var array
+     *
+     * (old: globaldata)
+     */
+    private $globaldata;
+
+    /**
+     * @var array
+     *
+     * (old: orgvars)
+     */
+    private $orgvars;
+
+    // Methods
+    // ===================================================================================
+
+
+    /**
+     * Parse the frame informations contained in the GIF file
+     *
+     * @param string $filename GIF filename path
+     */
+    private function parseFramesInfo($filename)
+    {
+        $this->openFile($filename);
+        $this->parseGifHeader();
+        $this->parseGraphicsExtension(0);
+        $this->getApplicationData();
+        $this->getApplicationData();
+        $this->getFrameString(0);
+        $this->parseGraphicsExtension(1);
+        $this->getCommentData();
+        $this->getApplicationData();
+        $this->getFrameString(1);
+
+        while (!$this->checkByte(0x3b) && !$this->checkEOF()) {
+            $this->getCommentData(1);
+            $this->parseGraphicsExtension(2);
+            $this->getFrameString(2);
+            $this->getApplicationData();
+        }
+    }
+
+    /**
+     * Parse the gif header (old: get_gif_header)
+     */
+    private function parseGifHeader()
+    {
+        $this->pointerForward(10);
+
+        if ($this->readBits(($mybyte = $this->readByteInt()), 0, 1) == 1) {
+            $this->pointerForward(2);
+            $this->pointerForward(pow(2, ($this->readBits($mybyte, 5, 3) + 1)) * 3);
+        } else {
+            $this->pointerForward(2);
+        }
+
+        $this->fileHeader["gifheader"] = $this->dataPart(0, $this->pointer);
+
+        // Decoding
+        $this->orgvars["gifheader"] = $this->fileHeader["gifheader"];
+        $this->orgvars["background_color"] = $this->orgvars["gifheader"][11];
+    }
+
+    /**
+     * Parse the application data of the frames (old: get_application_data)
+     */
+    private function getApplicationData()
+    {
+        $startdata = $this->readByte(2);
+
+        if ($startdata == chr(0x21) . chr(0xff)) {
+            $start = ($this->pointer - 2);
+            $this->pointerForward($this->readByteInt());
+            $this->readDataStream($this->readByteInt());
+            $this->fileHeader["applicationdata"] = $this->dataPart($start, ($this->pointer - $start));
+        } else {
+            $this->pointerRewind(2);
+        }
+    }
+
+    /**
+     * Parse the comment data of the frames (old: get_comment_data)
+     */
+    private function getCommentData()
+    {
+        $startdata = $this->readByte(2);
+
+        if ($startdata == chr(0x21) . chr(0xfe)) {
+            $start = ($this->pointer - 2);
+            $this->readDataStream($this->readByteInt());
+            $this->fileHeader["commentdata"] = $this->dataPart($start, ($this->pointer - $start));
+        } else {
+            $this->pointerRewind(2);
+        }
+    }
+
+    /**
+     * Parse the graphic extension of the frames (old: get_graphics_extension)
+     *
+     * @param integer $type
+     */
+    private function parseGraphicsExtension($type)
+    {
+        $startdata = $this->readByte(2);
+
+        if ($startdata == chr(0x21) . chr(0xf9)) {
+            $start = ($this->pointer - 2);
+            $this->pointerForward($this->readByteInt());
+            $this->pointerForward(1);
+
+            if ($type == 2) {
+                $this->frameSources[$this->frameNumber]["graphicsextension"] = $this->dataPart($start, ($this->pointer - $start));
+            } elseif ($type == 1) {
+                $this->orgvars["hasgx_type_1"] = 1;
+                $this->globaldata["graphicsextension"] = $this->dataPart($start, ($this->pointer - $start));
+            } elseif ($type == 0) {
+                $this->orgvars["hasgx_type_0"] = 1;
+                $this->globaldata["graphicsextension_0"] = $this->dataPart($start, ($this->pointer - $start));
+            }
+        } else {
+            $this->pointerRewind(2);
+        }//end if
+    }
+
+    /**
+     * Get the full frame string block (old: get_image_block)
+     *
+     * @param integer $type
+     */
+    private function getFrameString($type)
+    {
+        if ($this->checkByte(0x2c)) {
+            $start = $this->pointer;
+            $this->pointerForward(9);
+
+            if ($this->readBits(($mybyte = $this->readByteInt()), 0, 1) == 1) {
+                $this->pointerForward(pow(2, ($this->readBits($mybyte, 5, 3) + 1)) * 3);
+            }
+
+            $this->pointerForward(1);
+            $this->readDataStream($this->readByteInt());
+            $this->frameSources[$this->frameNumber]["imagedata"] = $this->dataPart($start, ($this->pointer - $start));
+
+            if ($type == 0) {
+                $this->orgvars["hasgx_type_0"] = 0;
+
+                if (isset($this->globaldata["graphicsextension_0"])) {
+                    $this->frameSources[$this->frameNumber]["graphicsextension"] = $this->globaldata["graphicsextension_0"];
+                } else {
+                    $this->frameSources[$this->frameNumber]["graphicsextension"] = null;
+                }
+
+                unset($this->globaldata["graphicsextension_0"]);
+            } elseif ($type == 1) {
+                if (isset($this->orgvars["hasgx_type_1"]) && $this->orgvars["hasgx_type_1"] == 1) {
+                    $this->orgvars["hasgx_type_1"] = 0;
+                    $this->frameSources[$this->frameNumber]["graphicsextension"] = $this->globaldata["graphicsextension"];
+                    unset($this->globaldata["graphicsextension"]);
+                } else {
+                    $this->orgvars["hasgx_type_0"] = 0;
+                    $this->frameSources[$this->frameNumber]["graphicsextension"] = $this->globaldata["graphicsextension_0"];
+                    unset($this->globaldata["graphicsextension_0"]);
+                }
+            }//end if
+
+            $this->parseFrameData();
+            $this->frameNumber++;
+        }//end if
+    }
+
+    /**
+     * Parse frame data string into an array (old: parse_image_data)
+     */
+    private function parseFrameData()
+    {
+        $this->frameSources[$this->frameNumber]["disposal_method"] = $this->getImageDataBit("ext", 3, 3, 3);
+        $this->frameSources[$this->frameNumber]["user_input_flag"] = $this->getImageDataBit("ext", 3, 6, 1);
+        $this->frameSources[$this->frameNumber]["transparent_color_flag"] = $this->getImageDataBit("ext", 3, 7, 1);
+        $this->frameSources[$this->frameNumber]["delay_time"] = $this->dualByteVal($this->getImageDataByte("ext", 4, 2));
+        $this->totalDuration += (int) $this->frameSources[$this->frameNumber]["delay_time"];
+        $this->frameSources[$this->frameNumber]["transparent_color_index"] = ord($this->getImageDataByte("ext", 6, 1));
+        $this->frameSources[$this->frameNumber]["offset_left"] = $this->dualByteVal($this->getImageDataByte("dat", 1, 2));
+        $this->frameSources[$this->frameNumber]["offset_top"] = $this->dualByteVal($this->getImageDataByte("dat", 3, 2));
+        $this->frameSources[$this->frameNumber]["width"] = $this->dualByteVal($this->getImageDataByte("dat", 5, 2));
+        $this->frameSources[$this->frameNumber]["height"] = $this->dualByteVal($this->getImageDataByte("dat", 7, 2));
+        $this->frameSources[$this->frameNumber]["local_color_table_flag"] = $this->getImageDataBit("dat", 9, 0, 1);
+        $this->frameSources[$this->frameNumber]["interlace_flag"] = $this->getImageDataBit("dat", 9, 1, 1);
+        $this->frameSources[$this->frameNumber]["sort_flag"] = $this->getImageDataBit("dat", 9, 2, 1);
+        $this->frameSources[$this->frameNumber]["color_table_size"] = (pow(2, ($this->getImageDataBit("dat", 9, 5, 3) + 1)) * 3);
+        $this->frameSources[$this->frameNumber]["color_table"] = substr($this->frameSources[$this->frameNumber]["imagedata"], 10, $this->frameSources[$this->frameNumber]["color_table_size"]);
+        $this->frameSources[$this->frameNumber]["lzw_code_size"] = ord($this->getImageDataByte("dat", 10, 1));
+
+        $this->framePositions[$this->frameNumber] = [
+            'x' => $this->frameSources[$this->frameNumber]["offset_left"],
+            'y' => $this->frameSources[$this->frameNumber]["offset_top"],
+        ];
+
+        $this->frameDimensions[$this->frameNumber] = [
+            'width' => $this->frameSources[$this->frameNumber]["width"],
+            'height' => $this->frameSources[$this->frameNumber]["height"],
+        ];
+
+        // Decoding
+        $this->orgvars[$this->frameNumber]["transparent_color_flag"] = $this->frameSources[$this->frameNumber]["transparent_color_flag"];
+        $this->orgvars[$this->frameNumber]["transparent_color_index"] = $this->frameSources[$this->frameNumber]["transparent_color_index"];
+        $this->orgvars[$this->frameNumber]["delay_time"] = $this->frameSources[$this->frameNumber]["delay_time"];
+        $this->orgvars[$this->frameNumber]["disposal_method"] = $this->frameSources[$this->frameNumber]["disposal_method"];
+        $this->orgvars[$this->frameNumber]["offset_left"] = $this->frameSources[$this->frameNumber]["offset_left"];
+        $this->orgvars[$this->frameNumber]["offset_top"] = $this->frameSources[$this->frameNumber]["offset_top"];
+
+        // Updating the max width
+        if ($this->gifMaxWidth < $this->frameSources[$this->frameNumber]["width"]) {
+            $this->gifMaxWidth = $this->frameSources[$this->frameNumber]["width"];
+        }
+
+        // Updating the max height
+        if ($this->gifMaxHeight < $this->frameSources[$this->frameNumber]["height"]) {
+            $this->gifMaxHeight = $this->frameSources[$this->frameNumber]["height"];
+        }
+    }
+
+    /**
+     * Get the image data byte (old: get_imagedata_byte)
+     *
+     * @param string  $type
+     * @param integer $start
+     * @param integer $length
+     *
+     * @return string
+     */
+    private function getImageDataByte($type, $start, $length)
+    {
+        if ($type == "ext") {
+            return substr($this->frameSources[$this->frameNumber]["graphicsextension"], $start, $length);
+        }
+
+        // "dat"
+        return substr($this->frameSources[$this->frameNumber]["imagedata"], $start, $length);
+    }
+
+    /**
+     * Get the image data bit (old: get_imagedata_bit)
+     *
+     * @param string  $type
+     * @param integer $byteIndex
+     * @param integer $bitStart
+     * @param integer $bitLength
+     *
+     * @return number
+     */
+    private function getImageDataBit($type, $byteIndex, $bitStart, $bitLength)
+    {
+        if ($type == "ext") {
+            return $this->readBits(ord(substr($this->frameSources[$this->frameNumber]["graphicsextension"], $byteIndex, 1)), $bitStart, $bitLength);
+        }
+
+        // "dat"
+        return $this->readBits(ord(substr($this->frameSources[$this->frameNumber]["imagedata"], $byteIndex, 1)), $bitStart, $bitLength);
+    }
+
+    /**
+     * Return the value of 2 ASCII chars (old: dualbyteval)
+     *
+     * @param string $s
+     *
+     * @return integer
+     */
+    private function dualByteVal($s)
+    {
+        $i = (ord($s[1]) * 256 + ord($s[0]));
+
+        return $i;
+    }
+
+    /**
+     * Read the data stream (old: read_data_stream)
+     *
+     * @param integer $firstLength
+     */
+    private function readDataStream($firstLength)
+    {
+        $this->pointerForward($firstLength);
+        $length = $this->readByteInt();
+
+        if ($length != 0) {
+            while ($length != 0) {
+                $this->pointerForward($length);
+                $length = $this->readByteInt();
+            }
+        }
+    }
+
+    /**
+     * Open the gif file (old: loadfile)
+     *
+     * @param string $filename
+     */
+    private function openFile($filename)
+    {
+        $this->handle = fopen($filename, "rb");
+        $this->pointer = 0;
+
+        $imageSize = getimagesize($filename);
+        $this->gifWidth = $imageSize[0];
+        $this->gifHeight = $imageSize[1];
+    }
+
+    /**
+     * Close the read gif file (old: closefile)
+     */
+    private function closeFile()
+    {
+        fclose($this->handle);
+        $this->handle = 0;
+    }
+
+    /**
+     * Read the file from the beginning to $byteCount in binary (old: readbyte)
+     *
+     * @param integer $byteCount
+     *
+     * @return string
+     */
+    private function readByte($byteCount)
+    {
+        $data = fread($this->handle, $byteCount);
+        $this->pointer += $byteCount;
+
+        return $data;
+    }
+
+    /**
+     * Read a byte and return ASCII value (old: readbyte_int)
+     *
+     * @return integer
+     */
+    private function readByteInt()
+    {
+        $data = fread($this->handle, 1);
+        $this->pointer++;
+
+        return ord($data);
+    }
+
+    /**
+     * Convert a $byte to decimal (old: readbits)
+     *
+     * @param string  $byte
+     * @param integer $start
+     * @param integer $length
+     *
+     * @return number
+     */
+    private function readBits($byte, $start, $length)
+    {
+        $bin = str_pad(decbin($byte), 8, "0", STR_PAD_LEFT);
+        $data = substr($bin, $start, $length);
+
+        return bindec($data);
+    }
+
+    /**
+     * Rewind the file pointer reader (old: p_rewind)
+     *
+     * @param integer $length
+     */
+    private function pointerRewind($length)
+    {
+        $this->pointer -= $length;
+        fseek($this->handle, $this->pointer);
+    }
+
+    /**
+     * Forward the file pointer reader (old: p_forward)
+     *
+     * @param integer $length
+     */
+    private function pointerForward($length)
+    {
+        $this->pointer += $length;
+        fseek($this->handle, $this->pointer);
+    }
+
+    /**
+     * Get a section of the data from $start to $start + $length (old: datapart)
+     *
+     * @param integer $start
+     * @param integer $length
+     *
+     * @return string
+     */
+    private function dataPart($start, $length)
+    {
+        fseek($this->handle, $start);
+        $data = fread($this->handle, $length);
+        fseek($this->handle, $this->pointer);
+
+        return $data;
+    }
+
+    /**
+     * Check if a character if a byte (old: checkbyte)
+     *
+     * @param integer $byte
+     *
+     * @return boolean
+     */
+    private function checkByte($byte)
+    {
+        if (fgetc($this->handle) == chr($byte)) {
+            fseek($this->handle, $this->pointer);
+            return true;
+        }
+
+        fseek($this->handle, $this->pointer);
+
+        return false;
+    }
+
+    /**
+     * Check the end of the file (old: checkEOF)
+     *
+     * @return boolean
+     */
+    private function checkEOF()
+    {
+        if (fgetc($this->handle) === false) {
+            return true;
+        }
+
+        fseek($this->handle, $this->pointer);
+
+        return false;
+    }
+
+    /**
+     * Reset and clear this current object
+     */
+    private function reset()
+    {
+        $this->gif = null;
+        $this->totalDuration = $this->gifMaxHeight = $this->gifMaxWidth = $this->handle = $this->pointer = $this->frameNumber = 0;
+        $this->frameDimensions = $this->framePositions = $this->frameImages = $this->frameDurations = $this->globaldata = $this->orgvars = $this->frames = $this->fileHeader = $this->frameSources = [];
+    }
+
+    // Getter / Setter
+    // ===================================================================================
+
+
+    /**
+     * Get the total of all added frame duration
+     *
+     * @return integer
+     */
+    public function getTotalDuration()
+    {
+        return $this->totalDuration;
+    }
+
+    /**
+     * Get the number of extracted frames
+     *
+     * @return integer
+     */
+    public function getFrameNumber()
+    {
+        return $this->frameNumber;
+    }
+
+    /**
+     * Get the extracted frames (images and durations)
+     *
+     * @return array
+     */
+    public function getFrames()
+    {
+        return $this->frames;
+    }
+
+    /**
+     * Get the extracted frame positions
+     *
+     * @return array
+     */
+    public function getFramePositions()
+    {
+        return $this->framePositions;
+    }
+
+    /**
+     * Get the extracted frame dimensions
+     *
+     * @return array
+     */
+    public function getFrameDimensions()
+    {
+        return $this->frameDimensions;
+    }
+
+    /**
+     * Get the extracted frame images
+     *
+     * @return array
+     */
+    public function getFrameImages()
+    {
+        return $this->frameImages;
+    }
+
+    /**
+     * Get the extracted frame durations
+     *
+     * @return array
+     */
+    public function getFrameDurations()
+    {
+        return $this->frameDurations;
+    }
+}
diff --git a/app/Services/ImageService.php b/app/Services/ImageService.php
deleted file mode 100644
index be65efd..0000000
--- a/app/Services/ImageService.php
+++ /dev/null
@@ -1,9 +0,0 @@
-<?php
-
-namespace App\Services;
-
-use ImageIntervention;
-
-class ImageService
-{
-}
diff --git a/package-lock.json b/package-lock.json
index 8906a72..1821078 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,13 @@
 {
-    "name": "Website",
+    "name": "website",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "dependencies": {
-                "@fortawesome/fontawesome-svg-core": "^6.2.1",
-                "@fortawesome/free-brands-svg-icons": "^6.2.1",
-                "@fortawesome/free-regular-svg-icons": "^6.2.1",
-                "@fortawesome/free-solid-svg-icons": "^6.2.1",
-                "@fortawesome/vue-fontawesome": "^3.0.2",
                 "@vitejs/plugin-vue": "^4.0.0",
                 "@vuepic/vue-datepicker": "^3.6.4",
-                "date-fns": "^2.29.3",
                 "dotenv": "^16.0.3",
-                "element-plus": "^2.2.27",
                 "normalize.css": "^8.0.1",
                 "pinia": "^2.0.28",
                 "pinia-plugin-persistedstate": "^3.0.1",
@@ -32,7 +25,6 @@
             "devDependencies": {
                 "@typescript-eslint/eslint-plugin": "^5.48.1",
                 "@typescript-eslint/parser": "^5.48.1",
-                "axios": "^1.1.2",
                 "eslint": "^8.31.0",
                 "eslint-config-prettier": "^8.6.0",
                 "eslint-plugin-jsdoc": "^39.6.4",
@@ -56,22 +48,6 @@
                 "node": ">=6.0.0"
             }
         },
-        "node_modules/@ctrl/tinycolor": {
-            "version": "3.5.0",
-            "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.5.0.tgz",
-            "integrity": "sha512-tlJpwF40DEQcfR/QF+wNMVyGMaO9FQp6Z1Wahj4Gk3CJQYHwA2xVG7iKDFdW6zuxZY9XWOpGcfNCTsX4McOsOg==",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@element-plus/icons-vue": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.10.tgz",
-            "integrity": "sha512-ygEZ1mwPjcPo/OulhzLE7mtDrQBWI8vZzEWSNB2W/RNCRjoQGwbaK4N8lV4rid7Ts4qvySU3njMN7YCiSlSaTQ==",
-            "peerDependencies": {
-                "vue": "^3.2.0"
-            }
-        },
         "node_modules/@es-joy/jsdoccomment": {
             "version": "0.36.1",
             "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.36.1.tgz",
@@ -439,85 +415,6 @@
                 "url": "https://opencollective.com/eslint"
             }
         },
-        "node_modules/@floating-ui/core": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.1.1.tgz",
-            "integrity": "sha512-PL7g3dhA4dHgZfujkuD8Q+tfJJynEtnNQSPzmucCnxMvkxf4cLBJw/ZYqZUn4HCh33U3WHrAfv2R2tbi9UCSmw=="
-        },
-        "node_modules/@floating-ui/dom": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.1.tgz",
-            "integrity": "sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==",
-            "dependencies": {
-                "@floating-ui/core": "^1.1.0"
-            }
-        },
-        "node_modules/@fortawesome/fontawesome-common-types": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.2.1.tgz",
-            "integrity": "sha512-Sz07mnQrTekFWLz5BMjOzHl/+NooTdW8F8kDQxjWwbpOJcnoSg4vUDng8d/WR1wOxM0O+CY9Zw0nR054riNYtQ==",
-            "hasInstallScript": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/fontawesome-svg-core": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.2.1.tgz",
-            "integrity": "sha512-HELwwbCz6C1XEcjzyT1Jugmz2NNklMrSPjZOWMlc+ZsHIVk+XOvOXLGGQtFBwSyqfJDNgRq4xBCwWOaZ/d9DEA==",
-            "hasInstallScript": true,
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.2.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/free-brands-svg-icons": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.2.1.tgz",
-            "integrity": "sha512-L8l4MfdHPmZlJ72PvzdfwOwbwcCAL0vx48tJRnI6u1PJXh+j2f3yDoKyQgO3qjEsgD5Fr2tQV/cPP8F/k6aUig==",
-            "hasInstallScript": true,
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.2.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/free-regular-svg-icons": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.2.1.tgz",
-            "integrity": "sha512-wiqcNDNom75x+pe88FclpKz7aOSqS2lOivZeicMV5KRwOAeypxEYWAK/0v+7r+LrEY30+qzh8r2XDaEHvoLsMA==",
-            "hasInstallScript": true,
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.2.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/free-solid-svg-icons": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.2.1.tgz",
-            "integrity": "sha512-oKuqrP5jbfEPJWTij4sM+/RvgX+RMFwx3QZCZcK9PrBDgxC35zuc7AOFsyMjMd/PIFPeB2JxyqDr5zs/DZFPPw==",
-            "hasInstallScript": true,
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.2.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/vue-fontawesome": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.3.tgz",
-            "integrity": "sha512-KCPHi9QemVXGMrfuwf3nNnNo129resAIQWut9QTAMXmXqL2ErABC6ohd2yY5Ipq0CLWNbKHk8TMdTXL/Zf3ZhA==",
-            "peerDependencies": {
-                "@fortawesome/fontawesome-svg-core": "~1 || ~6",
-                "vue": ">= 3.0.0 < 4"
-            }
-        },
         "node_modules/@humanwhocodes/config-array": {
             "version": "0.11.8",
             "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -644,16 +541,6 @@
                 "node": ">= 8"
             }
         },
-        "node_modules/@popperjs/core": {
-            "name": "@sxzz/popperjs-es",
-            "version": "2.11.7",
-            "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-            "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/popperjs"
-            }
-        },
         "node_modules/@types/eslint": {
             "version": "8.21.0",
             "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.21.0.tgz",
@@ -685,19 +572,6 @@
             "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
             "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ=="
         },
-        "node_modules/@types/lodash": {
-            "version": "4.14.191",
-            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.191.tgz",
-            "integrity": "sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ=="
-        },
-        "node_modules/@types/lodash-es": {
-            "version": "4.17.6",
-            "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
-            "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
-            "dependencies": {
-                "@types/lodash": "*"
-            }
-        },
         "node_modules/@types/node": {
             "version": "18.11.18",
             "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.18.tgz",
@@ -710,11 +584,6 @@
             "integrity": "sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==",
             "dev": true
         },
-        "node_modules/@types/web-bluetooth": {
-            "version": "0.0.16",
-            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
-            "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
-        },
         "node_modules/@typescript-eslint/eslint-plugin": {
             "version": "5.50.0",
             "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.50.0.tgz",
@@ -1037,39 +906,6 @@
                 "vue": ">=3.2.0"
             }
         },
-        "node_modules/@vueuse/core": {
-            "version": "9.12.0",
-            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.12.0.tgz",
-            "integrity": "sha512-h/Di8Bvf6xRcvS/PvUVheiMYYz3U0tH3X25YxONSaAUBa841ayMwxkuzx/DGUMCW/wHWzD8tRy2zYmOC36r4sg==",
-            "dependencies": {
-                "@types/web-bluetooth": "^0.0.16",
-                "@vueuse/metadata": "9.12.0",
-                "@vueuse/shared": "9.12.0",
-                "vue-demi": "*"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/@vueuse/metadata": {
-            "version": "9.12.0",
-            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.12.0.tgz",
-            "integrity": "sha512-9oJ9MM9lFLlmvxXUqsR1wLt1uF7EVbP5iYaHJYqk+G2PbMjY6EXvZeTjbdO89HgoF5cI6z49o2zT/jD9SVoNpQ==",
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/@vueuse/shared": {
-            "version": "9.12.0",
-            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.12.0.tgz",
-            "integrity": "sha512-TWuJLACQ0BVithVTRbex4Wf1a1VaRuSpVeyEd4vMUWl54PzlE0ciFUshKCXnlLuD0lxIaLK4Ypj3NXYzZh4+SQ==",
-            "dependencies": {
-                "vue-demi": "*"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
         "node_modules/@webassemblyjs/ast": {
             "version": "1.11.1",
             "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -1331,28 +1167,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/async-validator": {
-            "version": "4.2.5",
-            "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
-            "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
-        },
-        "node_modules/asynckit": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-            "dev": true
-        },
-        "node_modules/axios": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.1.tgz",
-            "integrity": "sha512-78pWJsQTceInlyaeBQeYZ/QgZeWS8hGeKiIJiDKQe3hEyBb7sEMq0K4gjx+Va6WHTYO4zI/RRl8qGRzn0YMadA==",
-            "dev": true,
-            "dependencies": {
-                "follow-redirects": "^1.15.0",
-                "form-data": "^4.0.0",
-                "proxy-from-env": "^1.1.0"
-            }
-        },
         "node_modules/balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1538,18 +1352,6 @@
             "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
             "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
-        "node_modules/combined-stream": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-            "dev": true,
-            "dependencies": {
-                "delayed-stream": "~1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
         "node_modules/commander": {
             "version": "2.20.3",
             "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -1622,11 +1424,6 @@
                 "date-fns": ">=2.0.0"
             }
         },
-        "node_modules/dayjs": {
-            "version": "1.11.7",
-            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz",
-            "integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
-        },
         "node_modules/debug": {
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -1650,15 +1447,6 @@
             "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
             "dev": true
         },
-        "node_modules/delayed-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
         "node_modules/dir-glob": {
             "version": "3.0.1",
             "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -1702,31 +1490,6 @@
             "integrity": "sha512-47o4PPgxfU1KMNejz+Dgaodf7YTcg48uOfV1oM6cs3adrl2+7R+dHkt3Jpxqo0LRCbGJEzTKMUt0RdvByb/leg==",
             "peer": true
         },
-        "node_modules/element-plus": {
-            "version": "2.2.29",
-            "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.29.tgz",
-            "integrity": "sha512-g4dcrURrKkR5uUX8n5RVnnqGnimoki9HfqS4yHHG6XwCHBkZGozdq4x+478BzeWUe31h++BO+7dakSx4VnM8RQ==",
-            "dependencies": {
-                "@ctrl/tinycolor": "^3.4.1",
-                "@element-plus/icons-vue": "^2.0.6",
-                "@floating-ui/dom": "^1.0.1",
-                "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
-                "@types/lodash": "^4.14.182",
-                "@types/lodash-es": "^4.17.6",
-                "@vueuse/core": "^9.1.0",
-                "async-validator": "^4.2.5",
-                "dayjs": "^1.11.3",
-                "escape-html": "^1.0.3",
-                "lodash": "^4.17.21",
-                "lodash-es": "^4.17.21",
-                "lodash-unified": "^1.0.2",
-                "memoize-one": "^6.0.0",
-                "normalize-wheel-es": "^1.2.0"
-            },
-            "peerDependencies": {
-                "vue": "^3.2.0"
-            }
-        },
         "node_modules/emojis-list": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
@@ -1799,11 +1562,6 @@
                 "node": ">=6"
             }
         },
-        "node_modules/escape-html": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-            "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
-        },
         "node_modules/escape-string-regexp": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -2195,40 +1953,6 @@
             "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
             "dev": true
         },
-        "node_modules/follow-redirects": {
-            "version": "1.15.2",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-            "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://github.com/sponsors/RubenVerborgh"
-                }
-            ],
-            "engines": {
-                "node": ">=4.0"
-            },
-            "peerDependenciesMeta": {
-                "debug": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/form-data": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-            "dev": true,
-            "dependencies": {
-                "asynckit": "^0.4.0",
-                "combined-stream": "^1.0.8",
-                "mime-types": "^2.1.12"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
         "node_modules/fs.realpath": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -2638,22 +2362,8 @@
         "node_modules/lodash": {
             "version": "4.17.21",
             "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-        },
-        "node_modules/lodash-es": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
-        },
-        "node_modules/lodash-unified": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz",
-            "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
-            "peerDependencies": {
-                "@types/lodash-es": "*",
-                "lodash": "*",
-                "lodash-es": "*"
-            }
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "dev": true
         },
         "node_modules/lodash.merge": {
             "version": "4.6.2",
@@ -2681,11 +2391,6 @@
                 "sourcemap-codec": "^1.4.8"
             }
         },
-        "node_modules/memoize-one": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
-            "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
-        },
         "node_modules/merge-stream": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -2718,6 +2423,7 @@
             "version": "1.52.0",
             "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
             "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -2726,6 +2432,7 @@
             "version": "2.1.35",
             "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
             "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "peer": true,
             "dependencies": {
                 "mime-db": "1.52.0"
             },
@@ -2794,11 +2501,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/normalize-wheel-es": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
-            "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw=="
-        },
         "node_modules/normalize.css": {
             "version": "8.0.1",
             "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
@@ -3034,12 +2736,6 @@
                 "url": "https://github.com/prettier/prettier?sponsor=1"
             }
         },
-        "node_modules/proxy-from-env": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-            "dev": true
-        },
         "node_modules/punycode": {
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
diff --git a/package.json b/package.json
index 19ba6f6..471be87 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,6 @@
     "devDependencies": {
         "@typescript-eslint/eslint-plugin": "^5.48.1",
         "@typescript-eslint/parser": "^5.48.1",
-        "axios": "^1.1.2",
         "eslint": "^8.31.0",
         "eslint-config-prettier": "^8.6.0",
         "eslint-plugin-jsdoc": "^39.6.4",
@@ -22,16 +21,9 @@
         "vite": "^4.0.0"
     },
     "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^6.2.1",
-        "@fortawesome/free-brands-svg-icons": "^6.2.1",
-        "@fortawesome/free-regular-svg-icons": "^6.2.1",
-        "@fortawesome/free-solid-svg-icons": "^6.2.1",
-        "@fortawesome/vue-fontawesome": "^3.0.2",
         "@vitejs/plugin-vue": "^4.0.0",
         "@vuepic/vue-datepicker": "^3.6.4",
-        "date-fns": "^2.29.3",
         "dotenv": "^16.0.3",
-        "element-plus": "^2.2.27",
         "normalize.css": "^8.0.1",
         "pinia": "^2.0.28",
         "pinia-plugin-persistedstate": "^3.0.1",
diff --git a/public/img/background.jpg b/public/img/background.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e2439680c67fb7f53e946a4565f1a35eed77e1a5
GIT binary patch
literal 56542
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

literal 0
HcmV?d00001

diff --git a/resources/css/app.scss b/resources/css/app.scss
index 6aebd87..689ae98 100644
--- a/resources/css/app.scss
+++ b/resources/css/app.scss
@@ -43,50 +43,31 @@ h1 {
     font-weight: 800;
 }
 
-label {
-    display: block;
-    margin-bottom: map-get($spacer, 1);
-
-    &.required:after {
-        content: " *";
-        color: $danger-color;
-    }
-
-    &.inline {
-        display: inline-block;
-        margin-right: map-get($spacer, 3);
-
-        &:after {
-            content: ":";
-        }
-    }
-}
-
 p {
     line-height: 1.5rem;
     margin-top: 0;
 }
 
-input,
-select,
-textarea {
-    box-sizing: border-box;
-    display: block;
-    width: 100%;
-    border: 1px solid $border-color;
-    border-radius: 12px;
-    padding: map-get($spacer, 2) map-get($spacer, 3);
-    color: $font-color;
-    margin-bottom: map-get($spacer, 4);
+// input,
+// select,
+// textarea {
+//     box-sizing: border-box;
+//     display: block;
+//     width: 100%;
+//     border: 1px solid $border-color;
+//     border-radius: 12px;
+//     padding: map-get($spacer, 2) map-get($spacer, 3);
+//     color: $font-color;
+//     margin-bottom: map-get($spacer, 4);
 
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-}
+//     -webkit-appearance: none;
+//     -moz-appearance: none;
+//     appearance: none;
+// }
 
-textarea {
-    resize: none;
-}
+// textarea {
+//     resize: none;
+// }
 
 select {
     padding-right: 2.5rem;
@@ -178,39 +159,6 @@ code {
     }
 }
 
-/* Loader */
-.loader-cover {
-    position: fixed;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    backdrop-filter: blur(14px);
-    -webkit-backdrop-filter: blur(4px);
-    background-color: rgba(255, 255, 255, 0.5);
-
-    .loader {
-        display: flex;
-        flex-direction: column;
-        padding: map-get($spacer, 5) calc(map-get($spacer, 5) * 2);
-
-        border: 1px solid transparent;
-        border-radius: 24px;
-
-        svg {
-            font-size: calc(map-get($spacer, 5) * 1.5);
-        }
-
-        span {
-            font-size: map-get($spacer, 4);
-            padding-top: map-get($spacer, 3);
-        }
-    }
-}
-
 /* Button */
 button.button,
 a.button,
@@ -301,53 +249,6 @@ label.button {
     }
 }
 
-/* Form Group */
-.form-group {
-    margin-bottom: map-get($spacer, 3);
-    padding: 0 4px;
-    flex: 1;
-
-    input,
-    textarea {
-        margin-bottom: map-get($spacer, 1);
-    }
-
-    .form-group-info {
-        font-size: 85%;
-        margin-bottom: map-get($spacer, 1);
-    }
-
-    .form-group-error {
-        // display: none;
-        font-size: 85%;
-        margin-bottom: map-get($spacer, 1);
-        color: $danger-color;
-    }
-
-    .form-group-help {
-        font-size: 85%;
-        margin-bottom: map-get($spacer, 1);
-        color: $secondary-color;
-
-        svg {
-            vertical-align: middle !important;
-        }
-    }
-
-    &.has-error {
-        input,
-        textarea,
-        .input-file-group,
-        .input-media-group .input-media-display {
-            border: 2px solid $danger-color;
-        }
-
-        .form-group-error {
-            display: block;
-        }
-    }
-}
-
 /* Page Errors */
 .page-error {
     display: flex;
diff --git a/resources/css/utils.scss b/resources/css/utils.scss
index 7fd4104..2788096 100644
--- a/resources/css/utils.scss
+++ b/resources/css/utils.scss
@@ -125,33 +125,33 @@
 /* Margin */
 @each $index, $size in $spacer {
     .m-#{$index} {
-        margin: #{$size};
+        margin: #{$size} !important;
     }
 
     .mt-#{$index} {
-        margin-top: #{$size};
+        margin-top: #{$size} !important;
     }
 
     .mb-#{$index} {
-        margin-bottom: #{$size};
+        margin-bottom: #{$size} !important;
     }
 
     .ml-#{$index} {
-        margin-left: #{$size};
+        margin-left: #{$size} !important;
     }
 
     .mr-#{$index} {
-        margin-right: #{$size};
+        margin-right: #{$size} !important;
     }
 
     .mx-#{$index} {
-        margin-left: #{$size};
-        margin-right: #{$size};
+        margin-left: #{$size} !important;
+        margin-right: #{$size} !important;
     }
 
     .my-#{$index} {
-        margin-top: #{$size};
-        margin-bottom: #{$size};
+        margin-top: #{$size} !important;
+        margin-bottom: #{$size} !important;
     }
 }
 
diff --git a/resources/js/axios.js b/resources/js/axios.js.old
similarity index 100%
rename from resources/js/axios.js
rename to resources/js/axios.js.old
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
index 366c49d..05720dc 100644
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import _ from "lodash";
 window._ = _;
 
 /**
@@ -7,10 +7,10 @@ window._ = _;
  * CSRF token as a header based on the value of the "XSRF" token cookie.
  */
 
-import axios from 'axios';
-window.axios = axios;
+// import axios from 'axios';
+// window.axios = axios;
 
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+// window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
 
 /**
  * Echo exposes an expressive API for subscribing to channels and listening
diff --git a/resources/js/components/SMButton.vue b/resources/js/components/SMButton.vue
index 0e3428e..5668325 100644
--- a/resources/js/components/SMButton.vue
+++ b/resources/js/components/SMButton.vue
@@ -11,7 +11,7 @@
         ]"
         :type="buttonType">
         {{ label }}
-        <font-awesome-icon v-if="icon" :icon="icon" />
+        <ion-icon v-if="icon" :icon="icon" />
     </a>
     <button
         v-else-if="to == null"
@@ -24,7 +24,7 @@
         ]"
         :type="buttonType">
         {{ label }}
-        <font-awesome-icon v-if="icon" :icon="icon" />
+        <ion-icon v-if="icon" :icon="icon" />
     </button>
     <router-link
         v-else
@@ -37,7 +37,7 @@
             { 'button-block': block },
         ]">
         {{ label }}
-        <font-awesome-icon v-if="icon" :icon="icon" />
+        <ion-icon v-if="icon" :icon="icon" />
     </router-link>
 </template>
 
@@ -83,5 +83,11 @@ const classType = props.type == "submit" ? "primary" : props.type;
         display: block;
         width: 100%;
     }
+
+    ion-icon {
+        height: 1.2rem;
+        width: 1.2rem;
+        vertical-align: middle;
+    }
 }
 </style>
diff --git a/resources/js/components/SMCarousel.vue b/resources/js/components/SMCarousel.vue
index c92f270..05b4e1d 100644
--- a/resources/js/components/SMCarousel.vue
+++ b/resources/js/components/SMCarousel.vue
@@ -7,22 +7,20 @@
             <slot></slot>
         </div>
         <div class="carousel-slide-prev" @click="handleSlidePrev">
-            <font-awesome-icon icon="fa-solid fa-chevron-left" />
+            <ion-icon name="chevron-back-outline" />
         </div>
         <div class="carousel-slide-next" @click="handleSlideNext">
-            <font-awesome-icon icon="fa-solid fa-chevron-right" />
+            <ion-icon name="chevron-forward-outline" />
         </div>
         <div class="carousel-slide-indicators">
             <div
                 v-for="(indicator, index) in slideElements"
                 :key="index"
-                class="carousel-slide-indicator-dot">
-                <font-awesome-icon
-                    v-if="currentSlide != index"
-                    icon="fa-regular fa-circle"
-                    @click="handleIndicator(index)" />
-                <font-awesome-icon v-else icon="fa-solid fa-circle" />
-            </div>
+                :class="[
+                    'carousel-slide-indicator-item',
+                    { highlighted: currentSlide == index },
+                ]"
+                @click="handleIndicator(index)"></div>
         </div>
     </div>
 </template>
@@ -184,12 +182,20 @@ const disconnectMutationObserver = () => {
         opacity: 0.75;
         transition: opacity 0.2s ease-in-out;
 
-        svg {
+        .carousel-slide-indicator-item {
+            height: map-get($spacer, 1);
+            width: map-get($spacer, 1);
+            border: 1px solid white;
+            border-radius: 50%;
             cursor: pointer;
             font-size: 80%;
-            padding: 0 0.25rem;
+            margin: 0 calc(#{map-get($spacer, 1)} / 3);
             color: #fff;
             filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
+
+            &.highlighted {
+                background-color: white;
+            }
         }
     }
 }
diff --git a/resources/js/components/SMCarouselSlide.vue b/resources/js/components/SMCarouselSlide.vue
index 95521d6..6433c64 100644
--- a/resources/js/components/SMCarouselSlide.vue
+++ b/resources/js/components/SMCarouselSlide.vue
@@ -3,7 +3,7 @@
         class="carousel-slide"
         :style="{ backgroundImage: `url('${imageUrl}')` }">
         <div v-if="imageUrl == null" class="carousel-slide-loading">
-            <font-awesome-icon icon="fa-solid fa-spinner" pulse />
+            <SMLoadingIcon />
         </div>
         <div v-else class="carousel-slide-body">
             <div class="carousel-slide-content">
@@ -20,9 +20,10 @@
 </template>
 
 <script setup lang="ts">
-import axios from "axios";
 import { ref } from "vue";
+import { api } from "../helpers/api";
 import SMButton from "./SMButton.vue";
+import SMLoadingIcon from "./SMLoadingIcon.vue";
 
 const props = defineProps({
     title: {
@@ -56,9 +57,9 @@ let imageUrl = ref(null);
 
 const handleLoad = async () => {
     try {
-        let result = await axios.get(`media/${props.image}`);
-        if (result.data.medium) {
-            imageUrl.value = result.data.medium.url;
+        let result = await api.get(`/media/${props.image}`);
+        if (result.json.medium) {
+            imageUrl.value = result.json.medium.url;
         }
     } catch (error) {
         imageUrl.value = "";
diff --git a/resources/js/components/SMContainer.vue b/resources/js/components/SMContainer.vue
index b4c8899..f07db67 100644
--- a/resources/js/components/SMContainer.vue
+++ b/resources/js/components/SMContainer.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="['container', { full: isFull }]">
+    <div :class="['container', { full: isFull }]" :style="styleObject">
         <SMLoader :loading="loading">
             <d-error-forbidden
                 v-if="pageError == 403 || !hasPermission()"></d-error-forbidden>
@@ -50,9 +50,19 @@ const props = defineProps({
         default: false,
         required: false,
     },
+    background: {
+        type: String,
+        default: "",
+        required: false,
+    },
 });
 const slots = useSlots();
 const userStore = useUserStore();
+let styleObject = {};
+
+if (props.background != "") {
+    styleObject["backgroundImage"] = `url('${props.background}')`;
+}
 
 const hasPermission = () => {
     return (
@@ -76,6 +86,9 @@ const isFull = computed(() => {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
 
     &.full {
         padding-left: 0;
diff --git a/resources/js/components/SMDatePicker.vue b/resources/js/components/SMDatePicker.vue
index 44ced68..a148f88 100644
--- a/resources/js/components/SMDatePicker.vue
+++ b/resources/js/components/SMDatePicker.vue
@@ -20,7 +20,7 @@
             <slot></slot>
         </div>
         <div v-if="help" class="form-group-help">
-            <font-awesome-icon v-if="helpIcon" :icon="helpIcon" />
+            <!-- <font-awesome-icon v-if="helpIcon" :icon="helpIcon" /> -->
             {{ help }}
         </div>
     </div>
diff --git a/resources/js/components/SMDialog.vue b/resources/js/components/SMDialog.vue
index b0df89a..ff9fcbd 100644
--- a/resources/js/components/SMDialog.vue
+++ b/resources/js/components/SMDialog.vue
@@ -8,7 +8,7 @@
         <transition name="fade">
             <div v-if="loading" class="dialog-loading-cover">
                 <div class="dialog-loading">
-                    <font-awesome-icon icon="fa-solid fa-spinner" pulse />
+                    <SMLoadingIcon />
                     <span>{{ loadingMessage }}</span>
                 </div>
             </div>
@@ -18,6 +18,8 @@
 </template>
 
 <script setup lang="ts">
+import SMLoadingIcon from "./SMLoadingIcon.vue";
+
 defineProps({
     loading: {
         type: Boolean,
@@ -50,6 +52,7 @@ defineProps({
     border-radius: 24px;
     overflow: hidden;
     min-width: map-get($spacer, 5) * 12;
+    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
 
     & > h1 {
         margin-top: 0;
diff --git a/resources/js/components/SMFooter.vue b/resources/js/components/SMFooter.vue
index 9df349c..a153c43 100644
--- a/resources/js/components/SMFooter.vue
+++ b/resources/js/components/SMFooter.vue
@@ -5,33 +5,33 @@
                 <ul>
                     <li>
                         <a href="https://facebook.com/stemmechanics"
-                            ><font-awesome-icon icon="fa-brands fa-facebook"
-                        /></a>
+                            ><ion-icon name="logo-facebook"></ion-icon
+                        ></a>
                     </li>
                     <li>
                         <a href="https://mastodon.au/@stemmechanics"
-                            ><font-awesome-icon icon="fa-brands fa-mastodon"
-                        /></a>
+                            ><ion-icon name="logo-mastodon"></ion-icon
+                        ></a>
                     </li>
                     <li>
                         <a href="https://www.youtube.com/@stemmechanics"
-                            ><font-awesome-icon icon="fa-brands fa-youtube"
-                        /></a>
+                            ><ion-icon name="logo-youtube"></ion-icon
+                        ></a>
                     </li>
                     <li>
                         <a href="https://twitter.com/stemmechanics"
-                            ><font-awesome-icon icon="fa-brands fa-twitter"
-                        /></a>
+                            ><ion-icon name="logo-twitter"></ion-icon
+                        ></a>
                     </li>
                     <li>
                         <a href="https://github.com/stemmechanics"
-                            ><font-awesome-icon icon="fa-brands fa-github"
-                        /></a>
+                            ><ion-icon name="logo-github"></ion-icon
+                        ></a>
                     </li>
                     <li>
                         <a href="https://discord.gg/yNzk4x7mpD"
-                            ><font-awesome-icon icon="fa-brands fa-discord"
-                        /></a>
+                            ><ion-icon name="logo-discord"></ion-icon
+                        ></a>
                     </li>
                 </ul>
             </SMColumn>
diff --git a/resources/js/components/SMForm.vue b/resources/js/components/SMForm.vue
new file mode 100644
index 0000000..5754fa3
--- /dev/null
+++ b/resources/js/components/SMForm.vue
@@ -0,0 +1,36 @@
+<template>
+    <form @submit.prevent="handleSubmit">
+        <SMLoader :loading="props.modelValue._loading"></SMLoader>
+        <SMMessage
+            v-if="props.modelValue._message.length > 0"
+            :message="props.modelValue._message"
+            :type="props.modelValue._messageType"
+            :icon="props.modelValue._messageIcon" />
+
+        <slot></slot>
+    </form>
+</template>
+
+<script setup lang="ts">
+import { provide } from "vue";
+import SMLoader from "../components/SMLoader.vue";
+import SMMessage from "./SMMessage.vue";
+
+const props = defineProps({
+    modelValue: {
+        type: Object,
+        required: true,
+    },
+});
+const emits = defineEmits(["submit"]);
+
+const handleSubmit = function () {
+    if (props.modelValue.validate()) {
+        emits("submit");
+    }
+};
+
+provide("form", props.modelValue);
+</script>
+
+<style lang="scss"></style>
diff --git a/resources/js/components/SMFormFooter.vue b/resources/js/components/SMFormFooter.vue
index 060a21f..537e4c7 100644
--- a/resources/js/components/SMFormFooter.vue
+++ b/resources/js/components/SMFormFooter.vue
@@ -1,26 +1,25 @@
 <template>
-    <div class="form-footer">
-        <div class="form-footer-column form-footer-column-left">
+    <div class="sm-form-footer">
+        <div class="sm-form-footer-column sm-form-footer-column-left">
             <slot name="left"></slot>
         </div>
-        <div class="form-footer-column form-footer-column-right">
+        <div class="sm-form-footer-column sm-form-footer-column-right">
             <slot name="right"></slot>
         </div>
     </div>
 </template>
 
 <style lang="scss">
-.form-footer {
+.sm-form-footer {
     display: flex;
     flex: 1;
-    // margin-bottom: map-get($spacer, 3);
 
-    .form-footer-column {
+    .sm-form-footer-column {
         display: flex;
         align-items: center;
 
-        &.form-footer-column-left,
-        &.form-footer-column-right {
+        &.sm-form-footer-column-left,
+        &.sm-form-footer-column-right {
             a,
             button {
                 margin-left: map-get($spacer, 1);
@@ -36,7 +35,7 @@
             }
         }
 
-        &.form-footer-column-right {
+        &.sm-form-footer-column-right {
             flex: 1;
             justify-content: flex-end;
         }
@@ -44,12 +43,12 @@
 }
 
 @media screen and (max-width: 768px) {
-    .form-footer {
+    .sm-form-footer {
         flex-direction: column-reverse;
 
-        .form-footer-column {
-            &.form-footer-column-left,
-            &.form-footer-column-right {
+        .sm-form-footer-column {
+            &.sm-form-footer-column-left,
+            &.sm-form-footer-column-right {
                 display: flex;
                 flex-direction: column-reverse;
                 justify-content: center;
@@ -66,11 +65,11 @@
                 }
             }
 
-            &.form-footer-column-left {
+            &.sm-form-footer-column-left {
                 margin-bottom: -#{calc(map-get($spacer, 1) / 2)};
             }
 
-            &.form-footer-column-right {
+            &.sm-form-footer-column-right {
                 margin-top: -#{calc(map-get($spacer, 1) / 2)};
             }
         }
diff --git a/resources/js/components/SMHeading.vue b/resources/js/components/SMHeading.vue
index ab7c18c..53fda97 100644
--- a/resources/js/components/SMHeading.vue
+++ b/resources/js/components/SMHeading.vue
@@ -4,13 +4,13 @@
             v-if="back != ''"
             :to="{ name: back }"
             class="heading-back">
-            <font-awesome-icon icon="fa-solid fa-arrow-left" />{{ backLabel }}
+            <ion-icon name="arrow-back-outline" />{{ backLabel }}
         </router-link>
         <router-link v-if="close != ''" :to="{ name: close }" class="close">
-            <font-awesome-icon icon="fa-solid fa-close" />
+            <ion-icon name="close-outline" />
         </router-link>
         <span v-if="closeBack" class="close" @click="handleBack">
-            <font-awesome-icon icon="fa-solid fa-close" />
+            <ion-icon name="close-outline" />
         </span>
         <h1>{{ heading }}</h1>
     </div>
diff --git a/resources/js/components/SMInput.vue b/resources/js/components/SMInput.vue
index cf7357d..af9a690 100644
--- a/resources/js/components/SMInput.vue
+++ b/resources/js/components/SMInput.vue
@@ -1,29 +1,39 @@
 <template>
-    <div :class="['form-group', { 'has-error': error }]">
-        <label v-if="label" :class="{ required: required, inline: inline }">{{
-            label
-        }}</label>
+    <div
+        :class="[
+            'sm-input-group',
+            {
+                'sm-input-active': inputActive,
+                'sm-feedback-invalid': feedbackInvalid,
+            },
+        ]">
+        <label v-if="label">{{ label }}</label>
+        <ion-icon
+            class="sm-invalid-icon"
+            name="alert-circle-outline"></ion-icon>
         <input
             v-if="
                 type == 'text' ||
+                type == 'email' ||
                 type == 'password' ||
                 type == 'email' ||
                 type == 'url'
             "
             :type="type"
-            :value="modelValue"
             :placeholder="placeholder"
-            @input="input"
+            :value="value"
+            @input="handleInput"
+            @focus="handleFocus"
             @blur="handleBlur"
-            @keydown="handleBlur" />
+            @keydown="handleKeydown" />
         <textarea
             v-if="type == 'textarea'"
             rows="5"
-            :value="modelValue"
-            :placeholder="placeholder"
-            @input="input"
+            :value="value"
+            @input="handleInput"
+            @focus="handleFocus"
             @blur="handleBlur"
-            @keydown="handleBlur"></textarea>
+            @keydown="handleKeydown"></textarea>
         <div v-if="type == 'file'" class="input-file-group">
             <input
                 id="file"
@@ -40,37 +50,31 @@
             props.modelValue
         }}</a>
         <span v-if="type == 'static'">{{ props.modelValue }}</span>
-        <div v-if="type == 'media'" class="input-media-group">
-            <div class="input-media-display">
-                <img v-if="mediaUrl.length > 0" :src="mediaUrl" />
-                <font-awesome-icon v-else icon="fa-regular fa-image" />
-            </div>
-            <div v-if="type == 'media'" class="form-group-error">
-                {{ error }}
-            </div>
-            <a class="button" @click.prevent="handleMediaSelect">Select file</a>
-        </div>
-        <div v-if="type != 'media'" class="form-group-error">{{ error }}</div>
-        <div v-if="slots.default" class="form-group-info">
-            <slot></slot>
+        <div v-if="slots.default || feedbackInvalid" class="sm-input-help">
+            <span v-if="feedbackInvalid" class="sm-input-invalid">{{
+                feedbackInvalid
+            }}</span>
+            <span v-if="slots.default" class="sm-input-info">
+                <slot></slot>
+            </span>
         </div>
         <div v-if="help" class="form-group-help">
-            <font-awesome-icon v-if="helpIcon" :icon="helpIcon" />
+            <ion-icon v-if="helpIcon" name="information-circle-outline" />
             {{ help }}
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
-import { computed, useSlots, ref, watch } from "vue";
-import SMDialogMedia from "./dialogs/SMDialogMedia.vue";
-import { openDialog } from "vue3-promise-dialog";
-import axios from "axios";
+import { watch, computed, useSlots, ref, inject } from "vue";
+import { toTitleCase } from "../helpers/string";
+import { isEmpty } from "../helpers/utils";
 
 const props = defineProps({
     modelValue: {
         type: String,
         default: "",
+        required: false,
     },
     label: {
         type: String,
@@ -90,7 +94,7 @@ const props = defineProps({
         type: String,
         default: "text",
     },
-    error: {
+    feedbackInvalid: {
         type: String,
         default: "",
     },
@@ -106,100 +110,215 @@ const props = defineProps({
         type: String,
         default: "",
     },
-    href: {
+    control: {
         type: String,
         default: "",
     },
+    form: {
+        type: Object,
+        default: () => {
+            return {};
+        },
+        required: false,
+    },
 });
 
-const emits = defineEmits(["update:modelValue", "blur"]);
+const emits = defineEmits(["update:modelValue", "focus", "blur", "keydown"]);
 const slots = useSlots();
-const mediaUrl = ref("");
+
+const objForm = inject("form", props.form);
+const objControl =
+    !isEmpty(objForm) && props.control != "" ? objForm[props.control] : null;
+
+const label = ref("");
+const feedbackInvalid = ref("");
+
+watch(
+    () => props.label,
+    (newValue) => {
+        label.value = newValue;
+    }
+);
+
+const value = ref(props.modelValue);
+if (objControl) {
+    if (value.value.length > 0) {
+        objControl.value = value.value;
+    } else {
+        value.value = objControl.value;
+    }
+
+    if (label.value.length == 0) {
+        label.value = toTitleCase(props.control);
+    }
+
+    watch(
+        () => objControl.validation.result.valid,
+        (newValue) => {
+            feedbackInvalid.value = newValue
+                ? ""
+                : objControl.validation.result.invalidMessages[0];
+        },
+        { deep: true }
+    );
+}
+
+watch(
+    () => props.modelValue,
+    (newValue) => {
+        value.value = newValue;
+    }
+);
+
+watch(
+    () => props.feedbackInvalid,
+    (newValue) => {
+        feedbackInvalid.value = newValue;
+    }
+);
+
+const inputActive = ref(value.value.length > 0);
 
 const handleChange = (event) => {
     emits("update:modelValue", event.target.files[0]);
+};
+
+const handleInput = (event: Event) => {
+    const target = event.target as HTMLInputElement;
+    value.value = target.value;
+    emits("update:modelValue", target.value);
+
+    if (objControl) {
+        objControl.value = target.value;
+        feedbackInvalid.value = "";
+    }
+};
+
+const handleFocus = (event: Event) => {
+    inputActive.value = true;
+
+    if (event instanceof KeyboardEvent) {
+        if (event.key === undefined || event.key === "Tab") {
+            emits("blur", event);
+        }
+    }
+
+    emits("focus", event);
+};
+
+const handleBlur = (event: Event) => {
+    if (objControl) {
+        objForm.validate(props.control);
+        feedbackInvalid.value = objForm[props.control].validation.result.valid
+            ? ""
+            : objForm[props.control].validation.result.invalidMessages[0];
+    }
+
+    const target = event.target as HTMLInputElement;
+
+    if (target.value.length == 0) {
+        inputActive.value = false;
+    }
+
     emits("blur", event);
 };
 
-const input = (event) => {
-    emits("update:modelValue", event.target.value);
-};
-
-const handleBlur = (event) => {
-    if (event.keyCode == undefined || event.keyCode == 9) {
-        emits("blur", event);
-    }
-};
-
-const handleMediaSelect = async (event) => {
-    let result = await openDialog(SMDialogMedia);
-
-    console.log(result);
-    if (result) {
-        mediaUrl.value = result.url;
-        emits("update:modelValue", result.id);
-    }
+const handleKeydown = (event: Event) => {
+    emits("keydown", event);
 };
 
 const inline = computed(() => {
     return ["static", "link"].includes(props.type);
 });
-
-const handleLoad = async () => {
-    if (props.type == "media" && props.modelValue.length > 0) {
-        try {
-            let result = await axios.get(`media/${props.modelValue}`);
-            mediaUrl.value = result.data.medium.url;
-        } catch (error) {
-            /* empty */
-        }
-    }
-};
-
-watch(
-    () => props.modelValue,
-    () => {
-        handleLoad();
-    }
-);
 </script>
 
 <style lang="scss">
-.input-media-group {
+.sm-input-group {
+    position: relative;
     display: flex;
-    margin: 0 auto;
-    max-width: 26rem;
     flex-direction: column;
-    align-items: center;
+    margin-bottom: map-get($spacer, 4);
 
-    .input-media-display {
-        display: flex;
-        margin-bottom: 1rem;
+    &.sm-input-active {
+        label {
+            transform: translate(8px, -3px) scale(0.7);
+            color: $secondary-color-dark;
+        }
+
+        input {
+            padding: calc(#{map-get($spacer, 2)} * 1.5) map-get($spacer, 3)
+                calc(#{map-get($spacer, 2)} / 2) map-get($spacer, 3);
+        }
+
+        textarea {
+            padding: calc(#{map-get($spacer, 2)} * 2) map-get($spacer, 3)
+                calc(#{map-get($spacer, 2)} / 2) map-get($spacer, 3);
+        }
+    }
+
+    &.sm-feedback-invalid {
+        input,
+        select,
+        textarea {
+            border: 2px solid $danger-color;
+        }
+
+        .sm-invalid-icon {
+            display: block;
+        }
+    }
+
+    label {
+        position: absolute;
+        display: block;
+        padding: map-get($spacer, 2) map-get($spacer, 3);
+        line-height: 1.5;
+        transform-origin: top left;
+        transform: translate(0, 1px) scale(1);
+        transition: all 0.1s ease-in-out;
+        color: $font-color;
+        pointer-events: none;
+    }
+
+    .sm-invalid-icon {
+        position: absolute;
+        display: none;
+        right: 0;
+        top: 2px;
+        padding: map-get($spacer, 2) map-get($spacer, 3);
+        color: $danger-color;
+        font-size: 120%;
+    }
+
+    input,
+    select,
+    textarea {
+        box-sizing: border-box;
+        display: block;
+        width: 100%;
         border: 1px solid $border-color;
-        background-color: #fff;
+        border-radius: 12px;
+        padding: map-get($spacer, 2) map-get($spacer, 3);
+        color: $font-color;
+        margin-bottom: map-get($spacer, 1);
 
-        img {
-            max-width: 100%;
-            max-height: 100%;
-        }
-
-        svg {
-            padding: 4rem;
-        }
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
     }
 
-    .button {
-        max-width: 13rem;
+    textarea {
+        resize: none;
     }
-}
 
-.input-media-group + .form-group-error {
-    text-align: center;
-}
+    .sm-input-help {
+        font-size: 75%;
+        margin: 0 map-get($spacer, 1);
 
-@media screen and (max-width: 768px) {
-    .input-media-group {
-        max-width: 13rem;
+        .sm-input-invalid {
+            color: $danger-color;
+            padding-right: map-get($spacer, 1);
+        }
     }
 }
 </style>
diff --git a/resources/js/components/SMLoader.vue b/resources/js/components/SMLoader.vue
index 8b8528e..e029ae9 100644
--- a/resources/js/components/SMLoader.vue
+++ b/resources/js/components/SMLoader.vue
@@ -1,10 +1,8 @@
 <template>
     <template v-if="loading">
         <transition name="fade">
-            <div v-if="loading" class="loader-cover">
-                <div class="loader">
-                    <font-awesome-icon icon="fa-solid fa-spinner" pulse />
-                </div>
+            <div v-if="loading" class="sm-loader">
+                <SMLoadingIcon />
             </div>
         </transition>
     </template>
@@ -12,6 +10,8 @@
 </template>
 
 <script setup lang="ts">
+import SMLoadingIcon from "./SMLoadingIcon.vue";
+
 defineProps({
     loading: {
         type: Boolean,
@@ -19,3 +19,20 @@ defineProps({
     },
 });
 </script>
+
+<style lang="scss">
+.sm-loader {
+    position: fixed;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    backdrop-filter: blur(14px);
+    -webkit-backdrop-filter: blur(4px);
+    background-color: rgba(255, 255, 255, 0.5);
+    z-index: 10000;
+}
+</style>
diff --git a/resources/js/components/SMLoadingIcon.vue b/resources/js/components/SMLoadingIcon.vue
new file mode 100644
index 0000000..1bfad1d
--- /dev/null
+++ b/resources/js/components/SMLoadingIcon.vue
@@ -0,0 +1,66 @@
+<template>
+    <div class="sm-loading-icon">
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+    </div>
+</template>
+
+<style lang="scss">
+.sm-loading-icon {
+    display: inline-block;
+    position: relative;
+    width: 80px;
+    height: 80px;
+}
+.sm-loading-icon div {
+    position: absolute;
+    top: 33px;
+    width: 13px;
+    height: 13px;
+    border-radius: 50%;
+    background: #000;
+    animation-timing-function: cubic-bezier(0, 1, 1, 0);
+}
+.sm-loading-icon div:nth-child(1) {
+    left: 8px;
+    animation: sm-loading-icon1 0.6s infinite;
+}
+.sm-loading-icon div:nth-child(2) {
+    left: 8px;
+    animation: sm-loading-icon2 0.6s infinite;
+}
+.sm-loading-icon div:nth-child(3) {
+    left: 32px;
+    animation: sm-loading-icon2 0.6s infinite;
+}
+.sm-loading-icon div:nth-child(4) {
+    left: 56px;
+    animation: sm-loading-icon3 0.6s infinite;
+}
+@keyframes sm-loading-icon1 {
+    0% {
+        transform: scale(0);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+@keyframes sm-loading-icon3 {
+    0% {
+        transform: scale(1);
+    }
+    100% {
+        transform: scale(0);
+    }
+}
+@keyframes sm-loading-icon2 {
+    0% {
+        transform: translate(0, 0);
+    }
+    100% {
+        transform: translate(24px, 0);
+    }
+}
+</style>
diff --git a/resources/js/components/SMMediaInput.vue b/resources/js/components/SMMediaInput.vue
new file mode 100644
index 0000000..daa4f59
--- /dev/null
+++ b/resources/js/components/SMMediaInput.vue
@@ -0,0 +1,360 @@
+<template>
+    <div
+        :class="[
+            'sm-input-group',
+            { 'sm-input-active': inputActive, 'sm-has-error': error },
+        ]">
+        <label v-if="label" :class="{ required: required, inline: inline }">{{
+            label
+        }}</label>
+        <ion-icon class="sm-error-icon" name="alert-circle-outline"></ion-icon>
+        <input
+            v-if="
+                type == 'text' ||
+                type == 'email' ||
+                type == 'password' ||
+                type == 'email' ||
+                type == 'url'
+            "
+            :type="type"
+            :value="modelValue"
+            :placeholder="placeholder"
+            @input="input"
+            @focus="handleFocus"
+            @blur="handleBlur"
+            @keydown="handleKeydown" />
+        <textarea
+            v-if="type == 'textarea'"
+            rows="5"
+            :value="modelValue"
+            :placeholder="placeholder"
+            @input="input"
+            @blur="handleBlur"
+            @keydown="handleBlur"></textarea>
+        <div v-if="type == 'file'" class="input-file-group">
+            <input
+                id="file"
+                type="file"
+                class="file"
+                :accept="props.accept"
+                @change="handleChange" />
+            <label class="button" for="file">Select file</label>
+            <div class="file-name">
+                {{ modelValue?.name ? modelValue.name : modelValue }}
+            </div>
+        </div>
+        <a v-if="type == 'link'" :href="href" target="_blank">{{
+            props.modelValue
+        }}</a>
+        <span v-if="type == 'static'">{{ props.modelValue }}</span>
+        <div v-if="type == 'media'" class="input-media-group">
+            <div class="input-media-display">
+                <img v-if="mediaUrl.length > 0" :src="mediaUrl" />
+                <ion-icon v-else name="image-outline" />
+            </div>
+            <div v-if="type == 'media'" class="form-group-error">
+                {{ error }}
+            </div>
+            <a class="button" @click.prevent="handleMediaSelect">Select file</a>
+        </div>
+        <div v-if="slots.default || error" class="sm-input-help">
+            <span v-if="type != 'media'" class="sm-input-error">{{
+                error
+            }}</span>
+            <span v-if="slots.default" class="sm-input-info">
+                <slot></slot>
+            </span>
+        </div>
+        <div v-if="help" class="form-group-help">
+            <ion-icon v-if="helpIcon" name="information-circle-outline" />
+            {{ help }}
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, useSlots, ref, watch } from "vue";
+import SMDialogMedia from "./dialogs/SMDialogMedia.vue";
+import { openDialog } from "vue3-promise-dialog";
+
+const props = defineProps({
+    modelValue: {
+        type: String,
+        default: "",
+    },
+    label: {
+        type: String,
+        default: "",
+        required: false,
+    },
+    placeholder: {
+        type: String,
+        default: "",
+        required: false,
+    },
+    required: {
+        type: Boolean,
+        default: false,
+    },
+    type: {
+        type: String,
+        default: "text",
+    },
+    error: {
+        type: String,
+        default: "",
+    },
+    help: {
+        type: String,
+        default: "",
+    },
+    helpIcon: {
+        type: String,
+        default: "",
+    },
+    accept: {
+        type: String,
+        default: "",
+    },
+    href: {
+        type: String,
+        default: "",
+    },
+});
+
+const emits = defineEmits(["update:modelValue", "blur"]);
+const slots = useSlots();
+const mediaUrl = ref("");
+let inputActive = ref(false);
+
+const handleChange = (event) => {
+    emits("update:modelValue", event.target.files[0]);
+    emits("blur", event);
+};
+
+const input = (event) => {
+    emits("update:modelValue", event.target.value);
+};
+
+const handleBlur = (event) => {
+    if (props.modelValue.length == 0) {
+        inputActive.value = false;
+    }
+
+    if (event.keyCode == undefined || event.keyCode == 9) {
+        emits("blur", event);
+    }
+};
+
+const handleFocus = (event) => {
+    inputActive.value = true;
+    if (event.keyCode == undefined || event.keyCode == 9) {
+        emits("blur", event);
+    }
+};
+
+const handleKeydown = (event) => {};
+
+const handleMediaSelect = async (event) => {
+    let result = await openDialog(SMDialogMedia);
+    if (result) {
+        mediaUrl.value = result.url;
+        emits("update:modelValue", result.id);
+    }
+};
+
+const inline = computed(() => {
+    return ["static", "link"].includes(props.type);
+});
+
+const handleLoad = async () => {
+    if (props.type == "media" && props.modelValue.length > 0) {
+        try {
+            let result = await api.get(`/media/${props.modelValue}`);
+            mediaUrl.value = result.json.medium.url;
+        } catch (error) {
+            /* empty */
+        }
+    }
+};
+
+watch(
+    () => props.modelValue,
+    () => {
+        handleLoad();
+    }
+);
+</script>
+
+<style lang="scss">
+.sm-input-group {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    margin-bottom: map-get($spacer, 4);
+
+    &.sm-input-active {
+        label {
+            transform: translate(8px, -3px) scale(0.7);
+            color: $secondary-color-dark;
+        }
+
+        input {
+            padding: calc(#{map-get($spacer, 2)} * 1.5) map-get($spacer, 3)
+                calc(#{map-get($spacer, 2)} / 2) map-get($spacer, 3);
+        }
+    }
+
+    &.sm-has-error {
+        input,
+        select,
+        textarea {
+            border: 2px solid $danger-color;
+        }
+
+        .sm-error-icon {
+            display: block;
+        }
+    }
+
+    label {
+        position: absolute;
+        display: block;
+        padding: map-get($spacer, 2) map-get($spacer, 3);
+        line-height: 1.5;
+        transform-origin: top left;
+        transform: translate(0, 1px) scale(1);
+        transition: all 0.1s ease-in-out;
+        color: $font-color;
+    }
+
+    .sm-error-icon {
+        position: absolute;
+        display: none;
+        right: 0;
+        top: 2px;
+        padding: map-get($spacer, 2) map-get($spacer, 3);
+        color: $danger-color;
+        font-size: 120%;
+    }
+
+    input,
+    select,
+    textarea {
+        box-sizing: border-box;
+        display: block;
+        width: 100%;
+        border: 1px solid $border-color;
+        border-radius: 12px;
+        padding: map-get($spacer, 2) map-get($spacer, 3);
+        color: $font-color;
+        margin-bottom: map-get($spacer, 1);
+
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+    }
+
+    textarea {
+        resize: none;
+    }
+
+    .sm-input-help {
+        font-size: 75%;
+        margin: 0 map-get($spacer, 1);
+
+        .sm-input-error {
+            color: $danger-color;
+            padding-right: map-get($spacer, 1);
+        }
+    }
+}
+
+// .form-group {
+//     margin-bottom: map-get($spacer, 3);
+//     padding: 0 4px;
+//     flex: 1;
+
+//     input,
+//     textarea {
+//         margin-bottom: map-get($spacer, 1);
+//     }
+
+//     label {
+//         position: absolute;
+//     }
+
+//     .form-group-info {
+//         font-size: 85%;
+//         margin-bottom: map-get($spacer, 1);
+//     }
+
+//     .form-group-error {
+//         // display: none;
+//         font-size: 85%;
+//         margin-bottom: map-get($spacer, 1);
+//         color: $danger-color;
+//     }
+
+//     .form-group-help {
+//         font-size: 85%;
+//         margin-bottom: map-get($spacer, 1);
+//         color: $secondary-color;
+
+//         svg {
+//             vertical-align: middle !important;
+//         }
+//     }
+
+//     &.has-error {
+//         input,
+//         textarea,
+//         .input-file-group,
+//         .input-media-group .input-media-display {
+//             border: 2px solid $danger-color;
+//         }
+
+//         .form-group-error {
+//             display: block;
+//         }
+//     }
+// }
+
+// .input-media-group {
+//     display: flex;
+//     margin: 0 auto;
+//     max-width: 26rem;
+//     flex-direction: column;
+//     align-items: center;
+
+//     .input-media-display {
+//         display: flex;
+//         margin-bottom: 1rem;
+//         border: 1px solid $border-color;
+//         background-color: #fff;
+
+//         img {
+//             max-width: 100%;
+//             max-height: 100%;
+//         }
+
+//         svg {
+//             padding: 4rem;
+//         }
+//     }
+
+//     .button {
+//         max-width: 13rem;
+//     }
+// }
+
+// .input-media-group + .form-group-error {
+//     text-align: center;
+// }
+
+// @media screen and (max-width: 768px) {
+//     .input-media-group {
+//         max-width: 13rem;
+//     }
+// }
+</style>
diff --git a/resources/js/components/SMMessage.vue b/resources/js/components/SMMessage.vue
index 769c91a..7007fb6 100644
--- a/resources/js/components/SMMessage.vue
+++ b/resources/js/components/SMMessage.vue
@@ -1,6 +1,7 @@
 <template>
     <div :class="['message', type]">
-        <font-awesome-icon v-if="icon" :icon="icon" />{{ message }}
+        <ion-icon v-if="icon" :name="icon"></ion-icon>
+        <p>{{ message }}</p>
     </div>
 </template>
 
@@ -23,16 +24,13 @@ defineProps({
 
 <style lang="scss">
 .message {
+    display: flex;
     padding: map-get($spacer, 2) map-get($spacer, 3);
     margin-bottom: map-get($spacer, 4);
     text-align: center;
     font-size: 90%;
     word-break: break-word;
 
-    svg {
-        padding-right: map-get($spacer, 1);
-    }
-
     &.primary {
         background-color: $primary-color-lighter;
         color: $primary-color-darker;
@@ -53,5 +51,20 @@ defineProps({
         border: 1px solid $danger-color-lighter;
         border-radius: 12px;
     }
+
+    ion-icon {
+        height: 1.3em;
+        width: 1.3em;
+        justify-content: center;
+        align-self: center;
+    }
+
+    p {
+        flex: 1;
+        margin-bottom: 0;
+        justify-content: center;
+        align-self: center;
+        white-space: pre-wrap;
+    }
 }
 </style>
diff --git a/resources/js/components/SMNavbar.vue b/resources/js/components/SMNavbar.vue
index 628f32a..f18dadd 100644
--- a/resources/js/components/SMNavbar.vue
+++ b/resources/js/components/SMNavbar.vue
@@ -1,7 +1,7 @@
 <template>
     <SMContainer
         :full="true"
-        :class="['navbar', { showDropdown: showToggle }]"
+        :class="['sm-navbar', { showDropdown: showToggle }]"
         @click="handleHideMenu">
         <template #inner>
             <div class="navbar-container">
@@ -24,12 +24,12 @@
                     :to="{ name: 'workshop-list' }"
                     class="navbar-cta"
                     label="Find a workshop"
-                    icon="fa-solid fa-arrow-right" />
+                    icon="arrow-forward-outline" />
                 <div class="menuButton" @click.stop="handleToggleMenu">
                     <span>Menu</span
-                    ><font-awesome-icon
-                        icon="fa-solid fa-bars"
-                        class="menuButtonIcon" />
+                    ><ion-icon
+                        class="menuButtonIcon"
+                        name="reorder-three-outline"></ion-icon>
                 </div>
             </div>
         </template>
@@ -37,9 +37,7 @@
         <ul class="navbar-dropdown">
             <li class="ml-auto">
                 <div class="menuClose" @click.stop="handleToggleMenu">
-                    <font-awesome-icon
-                        icon="fa-solid fa-xmark"
-                        class="menuCloseIcon" />
+                    <ion-icon name="close-outline"></ion-icon>
                 </div>
             </li>
             <template v-for="item in menuItems">
@@ -47,7 +45,7 @@
                     v-if="item.show == undefined || item.show()"
                     :key="item.name">
                     <router-link :to="item.to"
-                        ><font-awesome-icon :icon="item.icon" />{{
+                        ><ion-icon :name="item.icon" />{{
                             item.label
                         }}</router-link
                     >
@@ -69,13 +67,13 @@ const menuItems = [
         name: "news",
         label: "News",
         to: "/news",
-        icon: "fa-regular fa-newspaper",
+        icon: "newspaper-outline",
     },
     {
         name: "workshops",
         label: "Workshops",
         to: "/workshops",
-        icon: "fa-solid fa-pen-ruler",
+        icon: "shapes-outline",
     },
     // {
     //     name: "courses",
@@ -87,13 +85,13 @@ const menuItems = [
         name: "contact",
         label: "Contact us",
         to: "/contact",
-        icon: "fa-regular fa-envelope",
+        icon: "mail-outline",
     },
     {
         name: "register",
         label: "Register",
         to: "/register",
-        icon: "fa-solid fa-pen-to-square",
+        icon: "person-add-outline",
         show: () => !userStore.id,
         inNav: false,
     },
@@ -101,7 +99,7 @@ const menuItems = [
         name: "login",
         label: "Log in",
         to: "/login",
-        icon: "fa-solid fa-right-to-bracket",
+        icon: "log-in-outline",
         show: () => !userStore.id,
         inNav: false,
     },
@@ -109,7 +107,7 @@ const menuItems = [
         name: "dashboard",
         label: "Dashboard",
         to: "/dashboard",
-        icon: "fa-regular fa-circle-user",
+        icon: "apps-outline",
         show: () => userStore.id,
         inNav: false,
     },
@@ -117,7 +115,7 @@ const menuItems = [
         name: "logout",
         label: "Log out",
         to: "/logout",
-        icon: "fa-solid fa-right-from-bracket",
+        icon: "log-out-outline",
         show: () => userStore.id,
         inNav: false,
     },
@@ -135,7 +133,7 @@ const handleHideMenu = () => {
 </script>
 
 <style lang="scss">
-.navbar {
+.sm-navbar {
     height: 4.5rem;
     align-items: center;
     justify-content: center;
@@ -143,6 +141,7 @@ const handleHideMenu = () => {
     position: relative;
     flex: 0 0 auto !important;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
+    z-index: 1000;
 
     &.showDropdown {
         .navbar-dropdown-cover {
@@ -195,8 +194,10 @@ const handleHideMenu = () => {
                 display: inline-block;
                 width: map-get($spacer, 5) * 3;
 
-                svg {
+                ion-icon {
                     padding-right: map-get($spacer, 1);
+                    font-size: map-get($spacer, 4);
+                    vertical-align: middle;
                 }
             }
         }
@@ -224,7 +225,7 @@ const handleHideMenu = () => {
             }
         }
 
-        .menuClose svg {
+        .menuClose ion-icon {
             cursor: pointer;
             font-size: map-get($spacer, 4);
             padding-left: map-get($spacer, 1);
@@ -271,7 +272,7 @@ const handleHideMenu = () => {
 
             .menuButtonIcon {
                 margin-left: 0.5rem;
-                font-size: 1.4rem;
+                font-size: map-get($spacer, 4);
             }
         }
     }
diff --git a/resources/js/components/SMPage.vue b/resources/js/components/SMPage.vue
new file mode 100644
index 0000000..82e00f4
--- /dev/null
+++ b/resources/js/components/SMPage.vue
@@ -0,0 +1,97 @@
+<template>
+    <div :class="['sm-page-outer', { 'sm-no-breadcrumbs': noBreadcrumbs }]">
+        <SMBreadcrumbs v-if="!noBreadcrumbs" />
+        <SMLoader :loading="loading">
+            <SMErrorForbidden
+                v-if="pageError == 403 || !hasPermission()"></SMErrorForbidden>
+            <SMErrorInternal
+                v-if="pageError >= 500 && hasPermission()"></SMErrorInternal>
+            <SMErrorNotFound
+                v-if="pageError == 404 && hasPermission()"></SMErrorNotFound>
+            <div
+                v-if="pageError < 300 && hasPermission()"
+                class="sm-page"
+                :style="styleObject">
+                <slot></slot>
+            </div>
+        </SMLoader>
+    </div>
+</template>
+
+<script setup lang="ts">
+import SMLoader from "./SMLoader.vue";
+import SMErrorForbidden from "./errors/Forbidden.vue";
+import SMErrorInternal from "./errors/Internal.vue";
+import SMErrorNotFound from "./errors/NotFound.vue";
+import SMBreadcrumbs from "../components/SMBreadcrumbs.vue";
+import { useUserStore } from "../store/UserStore";
+
+const props = defineProps({
+    pageError: {
+        type: Number,
+        default: 200,
+        required: false,
+    },
+    permission: {
+        type: String,
+        default: "",
+        required: false,
+    },
+    loading: {
+        type: Boolean,
+        default: false,
+        required: false,
+    },
+    background: {
+        type: String,
+        default: "",
+        required: false,
+    },
+    noBreadcrumbs: {
+        type: Boolean,
+        default: false,
+        required: false,
+    },
+});
+const userStore = useUserStore();
+let styleObject = {};
+
+if (props.background != "") {
+    styleObject["backgroundImage"] = `url('${props.background}')`;
+}
+
+const hasPermission = () => {
+    return (
+        props.permission.length == 0 ||
+        userStore.permissions.includes(props.permission)
+    );
+};
+</script>
+
+<style lang="scss">
+.sm-page-outer {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    width: 100%;
+    margin-bottom: calc(map-get($spacer, 5) * 2);
+
+    &.sm-no-breadcrumbs {
+        margin-bottom: 0;
+
+        .sm-page {
+            // padding-top: calc(map-get($spacer, 5) * 2);
+            padding-bottom: calc(map-get($spacer, 5) * 2);
+        }
+    }
+
+    .sm-page {
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+    }
+}
+</style>
diff --git a/resources/js/components/SMPageError.vue b/resources/js/components/SMPageError.vue
index 7a0fcb1..c5c22ea 100644
--- a/resources/js/components/SMPageError.vue
+++ b/resources/js/components/SMPageError.vue
@@ -2,7 +2,7 @@
     <d-error-forbidden v-if="error == 403"></d-error-forbidden>
     <d-error-internal v-if="error >= 500"></d-error-internal>
     <d-error-not-found v-if="error == 404"></d-error-not-found>
-    <template v-if="slots.default">
+    <template v-if="slots.default && error < 300">
         <slot></slot>
     </template>
 </template>
diff --git a/resources/js/components/SMPanel.vue b/resources/js/components/SMPanel.vue
index 722894d..9d7eef7 100644
--- a/resources/js/components/SMPanel.vue
+++ b/resources/js/components/SMPanel.vue
@@ -11,23 +11,22 @@
                     {{ format(new Date(date), "MMM") }}
                 </div>
             </div>
-            <font-awesome-icon
+            <ion-icon
                 v-if="hideImageLoader == false"
                 class="panel-image-loader"
-                icon="fa-regular fa-image" />
+                name="image-outline" />
         </div>
         <div class="panel-body">
             <h3 class="panel-title">{{ title }}</h3>
             <div v-if="showDate" class="panel-date">
-                <font-awesome-icon
+                <ion-icon
                     v-if="showTime == false && endDate.length == 0"
-                    icon="fa-regular fa-calendar" /><font-awesome-icon
-                    v-else
-                    icon="fa-regular fa-clock" />
+                    name="calendar-outline" />
+                <ion-icon v-else name="time-outline" />
                 <p>{{ panelDate }}</p>
             </div>
             <div v-if="location" class="panel-location">
-                <font-awesome-icon icon="fa-solid fa-location-dot" />
+                <ion-icon name="location-outline" />
                 <p>{{ location }}</p>
             </div>
             <div v-if="content" class="panel-content">{{ panelContent }}</div>
@@ -39,7 +38,6 @@
 </template>
 
 <script setup lang="ts">
-import axios from "axios";
 import { onMounted, computed, ref } from "vue";
 import {
     excerpt,
@@ -49,6 +47,7 @@ import {
 } from "../helpers/common";
 import { format } from "date-fns";
 import SMButton from "./SMButton.vue";
+import { api } from "../helpers/api";
 
 const props = defineProps({
     title: {
@@ -151,10 +150,10 @@ const hideImageLoader = computed(() => {
 onMounted(async () => {
     if (imageUrl.value && imageUrl.value.length > 0 && isUUID(imageUrl.value)) {
         try {
-            let result = await axios.get(`media/${props.image}`);
+            let result = await api.get(`/media/${props.image}`);
 
-            if (result.data.medium) {
-                imageUrl.value = result.data.medium.url;
+            if (result.json.medium) {
+                imageUrl.value = result.json.medium.url;
             }
         } catch (error) {
             /* empty */
diff --git a/resources/js/components/SMPanelList.vue b/resources/js/components/SMPanelList.vue
index 08b027e..fbdf925 100644
--- a/resources/js/components/SMPanelList.vue
+++ b/resources/js/components/SMPanelList.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="panel-list">
         <div v-if="loading" class="panel-list-loading">
-            <font-awesome-icon icon="fa-solid fa-spinner" pulse />
+            <SMLoadingIcon />
         </div>
         <div v-else-if="notFound" class="panel-list-not-found">
-            <font-awesome-icon icon="fa-regular fa-face-frown-open" />
+            <ion-icon name="alert-circle-outline" />
             <p>{{ notFoundText }}</p>
         </div>
         <slot></slot>
@@ -12,6 +12,8 @@
 </template>
 
 <script setup lang="ts">
+import SMLoadingIcon from "./SMLoadingIcon.vue";
+
 defineProps({
     loading: {
         type: Boolean,
diff --git a/resources/js/components/SMSelect.vue b/resources/js/components/SMSelect.vue
index b6fcf3c..a8d1838 100644
--- a/resources/js/components/SMSelect.vue
+++ b/resources/js/components/SMSelect.vue
@@ -19,7 +19,7 @@
             <slot></slot>
         </div>
         <div v-if="help" class="form-group-help">
-            <font-awesome-icon v-if="helpIcon" :icon="helpIcon" />
+            <ion-icon v-if="helpIcon" name="information-circle-outline" />
             {{ help }}
         </div>
     </div>
diff --git a/resources/js/components/dialogs/SMDialogChangePassword.vue b/resources/js/components/dialogs/SMDialogChangePassword.vue
index d7d9982..82a859d 100644
--- a/resources/js/components/dialogs/SMDialogChangePassword.vue
+++ b/resources/js/components/dialogs/SMDialogChangePassword.vue
@@ -33,7 +33,6 @@
 </template>
 
 <script setup lang="ts">
-import axios from "axios";
 import { useUserStore } from "../../store/UserStore";
 import { ref, reactive, computed, onMounted, onUnmounted } from "vue";
 import { closeDialog } from "vue3-promise-dialog";
@@ -82,15 +81,17 @@ const handleConfirm = async () => {
         if (isValidated(formData)) {
             try {
                 formLoading.value = true;
-                await axios.put(`users/${userStore.id}`, {
-                    password: formData.password.value,
+                await api.put({
+                    url: `/users/${userStore.id}`,
+                    body: {
+                        password: formData.password.value,
+                    },
                 });
 
                 isSuccessful.value = true;
             } catch (err) {
                 formData.password.error =
-                    err.response?.data?.message ||
-                    "An unexpected error occurred";
+                    err.json?.message || "An unexpected error occurred";
             }
         }
     }
diff --git a/resources/js/components/dialogs/SMDialogMedia.vue b/resources/js/components/dialogs/SMDialogMedia.vue
index 74fdaf9..6e4706e 100644
--- a/resources/js/components/dialogs/SMDialogMedia.vue
+++ b/resources/js/components/dialogs/SMDialogMedia.vue
@@ -26,19 +26,19 @@
                         >Page {{ page }} of {{ totalPages }}</span
                     >
                     <span class="media-browser-page-changer">
-                        <font-awesome-icon
+                        <ion-icon
+                            name="chevron-back-outline"
                             :class="[
                                 'changer-button',
                                 { disabled: prevDisabled },
                             ]"
-                            icon="fa-solid fa-angle-left"
                             @click="handlePrev" />
-                        <font-awesome-icon
+                        <ion-icon
+                            name="chevron-forward-outline"
                             :class="[
                                 'changer-button',
                                 { disabled: nextDisabled },
                             ]"
-                            icon="fa-solid fa-angle-right"
                             @click="handleNext" />
                     </span>
                 </div>
@@ -73,7 +73,6 @@
 </template>
 
 <script setup lang="ts">
-import axios from "axios";
 import { computed, watch, ref, reactive, onMounted, onUnmounted } from "vue";
 import { closeDialog } from "vue3-promise-dialog";
 import SMButton from "../SMButton.vue";
@@ -82,6 +81,7 @@ import SMDialog from "../SMDialog.vue";
 import SMMessage from "../SMMessage.vue";
 import SMModal from "../SMModal.vue";
 import { toParamString } from "../../helpers/common";
+import { api } from "../../helpers/api";
 
 const uploader = ref(null);
 const formLoading = ref(false);
@@ -134,18 +134,18 @@ const handleLoad = async () => {
         params.limit = perPage.value;
         // params.fields = "url";
 
-        let res = await axios.get(`media${toParamString(params)}`);
+        let res = await api.get(`/media${toParamString(params)}`);
 
-        totalItems.value = res.data.total;
-        mediaItems.value = res.data.media;
+        totalItems.value = res.json.total;
+        mediaItems.value = res.json.media;
     } catch (error) {
-        if (error.response.status == 404) {
+        if (error.status == 404) {
             formMessage.type = "primary";
             formMessage.icon = "fa-regular fa-folder-open";
             formMessage.message = "No media items found";
         } else {
             formMessage.message =
-                error.response?.data?.message || "An unexpected error occurred";
+                error?.json?.message || "An unexpected error occurred";
         }
     }
 };
@@ -165,18 +165,20 @@ const handleUpload = async () => {
         if (uploader.value.files[0] instanceof File) {
             submitFormData.append("file", uploader.value.files[0]);
 
-            let res = await axios.post("media", submitFormData, {
+            let res = await api.post({
+                url: "/media",
+                body: submitFormData,
                 headers: {
                     "Content-Type": "multipart/form-data",
                 },
-                onUploadProgress: (progressEvent) =>
-                    (formLoadingMessage.value = `Uploading Files ${Math.floor(
-                        (progressEvent.loaded / progressEvent.total) * 100
-                    )}%`),
+                // onUploadProgress: (progressEvent) =>
+                //     (formLoadingMessage.value = `Uploading Files ${Math.floor(
+                //         (progressEvent.loaded / progressEvent.total) * 100
+                //     )}%`),
             });
 
-            if (res.data.medium) {
-                closeDialog(res.data.medium);
+            if (res.json.medium) {
+                closeDialog(res.json.medium);
             } else {
                 formMessage.message =
                     "An unexpected response was received from the server";
diff --git a/resources/js/components/errors/Forbidden.vue b/resources/js/components/errors/Forbidden.vue
index 59e91ee..5175c1e 100644
--- a/resources/js/components/errors/Forbidden.vue
+++ b/resources/js/components/errors/Forbidden.vue
@@ -1,15 +1,21 @@
 <template>
-    <div class="page-error forbidden">
-        <div class="image"></div>
-        <div class="content">
-            <h1>The cat says no!</h1>
-            <p>You do not have the needed access to see this page</p>
+    <SMPage no-breadcrumbs>
+        <div class="page-error forbidden">
+            <div class="image"></div>
+            <div class="content">
+                <h1>The cat says no!</h1>
+                <p>You do not have the needed access to see this page</p>
+            </div>
         </div>
-    </div>
+    </SMPage>
 </template>
 
+<script setup lang="ts">
+import SMPage from "../SMPage.vue";
+</script>
+
 <style lang="scss">
 .page-error.forbidden .image {
-    background-image: url('/img/403.jpg');
+    background-image: url("/img/403.jpg");
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/resources/js/components/errors/Internal.vue b/resources/js/components/errors/Internal.vue
index cec7dd0..a56b763 100644
--- a/resources/js/components/errors/Internal.vue
+++ b/resources/js/components/errors/Internal.vue
@@ -1,15 +1,24 @@
 <template>
-    <div class="page-error internal">
-        <div class="image"></div>
-        <div class="content">
-            <h1>The cat has broken something</h1>
-            <p>We are working to fix that what was broken. Please try again later.</p>
+    <SMPage no-breadcrumbs>
+        <div class="page-error internal">
+            <div class="image"></div>
+            <div class="content">
+                <h1>The cat has broken something</h1>
+                <p>
+                    We are working to fix that what was broken. Please try again
+                    later.
+                </p>
+            </div>
         </div>
-    </div>
+    </SMPage>
 </template>
 
+<script setup lang="ts">
+import SMPage from "../SMPage.vue";
+</script>
+
 <style lang="scss">
 .page-error.internal .image {
-    background-image: url('/img/500.jpg');
+    background-image: url("/img/500.jpg");
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/resources/js/components/errors/NotFound.vue b/resources/js/components/errors/NotFound.vue
index 499ad20..ef87421 100644
--- a/resources/js/components/errors/NotFound.vue
+++ b/resources/js/components/errors/NotFound.vue
@@ -1,15 +1,21 @@
 <template>
-    <div class="page-error not-found">
-        <div class="image"></div>
-        <div class="content">
-            <h1>Opps</h1>
-            <p>The page you asked for was not found</p>
+    <SMPage no-breadcrumbs>
+        <div class="page-error not-found">
+            <div class="image"></div>
+            <div class="content">
+                <h1>Opps</h1>
+                <p>The page you asked for was not found</p>
+            </div>
         </div>
-    </div>
+    </SMPage>
 </template>
 
+<script setup lang="ts">
+import SMPage from "../SMPage.vue";
+</script>
+
 <style lang="scss">
 .page-error.not-found .image {
-    background-image: url('/img/404.jpg');
+    background-image: url("/img/404.jpg");
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/resources/js/helpers/api.ts b/resources/js/helpers/api.ts
new file mode 100644
index 0000000..9b0e5e5
--- /dev/null
+++ b/resources/js/helpers/api.ts
@@ -0,0 +1,190 @@
+/* https://blog.logrocket.com/axios-vs-fetch-best-http-requests/ */
+
+import { useUserStore } from "../store/UserStore";
+
+interface ApiProgressData {
+    loaded: number;
+    total: number;
+}
+
+type ApiProgressCallback = (progress: ApiProgressData) => void;
+
+interface ApiOptions {
+    url: string;
+    params?: object;
+    method?: string;
+    headers?: HeadersInit;
+    body?: string | object;
+    progress?: ApiProgressCallback;
+}
+
+interface ApiResponse {
+    status: number;
+    message: string;
+    data: object;
+}
+
+const apiDefaultHeaders = {
+    Accept: "application/json",
+    "Content-Type": "application/json;charset=UTF-8",
+};
+
+export const api = {
+    timeout: 8000,
+    baseUrl: "https://www.stemmechanics.com.au/api",
+
+    send: function (options: ApiOptions) {
+        return new Promise((resolve, reject) => {
+            let url = this.baseUrl + options.url;
+
+            if (options.params) {
+                url =
+                    url +
+                    "?" +
+                    Object.keys(options.params)
+                        .map((key) => key + "=" + options.params[key])
+                        .join("&");
+            }
+
+            options.headers = {
+                ...apiDefaultHeaders,
+                ...(options.headers || {}),
+            };
+
+            const userStore = useUserStore();
+            if (userStore.id) {
+                options.headers["Authorization"] = `Bearer ${userStore.token}`;
+            }
+
+            if (options.body && typeof options.body === "object") {
+                options.body = JSON.stringify(options.body);
+            }
+
+            const fetchOptions: RequestInit = {
+                method: options.method || "GET",
+                headers: options.headers,
+                body: options.body,
+            };
+
+            let receivedData = false;
+
+            fetch(url, fetchOptions)
+                .then((response) => {
+                    receivedData = true;
+
+                    if (options.progress) {
+                        if (!response.ok) {
+                            return response;
+                        }
+
+                        if (!response.body) {
+                            return response;
+                            // return {
+                            //     status: 0,
+                            //     message:
+                            //         "ReadableStream not yet supported in this browser.",
+                            //     data: null,
+                            // };
+                        }
+
+                        let contentLength =
+                            response.headers.get("content-length");
+                        if (!contentLength) {
+                            contentLength = -1;
+                        }
+
+                        // parse the integer into a base-10 number
+                        const total = parseInt(contentLength, 10);
+                        let loaded = 0;
+                        return new Response(
+                            // create and return a readable stream
+                            new ReadableStream({
+                                start(controller) {
+                                    const reader = response.body.getReader();
+                                    read();
+                                    /**
+                                     *
+                                     */
+                                    function read() {
+                                        reader
+                                            .read()
+                                            .then(({ done, value }) => {
+                                                if (done) {
+                                                    controller.close();
+                                                    return;
+                                                }
+                                                loaded += value.byteLength;
+                                                options.progress({
+                                                    loaded,
+                                                    total,
+                                                });
+                                                controller.enqueue(value);
+                                                read();
+                                            })
+                                            .catch((error) => {
+                                                controller.error(error);
+                                                reject({
+                                                    status: 0,
+                                                    message: "controller error",
+                                                    data: null,
+                                                });
+                                            });
+                                    }
+                                },
+                            })
+                        );
+                    }
+
+                    return response;
+                })
+                .then(async (response) => {
+                    const data = response.json ? await response.json() : {};
+                    const result = {
+                        status: response.status,
+                        statusText: response.statusText,
+                        url: response.url,
+                        headers: response.headers,
+                        data: data,
+                    };
+
+                    if (response.status >= 300) {
+                        reject(result);
+                    }
+
+                    resolve(result);
+                })
+                .catch((error) => {
+                    console.log(error);
+                    // Handle any errors thrown during the fetch process
+                    const { response, ...rest } = error;
+                    reject({
+                        ...rest,
+                        response: response && response.json(),
+                    });
+                });
+        });
+    },
+
+    get: async function (options: ApiOptions | string): Promise<ApiResponse> {
+        let apiOptions = {} as ApiOptions;
+
+        if (typeof options == "string") {
+            apiOptions.url = options;
+        } else {
+            apiOptions = options;
+        }
+
+        apiOptions.method = "GET";
+        return await this.send(apiOptions);
+    },
+
+    post: async function (options: ApiOptions): Promise<ApiResponse> {
+        options.method = "POST";
+        return await this.send(options);
+    },
+
+    delete: async function (options: ApiOptions): Promise<ApiResponse> {
+        options.method = "DELETE";
+        return await this.send(options);
+    },
+};
diff --git a/resources/js/helpers/common.js b/resources/js/helpers/common.js
index b19d82b..ca901a1 100644
--- a/resources/js/helpers/common.js
+++ b/resources/js/helpers/common.js
@@ -1,5 +1,3 @@
-import { format } from "date-fns";
-
 const transitionEndEventName = () => {
     var i,
         undefined,
@@ -173,41 +171,6 @@ export function parseErrorType(
     return def;
 }
 
-export const relativeDate = (d) => {
-    if (isString(d)) {
-        d = new Date(d);
-    }
-
-    // const d = new Date(0);
-    // // d.setUTCSeconds(parseInt(epoch));
-    // d.setUTCSeconds(epoch);
-
-    const now = new Date();
-    const dif = Math.round((now.getTime() - d.getTime()) / 1000);
-
-    if (dif < 60) {
-        // let v = dif;
-        // return v + " sec" + (v != 1 ? "s" : "") + " ago";
-        return "Just now";
-    } else if (dif < 3600) {
-        const v = Math.round(dif / 60);
-        return v + " min" + (v != 1 ? "s" : "") + " ago";
-    } else if (dif < 86400) {
-        const v = Math.round(dif / 3600);
-        return v + " hour" + (v != 1 ? "s" : "") + " ago";
-    } else if (dif < 604800) {
-        const v = Math.round(dif / 86400);
-        return v + " day" + (v != 1 ? "s" : "") + " ago";
-    } else if (dif < 2419200) {
-        const v = Math.round(dif / 604800);
-        return v + " week" + (v != 1 ? "s" : "") + " ago";
-    }
-
-    return (
-        monthString[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear()
-    );
-};
-
 export const buildUrlQuery = (url, query) => {
     let s = "";
 
@@ -347,90 +310,6 @@ export const isUUID = (uuid) => {
     );
 };
 
-export const timestampUtcToLocal = (utc) => {
-    try {
-        let iso = new Date(
-            utc.replace(
-                /([0-9]{4}-[0-9]{2}-[0-9]{2}),? ([0-9]{2}:[0-9]{2}:[0-9]{2})/,
-                "$1T$2.000Z"
-            )
-        );
-        return format(iso, "yyyy/MM/dd HH:mm:ss");
-    } catch (error) {
-        /* empty */
-    }
-
-    return "";
-};
-
-export const timestampLocalToUtc = (local) => {
-    try {
-        let d = new Date(local);
-        return d
-            .toISOString()
-            .replace(
-                /([0-9]{4}-[0-9]{2}-[0-9]{2})T([0-9]{2}:[0-9]{2}:[0-9]{2}).*/,
-                "$1 $2"
-            );
-    } catch (error) {
-        /* empty */
-    }
-
-    return "";
-};
-
-export const timestampNowLocal = () => {
-    let d = new Date();
-    return (
-        d.getFullYear() +
-        "-" +
-        ("0" + (d.getMonth() + 1)).slice(-2) +
-        "-"("0" + d.getDate()).slice(-2) +
-        " " +
-        ("0" + d.getHours()).slice(-2) +
-        ":" +
-        ("0" + d.getMinutes()).slice(-2) +
-        ":" +
-        ("0" + d.getSeconds()).slice(-2)
-    );
-};
-
-export const timestampNowUtc = () => {
-    try {
-        let d = new Date();
-        return d
-            .toISOString()
-            .replace(
-                /([0-9]{4}-[0-9]{2}-[0-9]{2})T([0-9]{2}:[0-9]{2}:[0-9]{2}).*/,
-                "$1 $2"
-            );
-    } catch (error) {
-        /* empty */
-    }
-
-    return "";
-};
-
-export const timestampBeforeNow = (timestamp) => {
-    try {
-        return new Date(timestamp) < new Date();
-    } catch (error) {
-        /* empty */
-    }
-
-    return false;
-};
-
-export const timestampAfterNow = (timestamp) => {
-    try {
-        return new Date(timestamp) > new Date();
-    } catch (error) {
-        /* empty */
-    }
-
-    return false;
-};
-
 export {
     transitionEndEventName,
     waitForElementRender,
diff --git a/resources/js/helpers/datetime.ts b/resources/js/helpers/datetime.ts
new file mode 100644
index 0000000..4a02b80
--- /dev/null
+++ b/resources/js/helpers/datetime.ts
@@ -0,0 +1,221 @@
+import { isString } from "../helpers/common";
+
+export const dayString = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+
+export const fullDayString = [
+    "Sunday",
+    "Monday",
+    "Tueday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday",
+];
+
+export const monthString = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec",
+];
+
+export const fullMonthString = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+];
+
+export const format = (objDate: Date, format: string): string => {
+    const result = format;
+
+    const year = objDate.getFullYear().toString();
+    const month = (objDate.getMonth() + 1).toString();
+    const date = objDate.getDate().toString();
+    const day = objDate.getDay().toString();
+    const hour = objDate.getHours().toString();
+    const min = objDate.getMinutes().toString();
+    const sec = objDate.getSeconds().toString();
+
+    const apm = objDate.getHours() >= 12 ? "am" : "pm";
+    /* eslint-disable indent */
+    const apmhours = (
+        objDate.getHours() > 12
+            ? objDate.getHours() - 12
+            : objDate.getHours() == 0
+            ? 12
+            : objDate.getHours()
+    ).toString();
+    /* eslint-enable indent */
+
+    // year
+    result.replace(/\byy\b/g, year.slice(-2));
+    result.replace(/\byyyy\b/g, year);
+
+    // month
+    result.replace(/\bM\b/g, month);
+    result.replace(/\bMM\b/g, (0 + month).slice(-2));
+    result.replace(/\bMMM\b/g, monthString[month]);
+    result.replace(/\bMMMM\b/g, fullMonthString[month]);
+
+    // day
+    result.replace(/\bd\b/g, date);
+    result.replace(/\bdd\b/g, (0 + date).slice(-2));
+    result.replace(/\bddd\b/g, dayString[day]);
+    result.replace(/\bdddd\b/g, fullDayString[day]);
+
+    // hour
+    result.replace(/\bH\b/g, hour);
+    result.replace(/\bHH\b/g, (0 + hour).slice(-2));
+    result.replace(/\bh\b/g, apmhours);
+    result.replace(/\bhh\b/g, (0 + apmhours).slice(-2));
+
+    // min
+    result.replace(/\bm\b/g, min);
+    result.replace(/\bmm\b/g, (0 + min).slice(-2));
+
+    // sec
+    result.replace(/\bs\b/g, sec);
+    result.replace(/\bss\b/g, (0 + sec).slice(-2));
+
+    // am/pm
+    result.replace(/\baa\b/g, apm);
+
+    return result;
+};
+
+export const timestampUtcToLocal = (utc: string): string => {
+    try {
+        const iso = new Date(
+            utc.replace(
+                /([0-9]{4}-[0-9]{2}-[0-9]{2}),? ([0-9]{2}:[0-9]{2}:[0-9]{2})/,
+                "$1T$2.000Z"
+            )
+        );
+        return format(iso, "yyyy/MM/dd HH:mm:ss");
+    } catch (error) {
+        /* empty */
+    }
+
+    return "";
+};
+
+export const timestampLocalToUtc = (local) => {
+    try {
+        const d = new Date(local);
+        return d
+            .toISOString()
+            .replace(
+                /([0-9]{4}-[0-9]{2}-[0-9]{2})T([0-9]{2}:[0-9]{2}:[0-9]{2}).*/,
+                "$1 $2"
+            );
+    } catch (error) {
+        /* empty */
+    }
+
+    return "";
+};
+
+export const timestampNowLocal = () => {
+    const d = new Date();
+    return (
+        d.getFullYear() +
+        "-" +
+        ("0" + (d.getMonth() + 1)).slice(-2) +
+        "-" +
+        ("0" + d.getDate()).slice(-2) +
+        " " +
+        ("0" + d.getHours()).slice(-2) +
+        ":" +
+        ("0" + d.getMinutes()).slice(-2) +
+        ":" +
+        ("0" + d.getSeconds()).slice(-2)
+    );
+};
+
+export const timestampNowUtc = () => {
+    try {
+        const d = new Date();
+        return d
+            .toISOString()
+            .replace(
+                /([0-9]{4}-[0-9]{2}-[0-9]{2})T([0-9]{2}:[0-9]{2}:[0-9]{2}).*/,
+                "$1 $2"
+            );
+    } catch (error) {
+        /* empty */
+    }
+
+    return "";
+};
+
+export const timestampBeforeNow = (timestamp) => {
+    try {
+        return new Date(timestamp) < new Date();
+    } catch (error) {
+        /* empty */
+    }
+
+    return false;
+};
+
+export const timestampAfterNow = (timestamp) => {
+    try {
+        return new Date(timestamp) > new Date();
+    } catch (error) {
+        /* empty */
+    }
+
+    return false;
+};
+
+export const relativeDate = (d) => {
+    if (isString(d)) {
+        d = new Date(d);
+    }
+
+    // const d = new Date(0);
+    // // d.setUTCSeconds(parseInt(epoch));
+    // d.setUTCSeconds(epoch);
+
+    const now = new Date();
+    const dif = Math.round((now.getTime() - d.getTime()) / 1000);
+
+    if (dif < 60) {
+        // let v = dif;
+        // return v + " sec" + (v != 1 ? "s" : "") + " ago";
+        return "Just now";
+    } else if (dif < 3600) {
+        const v = Math.round(dif / 60);
+        return v + " min" + (v != 1 ? "s" : "") + " ago";
+    } else if (dif < 86400) {
+        const v = Math.round(dif / 3600);
+        return v + " hour" + (v != 1 ? "s" : "") + " ago";
+    } else if (dif < 604800) {
+        const v = Math.round(dif / 86400);
+        return v + " day" + (v != 1 ? "s" : "") + " ago";
+    } else if (dif < 2419200) {
+        const v = Math.round(dif / 604800);
+        return v + " week" + (v != 1 ? "s" : "") + " ago";
+    }
+
+    return (
+        monthString[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear()
+    );
+};
diff --git a/resources/js/helpers/form.ts b/resources/js/helpers/form.ts
new file mode 100644
index 0000000..5d2247c
--- /dev/null
+++ b/resources/js/helpers/form.ts
@@ -0,0 +1,137 @@
+import {
+    ValidationObject,
+    ValidationResult,
+    defaultValidationResult,
+    createValidationResult,
+} from "./validate";
+
+export const FormObject = (controls) => {
+    controls.validate = function (item = null) {
+        const keys = item ? [item] : Object.keys(this);
+        let valid = true;
+
+        keys.every((key) => {
+            if (
+                typeof this[key] == "object" &&
+                Object.keys(this[key]).includes("validation")
+            ) {
+                this[key].validation.result = this[
+                    key
+                ].validation.validator.validate(this[key].value);
+
+                if (!this[key].validation.result.valid) {
+                    valid = false;
+                }
+            }
+
+            return true;
+        });
+
+        return valid;
+    };
+
+    controls._loading = false;
+    controls.loading = function (state = true) {
+        this._loading = state;
+    };
+
+    controls._message = "";
+    controls._messageType = "primary";
+    controls._messageIcon = "";
+
+    controls.message = function (message = "", type = "", icon = "") {
+        this._message = message;
+
+        if (type.length > 0) {
+            this._messageType = type;
+        }
+        if (icon.length > 0) {
+            this._messageIcon = icon;
+        }
+    };
+
+    controls.error = function (message = "") {
+        if (message == "") {
+            this.message("");
+        } else {
+            this.message(message, "error", "alert-circle-outline");
+        }
+    };
+
+    controls.apiErrors = function (apiResponse) {
+        let foundKeys = false;
+
+        if (apiResponse?.json?.errors) {
+            Object.keys(apiResponse.json.errors).forEach((key) => {
+                if (
+                    typeof this[key] == "object" &&
+                    Object.keys(this[key]).includes("validation")
+                ) {
+                    foundKeys = true;
+                    this[key].validation.result = createValidationResult(
+                        false,
+                        apiResponse.json.errors[key]
+                    );
+                }
+            });
+        }
+
+        if (foundKeys == false) {
+            this.error(
+                apiResponse?.json?.message ||
+                    "An unknown server error occurred.\nPlease try again later."
+            );
+        }
+    };
+
+    return controls;
+};
+
+interface FormControlValidation {
+    validator: ValidationObject;
+    result: ValidationResult;
+}
+
+const defaultFormControlValidation: FormControlValidation = {
+    validator: {
+        validate: (): ValidationResult => {
+            return defaultValidationResult;
+        },
+    },
+    result: defaultValidationResult,
+};
+
+type FormClearValidations = () => void;
+type FormSetValidation = (
+    valid: boolean,
+    message?: string | Array<string>
+) => ValidationResult;
+
+interface FormControlObject {
+    value: string;
+    validation: FormControlValidation;
+    clearValidations: FormClearValidations;
+    setValidationResult: FormSetValidation;
+}
+
+/* eslint-disable indent */
+export const FormControl = (
+    value = "",
+    validator: ValidationObject | null = null
+): FormControlObject => {
+    return {
+        value: value,
+        validation:
+            validator == null
+                ? defaultFormControlValidation
+                : {
+                      validator: validator,
+                      result: defaultValidationResult,
+                  },
+        clearValidations: function () {
+            this.validation.result = defaultValidationResult;
+        },
+        setValidationResult: createValidationResult,
+    };
+};
+/* eslint-enable indent */
diff --git a/resources/js/helpers/string.js b/resources/js/helpers/string.js
new file mode 100644
index 0000000..75f096a
--- /dev/null
+++ b/resources/js/helpers/string.js
@@ -0,0 +1,5 @@
+export const toTitleCase = (str) => {
+    return str.replace(/\w\S*/g, function (txt) {
+        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+    });
+};
diff --git a/resources/js/helpers/utils.ts b/resources/js/helpers/utils.ts
new file mode 100644
index 0000000..19d3b45
--- /dev/null
+++ b/resources/js/helpers/utils.ts
@@ -0,0 +1,11 @@
+export const isEmpty = (obj: object | string) => {
+    if (obj) {
+        if (typeof obj === "string") {
+            return obj.length == 0;
+        } else if (typeof obj == "object" && Object.keys(obj).length === 0) {
+            return true;
+        }
+    }
+
+    return false;
+};
diff --git a/resources/js/helpers/validate.ts b/resources/js/helpers/validate.ts
new file mode 100644
index 0000000..a7e676a
--- /dev/null
+++ b/resources/js/helpers/validate.ts
@@ -0,0 +1,440 @@
+export interface ValidationObject {
+    validate: (value: string) => ValidationResult;
+}
+
+export interface ValidationResult {
+    valid: boolean;
+    invalidMessages: Array<string>;
+}
+
+export const defaultValidationResult: ValidationResult = {
+    valid: true,
+    invalidMessages: [],
+};
+
+export const createValidationResult = (
+    valid: boolean,
+    message: string | Array<string> = ""
+) => {
+    if (typeof message == "string") {
+        message = [message];
+    }
+
+    return {
+        valid: valid,
+        invalidMessages: message,
+    };
+};
+
+/**
+ * Validation Min
+ */
+const VALIDATION_MIN_TYPE = ["String", "Number"];
+type ValidationMinType = (typeof VALIDATION_MIN_TYPE)[number];
+
+interface ValidationMinOptions {
+    min: number;
+    type?: ValidationMinType;
+    invalidMessage?: string | ((options: ValidationMinOptions) => string);
+}
+
+interface ValidationMinObject extends ValidationMinOptions {
+    validate: (value: string) => ValidationResult;
+}
+
+const defaultValidationMinOptions: ValidationMinOptions = {
+    min: 1,
+    type: "String",
+    invalidMessage: (options: ValidationMinOptions) => {
+        return options.type == "String"
+            ? `Required to be at least ${options.min} characters.`
+            : `Required to be at least ${options.min}.`;
+    },
+};
+
+export function Min(
+    minOrOptions: number | ValidationMinOptions,
+    options?: ValidationMinOptions
+);
+export function Min(options: ValidationMinOptions): ValidationMinObject;
+
+/**
+ * Validate field length or number is at minimum or higher/larger
+ *
+ * @param minOrOptions minimum number or options data
+ * @param options options data
+ * @returns ValidationMinObject
+ */
+export function Min(
+    minOrOptions: number | ValidationMinOptions,
+    options?: ValidationMinOptions
+): ValidationMinObject {
+    if (typeof minOrOptions === "number") {
+        options = { ...defaultValidationMinOptions, ...(options || {}) };
+        options.min = minOrOptions;
+    } else {
+        options = { ...defaultValidationMinOptions, ...(minOrOptions || {}) };
+    }
+
+    return {
+        ...options,
+        validate: function (value: string): ValidationResult {
+            return {
+                valid:
+                    this.type == "String"
+                        ? value.toString().length >= this.min
+                        : parseInt(value) >= this.min,
+                invalidMessages: [
+                    typeof this.invalidMessage === "string"
+                        ? this.invalidMessage
+                        : this.invalidMessage(this),
+                ],
+            };
+        },
+    };
+}
+
+/**
+ * Validation Max
+ */
+const VALIDATION_MAX_TYPE = ["String", "Number"];
+type ValidationMaxType = (typeof VALIDATION_MAX_TYPE)[number];
+
+interface ValidationMaxOptions {
+    max: number;
+    type?: ValidationMaxType;
+    invalidMessage?: string | ((options: ValidationMaxOptions) => string);
+}
+
+interface ValidationMaxObject extends ValidationMaxOptions {
+    validate: (value: string) => ValidationResult;
+}
+
+const defaultValidationMaxOptions: ValidationMaxOptions = {
+    max: 1,
+    type: "String",
+    invalidMessage: (options: ValidationMaxOptions) => {
+        return options.type == "String"
+            ? `Required to be less than ${options.max + 1} characters.`
+            : `Required to be less than ${options.max + 1}.`;
+    },
+};
+
+export function Max(
+    maxOrOptions: number | ValidationMaxOptions,
+    options?: ValidationMaxOptions
+): ValidationMaxObject;
+export function Max(options: ValidationMaxOptions): ValidationMaxObject;
+
+/**
+ * Validate field length or number is at maximum or smaller
+ *
+ * @param maxOrOptions maximum number or options data
+ * @param options options data
+ * @returns ValidationMaxObject
+ */
+export function Max(
+    maxOrOptions: number | ValidationMaxOptions,
+    options?: ValidationMaxOptions
+): ValidationMaxObject {
+    if (typeof maxOrOptions === "number") {
+        options = { ...defaultValidationMaxOptions, ...(options || {}) };
+        options.max = maxOrOptions;
+    } else {
+        options = { ...defaultValidationMaxOptions, ...(maxOrOptions || {}) };
+    }
+
+    return {
+        ...options,
+        validate: function (value: string): ValidationResult {
+            return {
+                valid:
+                    this.type == "String"
+                        ? value.toString().length <= this.max
+                        : parseInt(value) <= this.max,
+                invalidMessages: [
+                    typeof this.invalidMessage === "string"
+                        ? this.invalidMessage
+                        : this.invalidMessage(this),
+                ],
+            };
+        },
+    };
+}
+
+/**
+ * PASSWORD
+ */
+interface ValidationPasswordOptions {
+    invalidMessage?: string | ((options: ValidationPasswordOptions) => string);
+}
+
+interface ValidationPasswordObject extends ValidationPasswordOptions {
+    validate: (value: string) => ValidationResult;
+}
+
+const defaultValidationPasswordOptions: ValidationPasswordOptions = {
+    invalidMessage:
+        "Your password needs to have at least a letter, a number and a special character.",
+};
+
+/**
+ * Validate field is in a valid password format
+ *
+ * @param options options data
+ * @returns ValidationPasswordObject
+ */
+export function Password(
+    options?: ValidationPasswordOptions
+): ValidationPasswordObject {
+    options = { ...defaultValidationPasswordOptions, ...(options || {}) };
+
+    return {
+        ...options,
+        validate: function (value: string): ValidationResult {
+            return {
+                valid: /(?=.*[A-Za-z])(?=.*\d)(?=.*[.@$!%*#?&])[A-Za-z\d.@$!%*#?&]{1,}$/.test(
+                    value
+                ),
+                invalidMessages: [
+                    typeof this.invalidMessage === "string"
+                        ? this.invalidMessage
+                        : this.invalidMessage(this),
+                ],
+            };
+        },
+    };
+}
+
+/**
+ * EMAIL
+ */
+interface ValidationEmailOptions {
+    invalidMessage?: string | ((options: ValidationEmailOptions) => string);
+}
+
+interface ValidationEmailObject extends ValidationEmailOptions {
+    validate: (value: string) => ValidationResult;
+}
+
+const defaultValidationEmailOptions: ValidationEmailOptions = {
+    invalidMessage: "Your Email is not in a supported format.",
+};
+
+/**
+ * Validate field is in a valid Email format
+ *
+ * @param options options data
+ * @returns ValidationEmailObject
+ */
+export function Email(options?: ValidationEmailOptions): ValidationEmailObject {
+    options = { ...defaultValidationEmailOptions, ...(options || {}) };
+
+    return {
+        ...options,
+        validate: function (value: string): ValidationResult {
+            return {
+                valid: /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(
+                    value
+                ),
+                invalidMessages: [
+                    typeof this.invalidMessage === "string"
+                        ? this.invalidMessage
+                        : this.invalidMessage(this),
+                ],
+            };
+        },
+    };
+}
+
+/**
+ * PHONE
+ */
+interface ValidationPhoneOptions {
+    invalidMessage?: string | ((options: ValidationPhoneOptions) => string);
+}
+
+interface ValidationPhoneObject extends ValidationPhoneOptions {
+    validate: (value: string) => ValidationResult;
+}
+
+const defaultValidationPhoneOptions: ValidationPhoneOptions = {
+    invalidMessage: "Your Phone number is not in a supported format.",
+};
+
+/**
+ * Validate field is in a valid Phone format
+ *
+ * @param options options data
+ * @returns ValidationPhoneObject
+ */
+export function Phone(options?: ValidationPhoneOptions): ValidationPhoneObject {
+    options = { ...defaultValidationPhoneOptions, ...(options || {}) };
+
+    return {
+        ...options,
+        validate: function (value: string): ValidationResult {
+            return {
+                valid: /^(\+|00)?[0-9][0-9 \-().]{7,32}$/.test(value),
+                invalidMessages: [
+                    typeof this.invalidMessage === "string"
+                        ? this.invalidMessage
+                        : this.invalidMessage(this),
+                ],
+            };
+        },
+    };
+}
+
+/**
+ * CUSTOM
+ */
+type ValidationCustomCallback = (value: string) => boolean | string;
+
+interface ValidationCustomOptions {
+    callback: ValidationCustomCallback;
+    invalidMessage?: string | ((options: ValidationCustomOptions) => string);
+}
+
+interface ValidationCustomObject extends ValidationCustomOptions {
+    validate: (value: string) => ValidationResult;
+}
+
+const defaultValidationCustomOptions: ValidationCustomOptions = {
+    callback: () => {
+        return true;
+    },
+    invalidMessage: "Your Custom number is not in a supported format.",
+};
+
+export function Custom(
+    callbackOrOptions: ValidationCustomCallback | ValidationCustomOptions,
+    options?: ValidationCustomOptions
+);
+export function Custom(
+    options: ValidationCustomOptions
+): ValidationCustomObject;
+
+/**
+ * Validate field is in a valid Custom format
+ *
+ * @param callbackOrOptions
+ * @param options options data
+ * @returns ValidationCustomObject
+ */
+export function Custom(
+    callbackOrOptions: ValidationCustomCallback | ValidationCustomOptions,
+    options?: ValidationCustomOptions
+): ValidationCustomObject {
+    if (typeof callbackOrOptions === "function") {
+        options = { ...defaultValidationCustomOptions, ...(options || {}) };
+        options.callback = callbackOrOptions;
+    } else {
+        options = {
+            ...defaultValidationCustomOptions,
+            ...(callbackOrOptions || {}),
+        };
+    }
+
+    return {
+        ...options,
+        validate: function (value: string): ValidationResult {
+            const validateResult = {
+                valid: true,
+                invalidMessages: [
+                    typeof this.invalidMessage === "string"
+                        ? this.invalidMessage
+                        : this.invalidMessage(this),
+                ],
+            };
+
+            const callbackResult =
+                typeof this.callback === "function"
+                    ? this.callback(value)
+                    : true;
+
+            if (typeof callbackResult === "string") {
+                if (callbackResult.length > 0) {
+                    validateResult.valid = false;
+                    validateResult.invalidMessages = [callbackResult];
+                }
+            } else if (callbackResult !== true) {
+                validateResult.valid = false;
+            }
+
+            return validateResult;
+        },
+    };
+}
+
+/**
+ * And
+ *
+ * @param list
+ */
+export const And = (list: Array<ValidationObject>) => {
+    return {
+        list: list,
+        validate: function (value: string) {
+            const validationResult: ValidationResult = {
+                valid: true,
+                invalidMessages: [],
+            };
+
+            this.list.every((item: ValidationObject) => {
+                const validationItemResult = item.validate(value);
+                if (validationItemResult.valid == false) {
+                    validationResult.valid = false;
+                    validationResult.invalidMessages =
+                        validationResult.invalidMessages.concat(
+                            validationItemResult.invalidMessages
+                        );
+                }
+
+                return true;
+            });
+
+            return validationResult;
+        },
+    };
+};
+
+/**
+ * Required
+ */
+interface ValidationRequiredOptions {
+    invalidMessage?: string | ((options: ValidationRequiredOptions) => string);
+}
+
+interface ValidationRequiredObject extends ValidationRequiredOptions {
+    validate: (value: string) => ValidationResult;
+}
+
+const defaultValidationRequiredOptions: ValidationRequiredOptions = {
+    invalidMessage: "This field is required.",
+};
+
+/**
+ * Validate field contains value
+ *
+ * @param options options data
+ * @returns ValidationRequiredObject
+ */
+export function Required(
+    options?: ValidationRequiredOptions
+): ValidationRequiredObject {
+    options = { ...defaultValidationRequiredOptions, ...(options || {}) };
+
+    return {
+        ...options,
+        validate: function (value: string): ValidationResult {
+            return {
+                valid: value.length > 0,
+                invalidMessages:
+                    typeof this.invalidMessage === "string"
+                        ? this.invalidMessage
+                        : this.invalidMessage(this),
+            };
+        },
+    };
+}
diff --git a/resources/js/helpers/validation.js b/resources/js/helpers/validation.old.js
similarity index 100%
rename from resources/js/helpers/validation.js
rename to resources/js/helpers/validation.old.js
diff --git a/resources/js/main.js b/resources/js/main.js
index 4e18705..96cafb8 100644
--- a/resources/js/main.js
+++ b/resources/js/main.js
@@ -3,11 +3,11 @@ import { createApp } from "vue";
 import { createPinia } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 import Router from "@/router";
-import "./axios.js";
+// import "./axios.js";
 import "normalize.css";
 import "../css/app.scss";
 import App from "./views/App.vue";
-import FontAwesomeIcon from "@/helpers/fontawesome";
+// import FontAwesomeIcon from "@/helpers/fontawesome";
 import SMContainer from "./components/SMContainer.vue";
 import SMRow from "./components/SMRow.vue";
 import SMColumn from "./components/SMColumn.vue";
@@ -19,7 +19,7 @@ const pinia = createPinia();
 pinia.use(piniaPluginPersistedstate);
 
 createApp(App)
-    .component("FontAwesomeIcon", FontAwesomeIcon)
+    // .component("FontAwesomeIcon", FontAwesomeIcon)
     .use(pinia)
     .use(Router)
     .use(PromiseDialog)
diff --git a/resources/js/router/index.js b/resources/js/router/index.js
index 4353299..b1035c5 100644
--- a/resources/js/router/index.js
+++ b/resources/js/router/index.js
@@ -1,7 +1,7 @@
-import axios from "axios";
 import { createWebHistory, createRouter } from "vue-router";
 import { useUserStore } from "@/store/UserStore";
 import { useApplicationStore } from "../store/ApplicationStore";
+import { api } from "../helpers/api";
 
 export const routes = [
     {
@@ -386,10 +386,10 @@ router.beforeEach(async (to, from, next) => {
         let redirect = false;
 
         try {
-            let res = await axios.get("me");
-            userStore.setUserDetails(res.data.user);
+            let res = await api.get("/me");
+            userStore.setUserDetails(res.json.user);
         } catch (err) {
-            if (err.response.status == 401) {
+            if (err.status == 401) {
                 userStore.clearUser();
                 redirect = true;
             }
diff --git a/resources/js/store/UserStore.ts b/resources/js/store/UserStore.ts
index 2e65586..93b65bf 100644
--- a/resources/js/store/UserStore.ts
+++ b/resources/js/store/UserStore.ts
@@ -1,4 +1,4 @@
-import axios from "axios";
+import { api } from "../helpers/api";
 import { defineStore } from "pinia";
 
 export interface UserDetails {
@@ -51,16 +51,16 @@ export const useUserStore = defineStore({
         },
 
         async fetchUser() {
-            const res = await axios.get("users/" + this.$state.id);
+            const res = await api.get("/users/" + this.$state.id);
 
-            this.$state.id = res.data.user.id;
-            this.$state.token = res.data.token;
-            this.$state.username = res.data.user.username;
-            this.$state.firstName = res.data.user.first_name;
-            this.$state.lastName = res.data.user.last_name;
-            this.$state.email = res.data.user.email;
-            this.$state.phone = res.data.user.phone;
-            this.$state.permissions = res.data.user.permissions || [];
+            this.$state.id = res.json.user.id;
+            this.$state.token = res.json.token;
+            this.$state.username = res.json.user.username;
+            this.$state.firstName = res.json.user.first_name;
+            this.$state.lastName = res.json.user.last_name;
+            this.$state.email = res.json.user.email;
+            this.$state.phone = res.json.user.phone;
+            this.$state.permissions = res.json.user.permissions || [];
         },
 
         clearUser() {
diff --git a/resources/js/views/App.vue b/resources/js/views/App.vue
index 63b5410..b4c0414 100644
--- a/resources/js/views/App.vue
+++ b/resources/js/views/App.vue
@@ -1,6 +1,5 @@
 <template>
     <SMNavbar />
-    <SMBreadcrumbs />
     <main>
         <router-view v-slot="{ Component }">
             <transition name="fade" mode="out-in">
@@ -14,7 +13,6 @@
 
 <script setup lang="ts">
 import SMNavbar from "../components/SMNavbar.vue";
-import SMBreadcrumbs from "../components/SMBreadcrumbs.vue";
 import SMFooter from "../components/SMFooter.vue";
 import { DialogWrapper } from "vue3-promise-dialog";
 </script>
diff --git a/resources/js/views/Contact.vue b/resources/js/views/Contact.vue
index 4cd9471..2556e8a 100644
--- a/resources/js/views/Contact.vue
+++ b/resources/js/views/Contact.vue
@@ -1,5 +1,5 @@
 <template>
-    <SMContainer class="page-contact">
+    <SMPage class="page-contact">
         <SMRow break-large>
             <SMColumn>
                 <h1 class="text-left">Contact Us</h1>
@@ -42,43 +42,20 @@
             </SMColumn>
             <SMColumn>
                 <div>
-                    <SMDialog narrow :loading="formLoading">
-                        <template v-if="!formDone">
-                            <SMMessage
-                                v-if="formMessage.message"
-                                :type="formMessage.type"
-                                :message="formMessage.message"
-                                :icon="formMessage.icon" />
-                            <form @submit.prevent="submit">
+                    <SMDialog narrow>
+                        <template v-if="!formSubmitted">
+                            <SMForm v-model="form" @submit="handleSubmit">
+                                <SMInput control="name" />
+                                <SMInput control="email" type="email" />
                                 <SMInput
-                                    v-model="formData.name.value"
-                                    name="name"
-                                    label="Name"
-                                    required
-                                    :error="formData.name.error"
-                                    @blur="fieldValidate(formData.name)" />
-                                <SMInput
-                                    v-model="formData.email.value"
-                                    name="email"
-                                    label="Email"
-                                    required
-                                    :error="formData.email.error"
-                                    @blur="fieldValidate(formData.email)" />
-                                <SMInput
-                                    v-model="formData.content.value"
-                                    name="content"
-                                    type="textarea"
+                                    control="content"
                                     label="Message"
-                                    required
-                                    :error="formData.content.error"
-                                    @blur="fieldValidate(formData.content)" />
-                                <SMCaptchaNotice />
+                                    type="textarea" />
                                 <SMButton
                                     type="submit"
                                     block
-                                    label="Send Message"
-                                    icon="fa-regular fa-paper-plane" />
-                            </form>
+                                    label="Send Message" />
+                            </SMForm>
                         </template>
                         <template v-else>
                             <h1>Message Sent!</h1>
@@ -86,98 +63,65 @@
                                 Your message as been sent to us. We will respond
                                 as soon as we can.
                             </p>
-                            <SMButton block to="/" label="Home" />
+                            <SMButton
+                                block
+                                :to="{ name: 'home' }"
+                                label="Home" />
                         </template>
                     </SMDialog>
                 </div>
             </SMColumn>
         </SMRow>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from "vue";
-import SMInput from "../components/SMInput.vue";
 import SMButton from "../components/SMButton.vue";
 import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
+import SMForm from "../components/SMForm.vue";
+import SMInput from "../components/SMInput.vue";
+import SMPage from "../components/SMPage.vue";
+
+import { api } from "../helpers/api";
+import { FormObject, FormControl } from "../helpers/form";
+import { And, Email, Min, Required } from "../helpers/validate";
+
+import { ref, reactive } from "vue";
 import { useReCaptcha } from "vue-recaptcha-v3";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
 
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const formLoading = ref(false);
-const formDone = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    name: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A name is needed",
-            min: 4,
-            min_message: "A name needs to be is at least 4 characters",
-        },
-    },
-    email: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A email address is needed",
-            email: true,
-            email_message: "That email address does not look right",
-        },
-    },
-    content: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A message is required",
-            min: 8,
-            min_message: "The message needs to be at least %d characters",
-        },
-    },
-});
+const form = reactive(
+    FormObject({
+        name: FormControl("", And([Required(), Min(4)])),
+        email: FormControl("", And([Required(), Email()])),
+        content: FormControl("", And([Required(), Min(8)])),
+    })
+);
+const formSubmitted = ref(false);
 
-useValidation(formData);
-
-const submit = async () => {
-    formLoading.value = true;
+const handleSubmit = async () => {
+    form.loading(true);
 
     try {
-        if (isValidated(formData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
 
-            await axios.post("contact", {
-                name: formData.name.value,
-                email: formData.email.value,
+        await api.post({
+            url: "/contact",
+            body: {
+                name: form.name.value,
+                email: form.email.value,
                 captcha_token: captcha,
-                content: formData.content.value,
-            });
+                content: form.content.value,
+            },
+        });
 
-            formDone.value = true;
-        }
+        formSubmitted.value = true;
     } catch (err) {
-        formLoading.value = false;
-        formMessage.type = "error";
-        formMessage.icon = "fa-solid fa-circle-exclamation";
-        restParseErrors(formData, [formMessage, "message"], err);
+        console.log(err);
+        form.apiErrors(err);
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
 </script>
diff --git a/resources/js/views/EmailVerify.vue b/resources/js/views/EmailVerify.vue
index 19209f5..579e665 100644
--- a/resources/js/views/EmailVerify.vue
+++ b/resources/js/views/EmailVerify.vue
@@ -1,26 +1,14 @@
 <template>
-    <SMContainer>
+    <SMPage no-breadcrumbs background="/img/background.jpg">
         <SMRow>
-            <SMDialog narrow :loading="formLoading">
+            <SMDialog class="mt-5" narrow>
                 <template v-if="!formDone">
                     <h1>Email Verify</h1>
-                    <SMMessage
-                        v-if="formMessage.message"
-                        :type="formMessage.type"
-                        :message="formMessage.message"
-                        :icon="formMessage.icon" />
-                    <form @submit.prevent="submit">
-                        <SMInput
-                            v-model="formData.code.value"
-                            name="code"
-                            label="Code"
-                            required
-                            :error="formData.code.error"
-                            @blur="fieldValidate(formData.code)" />
-                        <SMCaptchaNotice />
+                    <SMForm v-model="form" @submit="handleSubmit">
+                        <SMInput control="code" />
                         <SMFormFooter>
                             <template #left>
-                                <div>
+                                <div class="small">
                                     <router-link to="/resend-verify-email"
                                         >Resend Code</router-link
                                     >
@@ -30,10 +18,10 @@
                                 <SMButton
                                     type="submit"
                                     label="Verify Code"
-                                    icon="fa-solid fa-arrow-right" />
+                                    icon="arrow-forward-outline" />
                             </template>
                         </SMFormFooter>
-                    </form>
+                    </SMForm>
                 </template>
                 <template v-else>
                     <h1>Email Verified!</h1>
@@ -48,7 +36,7 @@
                 </template>
             </SMDialog>
         </SMRow>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
@@ -57,70 +45,47 @@ import SMInput from "../components/SMInput.vue";
 import SMButton from "../components/SMButton.vue";
 import SMFormFooter from "../components/SMFormFooter.vue";
 import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
+import SMPage from "../components/SMPage.vue";
+import SMForm from "../components/SMForm.vue";
 import { useRoute } from "vue-router";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
+import { And, Max, Min, Required } from "../helpers/validate";
 import { useReCaptcha } from "vue-recaptcha-v3";
+import { FormControl, FormObject } from "../helpers/form";
+import { api } from "../helpers/api";
 
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const formLoading = ref(false);
 const formDone = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    code: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "The code is needed",
-            min: 6,
-            min_message: "The code should be 6 characters",
-            max: 6,
-            max_message: "The code should be 6 characters",
-        },
-    },
-});
+const form = reactive(
+    FormObject({
+        code: FormControl("", And([Required(), Min(6), Max(6)])),
+    })
+);
 
-useValidation(formData);
-
-const submit = async () => {
-    formLoading.value = true;
-    formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
-    formMessage.message = "";
+const handleSubmit = async () => {
+    form.loading(true);
 
     try {
-        if (isValidated(formData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
 
-            await axios.post("users/verifyEmail", {
-                code: formData.code.value,
+        await api.post({
+            url: "/users/verifyEmail",
+            body: {
+                code: form.code.value,
                 captcha_token: captcha,
-            });
+            },
+        });
 
-            formDone.value = true;
-        }
+        formDone.value = true;
     } catch (err) {
-        restParseErrors(formData, [formMessage, "message"], err);
+        form.apiErrors(err);
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
 
 if (useRoute().query.code !== undefined) {
-    formData.code.value = useRoute().query.code;
-    submit();
+    form.code.value = useRoute().query.code;
+    handleSubmit();
 }
 </script>
diff --git a/resources/js/views/EventView.vue b/resources/js/views/EventView.vue
index c4f6a5a..cbc5121 100644
--- a/resources/js/views/EventView.vue
+++ b/resources/js/views/EventView.vue
@@ -23,7 +23,7 @@ import SMMessage from "../components/SMMessage.vue";
 import SMPanelList from "../components/SMPanelList.vue";
 import SMPanel from "../components/SMPanel.vue";
 import { reactive } from "vue";
-import axios from "axios";
+import { api } from "../helpers/api";
 
 const events = reactive([]);
 
@@ -39,12 +39,16 @@ const handleLoad = async () => {
     formMessage.message = "";
 
     try {
-        let result = await axios.get("events?limit=10");
-        events.value = result.data.events;
+        let result = await api.get({
+            url: "/events",
+            params: {
+                limit: 10,
+            },
+        });
+        events.value = result.json.events;
     } catch (error) {
         formMessage.message =
-            error.response?.data?.message ||
-            "Could not load any events from the server.";
+            error.json?.message || "Could not load any events from the server.";
     }
 };
 
diff --git a/resources/js/views/ForgotPassword.vue b/resources/js/views/ForgotPassword.vue
index b567cc1..88ebf6b 100644
--- a/resources/js/views/ForgotPassword.vue
+++ b/resources/js/views/ForgotPassword.vue
@@ -1,26 +1,14 @@
 <template>
-    <SMContainer>
+    <SMPage no-breadcrumbs background="/img/background.jpg">
         <SMRow>
-            <SMDialog narrow :loading="formLoading">
+            <SMDialog narrow class="mt-5">
                 <template v-if="!formDone">
                     <h1>Forgot Password</h1>
-                    <SMMessage
-                        v-if="formMessage.message"
-                        :type="formMessage.type"
-                        :message="formMessage.message"
-                        :icon="formMessage.icon" />
-                    <form @submit.prevent="submit">
-                        <SMInput
-                            v-model="formData.username.value"
-                            name="username"
-                            label="Username"
-                            required
-                            :error="formData.username.error"
-                            @blur="fieldValidate(formData.username)" />
-                        <SMCaptchaNotice />
+                    <SMForm v-model="form" @submit="handleSubmit">
+                        <SMInput control="username" />
                         <SMFormFooter>
                             <template #left>
-                                <div>
+                                <div class="small">
                                     <span class="pr-1">Remember?</span
                                     ><router-link :to="{ name: 'login' }"
                                         >Log in</router-link
@@ -31,10 +19,10 @@
                                 <SMButton
                                     type="submit"
                                     label="Send"
-                                    icon="fa-solid fa-arrow-right" />
+                                    icon="arrow-forward-outline" />
                             </template>
                         </SMFormFooter>
-                    </form>
+                    </SMForm>
                 </template>
                 <template v-else>
                     <h1>Email Sent!</h1>
@@ -51,78 +39,54 @@
                 </template>
             </SMDialog>
         </SMRow>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
+import { api } from "../helpers/api";
+import { FormObject, FormControl } from "../helpers/form";
+import { And, Required, Min } from "../helpers/validate";
 import { ref, reactive } from "vue";
-import SMInput from "../components/SMInput.vue";
-import SMButton from "../components/SMButton.vue";
-import SMFormFooter from "../components/SMFormFooter.vue";
-import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
-import { useRoute } from "vue-router";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
 import { useReCaptcha } from "vue-recaptcha-v3";
 
+import SMButton from "../components/SMButton.vue";
+import SMDialog from "../components/SMDialog.vue";
+import SMFormFooter from "../components/SMFormFooter.vue";
+import SMInput from "../components/SMInput.vue";
+import SMPage from "../components/SMPage.vue";
+
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const formLoading = ref(false);
 const formDone = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    username: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "Your username is needed",
-            min: 4,
-            min_message: "Your username is at least %d characters",
-        },
-    },
-});
+const form = reactive(
+    FormObject({
+        username: FormControl("", And([Required(), Min(4)])),
+    })
+);
 
-useValidation(formData);
-
-const submit = async () => {
-    formLoading.value = true;
-    formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
-    formMessage.message = "";
+const handleSubmit = async () => {
+    form.loading(true);
 
     try {
-        if (isValidated(formData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
 
-            let res = await axios.post("users/forgotPassword", {
-                username: formData.username.value,
+        await api.post({
+            url: "/users/forgotPassword",
+            body: {
+                username: form.username.value,
                 captcha_token: captcha,
-            });
+            },
+        });
 
-            formDone.value = true;
-        }
-    } catch (err) {
-        if (err.response.status == 422) {
+        formDone.value = true;
+    } catch (error) {
+        if (error.status == 422) {
             formDone.value = true;
         } else {
-            restParseErrors(formData, [formMessage, "message"], err);
+            form.apiErrors(error);
         }
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
 </script>
-
-<style lang="scss"></style>
diff --git a/resources/js/views/ForgotUsername.vue b/resources/js/views/ForgotUsername.vue
index f39b6b8..1bb9ca5 100644
--- a/resources/js/views/ForgotUsername.vue
+++ b/resources/js/views/ForgotUsername.vue
@@ -1,26 +1,14 @@
 <template>
-    <SMContainer>
+    <SMPage no-breadcrumbs background="/img/background.jpg">
         <SMRow>
-            <SMDialog narrow :loading="formLoading">
+            <SMDialog narrow class="mt-5">
                 <template v-if="!formDone">
                     <h1>Forgot Username</h1>
-                    <SMMessage
-                        v-if="formMessage.message"
-                        :type="formMessage.type"
-                        :message="formMessage.message"
-                        :icon="formMessage.icon" />
-                    <form @submit.prevent="submit">
-                        <SMInput
-                            v-model:error="formData.email.error"
-                            v-model="formData.email.value"
-                            name="email"
-                            label="Email"
-                            required
-                            @blur="fieldValidate(formData.email)" />
-                        <SMCaptchaNotice />
+                    <SMForm v-model="form" @submit="handleSubmit">
+                        <SMInput control="email" />
                         <SMFormFooter>
                             <template #left>
-                                <div>
+                                <div class="small">
                                     <span class="pr-1">Remember?</span
                                     ><router-link :to="{ name: 'login' }"
                                         >Log in</router-link
@@ -31,10 +19,10 @@
                                 <SMButton
                                     type="submit"
                                     label="Send"
-                                    icon="fa-solid fa-arrow-right" />
+                                    icon="arrow-forward-outline" />
                             </template>
                         </SMFormFooter>
-                    </form>
+                    </SMForm>
                 </template>
                 <template v-else>
                     <h1>Email Sent!</h1>
@@ -50,72 +38,52 @@
                 </template>
             </SMDialog>
         </SMRow>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
 import { ref, reactive } from "vue";
-import SMInput from "../components/SMInput.vue";
+import { api } from "../helpers/api";
+import { FormObject, FormControl } from "../helpers/form";
+import { And, Required, Email } from "../helpers/validate";
+
 import SMButton from "../components/SMButton.vue";
-import SMFormFooter from "../components/SMFormFooter.vue";
 import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
+import SMForm from "../components/SMForm.vue";
+import SMFormFooter from "../components/SMFormFooter.vue";
+import SMInput from "../components/SMInput.vue";
+import SMPage from "../components/SMPage.vue";
+
 import { useReCaptcha } from "vue-recaptcha-v3";
 
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const formLoading = ref(false);
 const formDone = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    email: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "An email address is required",
-            email: true,
-        },
-    },
-});
+const form = reactive(
+    FormObject({
+        email: FormControl("", And([Required(), Email()])),
+    })
+);
 
-useValidation(formData);
-
-const submit = async () => {
-    formLoading.value = true;
-    formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
-    formMessage.message = "";
+const handleSubmit = async () => {
+    form.loading(true);
 
     try {
-        if (isValidated(formData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
 
-            let res = await axios.post("users/forgotUsername", {
-                email: formData.email.value,
+        await api.post({
+            url: "/users/forgotUsername",
+            body: {
+                email: form.email.value,
                 captcha_token: captcha,
-            });
+            },
+        });
 
-            formDone.value = true;
-        }
-    } catch (err) {
-        restParseErrors(formData, [formMessage, "message"], err);
+        formDone.value = true;
+    } catch (error) {
+        form.apiErrors(error);
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
 </script>
-
-<style lang="scss"></style>
diff --git a/resources/js/views/Home.vue b/resources/js/views/Home.vue
index b5a79d4..7d0c8f2 100644
--- a/resources/js/views/Home.vue
+++ b/resources/js/views/Home.vue
@@ -1,5 +1,5 @@
 <template>
-    <SMContainer full class="home">
+    <SMPage full class="home">
         <SMCarousel>
             <SMCarouselSlide
                 v-for="(slide, index) in slides"
@@ -110,100 +110,85 @@
                 Sign up for our mailing list to receive expert tips and tricks,
                 as well as updates on upcoming workshops.
             </p>
-            <SMDialog :loading="formLoading" class="p-0">
-                <form @submit.prevent="handleSubscribe">
+            <SMDialog class="p-0">
+                <SMForm v-model="form" @submit.prevent="handleSubscribe">
                     <div class="form-row">
-                        <SMMessage
-                            v-if="formMessage.message"
-                            :type="formMessage.type"
-                            :message="formMessage.message"
-                            :icon="formMessage.icon" />
-                        <SMInput
-                            v-model="subscribeFormData.email.value"
-                            placeholder="Email address"
-                            :error="subscribeFormData.email.error"
-                            @blur="fieldValidate(subscribeFormData.email)" />
-                        <SMCaptchaNotice />
+                        <SMInput control="email" />
                         <SMButton type="submit" label="Subscribe" />
                     </div>
-                </form>
+                </SMForm>
             </SMDialog>
         </SMContainer>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
-import axios from "axios";
 import { reactive, ref } from "vue";
-import { buildUrlQuery, excerpt, timestampNowUtc } from "../helpers/common";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-    clearFormData,
-} from "../helpers/validation";
+import { excerpt } from "../helpers/common";
+import { timestampNowUtc } from "../helpers/datetime";
 import SMInput from "../components/SMInput.vue";
 import SMButton from "../components/SMButton.vue";
 import SMCarousel from "../components/SMCarousel.vue";
 import SMCarouselSlide from "../components/SMCarouselSlide.vue";
-import SMMessage from "../components/SMMessage.vue";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
+import SMForm from "../components/SMForm.vue";
 import SMDialog from "../components/SMDialog.vue";
+import SMPage from "../components/SMPage.vue";
 import { useReCaptcha } from "vue-recaptcha-v3";
+import { FormObject, FormControl } from "../helpers/form";
+import { And, Email, Required } from "../helpers/validate";
+import { api } from "../helpers/api";
 
 const slides = ref([]);
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const subscribeFormData = reactive({
-    email: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "An email address is needed.",
-            email: true,
-            email_message: "That does not appear to be an email address.",
-        },
-    },
-});
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formLoading = ref(false);
+const form = reactive(
+    FormObject({
+        email: FormControl("", And([Required(), Email()])),
+    })
+);
 
 const handleLoad = async () => {
     slides.value = [];
     let posts = [];
     let events = [];
 
-    try {
-        let result = await axios.get(buildUrlQuery("posts", { limit: 3 }));
-        if (result.data.posts) {
-            result.data.posts.forEach((post) => {
-                posts.push({
-                    title: post.title,
-                    content: excerpt(post.content, 200),
-                    image: post.hero,
-                    url: { name: "post-view", params: { slug: post.slug } },
-                    cta: "Read More...",
-                });
-            });
-        }
-    } catch (error) {
-        /* empty */
-    }
-
-    try {
-        let query = {
+    api.get({
+        url: "/posts",
+        params: {
             limit: 3,
-            end_at: ">" + timestampNowUtc(),
-        };
+        },
+        progress: ({ loaded, total }) => {
+            console.log("progress", `${loaded} - ${total}`);
+        },
+    })
+        .then((response) => {
+            if (response.data.posts) {
+                response.data.posts.forEach((post) => {
+                    posts.push({
+                        title: post.title,
+                        content: excerpt(post.content, 200),
+                        image: post.hero,
+                        url: { name: "post-view", params: { slug: post.slug } },
+                        cta: "Read More...",
+                    });
+                });
+            }
+        })
+        .catch((error) => {
+            console.log("error", error);
+            /* empty */
+        });
 
-        let result = await axios.get(buildUrlQuery("events", query));
-        if (result.data.events) {
-            result.data.events.forEach((event) => {
+    try {
+        let result = await api.get({
+            url: "/events",
+            params: {
+                limit: 3,
+                end_at: ">" + timestampNowUtc(),
+            },
+        });
+
+        if (result.json.events) {
+            result.json.events.forEach((event) => {
                 events.push({
                     title: event.title,
                     content: excerpt(event.content, 200),
@@ -228,34 +213,30 @@ const handleLoad = async () => {
 };
 
 const handleSubscribe = async () => {
-    formLoading.value = true;
-    formMessage.icon = "";
-    formMessage.type = "error";
-    formMessage.message = "";
+    form.loading(true);
+    form.message();
 
     try {
-        if (isValidated(subscribeFormData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
 
-            await axios.post("subscriptions", {
-                email: subscribeFormData.email.value,
+        await api.post({
+            url: "/subscriptions",
+            body: {
+                email: form.email.value,
                 captcha_token: captcha,
-            });
+            },
+        });
 
-            clearFormData(subscribeFormData);
-
-            formMessage.type = "success";
-            formMessage.message = "Your email address has been subscribed.";
-        }
+        form.email.value = "";
+        form.message("Your email address has been subscribed.", "success");
     } catch (err) {
-        restParseErrors(subscribeFormData, [formMessage, "message"], err);
+        form.apiErrors(err);
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
 
-useValidation(subscribeFormData);
 handleLoad();
 </script>
 
diff --git a/resources/js/views/Login.vue b/resources/js/views/Login.vue
index e4f3e3d..5b2c1ae 100644
--- a/resources/js/views/Login.vue
+++ b/resources/js/views/Login.vue
@@ -1,157 +1,96 @@
 <template>
-    <SMContainer>
-        <SMRow>
-            <SMColumn>
-                <SMDialog narrow>
-                    <h1>Log in</h1>
-                    <SMMessage
-                        v-if="formMessage.message"
-                        :type="formMessage.type"
-                        :message="formMessage.message"
-                        :icon="formMessage.icon" />
-                    <form @submit.prevent="submit">
-                        <SMInput
-                            v-model:error="formData.username.error"
-                            v-model="formData.username.value"
-                            name="username"
-                            label="Username"
-                            required
-                            @blur="fieldValidate(formData.username)">
-                            <router-link to="/forgot-username"
-                                >Forgot username?</router-link
-                            >
-                        </SMInput>
-                        <SMInput
-                            v-model="formData.password.value"
-                            name="password"
-                            type="password"
-                            label="Password"
-                            required
-                            :error="formData.password.error"
-                            @blur="fieldValidate(formData.password)">
-                            <router-link to="/forgot-password"
-                                >Forgot password?</router-link
-                            >
-                        </SMInput>
-                        <SMCaptchaNotice />
-                        <SMFormFooter>
-                            <template #left>
-                                <div>
-                                    <span class="pr-1">Need an account?</span
-                                    ><router-link to="/register"
-                                        >Register</router-link
-                                    >
-                                </div>
-                            </template>
-                            <template #right>
-                                <SMButton
-                                    type="submit"
-                                    label="Log in"
-                                    icon="fa-solid fa-arrow-right" />
-                            </template>
-                        </SMFormFooter>
-                    </form>
-                </SMDialog>
-            </SMColumn>
-        </SMRow>
-    </SMContainer>
+    <SMPage no-breadcrumbs background="/img/background.jpg">
+        <SMDialog narrow class="mt-5">
+            <h1>Log in</h1>
+            <SMForm v-model="form" @submit="handleSubmit">
+                <SMInput control="username">
+                    <router-link to="/forgot-username"
+                        >Forgot username?</router-link
+                    >
+                </SMInput>
+                <SMInput control="password" type="password">
+                    <router-link to="/forgot-password"
+                        >Forgot password?</router-link
+                    >
+                </SMInput>
+                <SMFormFooter>
+                    <template #left>
+                        <div class="small">
+                            <span class="pr-1">Need an account?</span
+                            ><router-link to="/register">Register</router-link>
+                        </div>
+                    </template>
+                    <template #right>
+                        <SMButton
+                            type="submit"
+                            label="Log in"
+                            icon="arrow-forward-outline" />
+                    </template>
+                </SMFormFooter>
+            </SMForm>
+        </SMDialog>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from "vue";
+import { reactive } from "vue";
+import { useUserStore } from "../store/UserStore";
+import { useRoute, useRouter } from "vue-router";
+import { api } from "../helpers/api";
+import { FormObject, FormControl } from "../helpers/form";
+import { And, Min, Required, Password } from "../helpers/validate";
+import SMPage from "../components/SMPage.vue";
 import SMInput from "../components/SMInput.vue";
 import SMButton from "../components/SMButton.vue";
 import SMFormFooter from "../components/SMFormFooter.vue";
 import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
-import { useUserStore } from "../store/UserStore";
-import { useRoute, useRouter } from "vue-router";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
+import SMForm from "../components/SMForm.vue";
 
 const router = useRouter();
 const userStore = useUserStore();
-const formLoading = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    username: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "Your username is needed",
-            min: 4,
-            min_message: "Your username is at least 6 characters",
-        },
-    },
-    password: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A password is required",
-            min: 8,
-            min_message: "Your password needs to be at least %d characters",
-            password: "special",
-            password_message:
-                "Your password needs to have at least a letter, a number and a special character",
-        },
-    },
-});
-
-useValidation(formData);
+const form = reactive(
+    FormObject({
+        username: FormControl("", And([Required(), Min(4)])),
+        password: FormControl("", Password()),
+    })
+);
 
 const redirect = useRoute().query.redirect;
 
-const submit = async () => {
-    formLoading.value = true;
-    formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
-    formMessage.message = "";
+const handleSubmit = async () => {
+    form.message();
+    form.loading(true);
 
     try {
-        if (isValidated(formData)) {
-            let res = await axios.post("login", {
-                username: formData.username.value,
-                password: formData.password.value,
-            });
+        let res = await api.post({
+            url: "/login",
+            body: {
+                username: form.username.value,
+                password: form.password.value,
+            },
+        });
 
-            if (res.data.token !== undefined) {
-                userStore.setUserDetails(res.data.user);
-                userStore.setUserToken(res.data.token);
-                if (redirect !== undefined) {
-                    if (redirect.startsWith("api/")) {
-                        window.location.href =
-                            redirect +
-                            "?token=" +
-                            encodeURIComponent(res.data.token);
-                    } else {
-                        router.push({ path: redirect });
-                    }
-                } else {
-                    router.push({ name: "dashboard" });
-                }
+        userStore.setUserDetails(res.json.user);
+        userStore.setUserToken(res.json.token);
+        if (redirect !== undefined) {
+            if (redirect.startsWith("api/")) {
+                window.location.href =
+                    redirect + "?token=" + encodeURIComponent(res.json.token);
             } else {
-                formMessage.message =
-                    "An unexpected error occurred on the server. Please try again later";
+                router.push({ path: redirect });
             }
+        } else {
+            router.push({ name: "dashboard" });
         }
     } catch (err) {
-        restParseErrors(formData, [formMessage, "message"], err);
+        console.log(err);
+        form.apiErrors(err);
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
-</script>
 
-<style lang="scss"></style>
+if (userStore.token) {
+    userStore.clearUser();
+}
+</script>
diff --git a/resources/js/views/Logout.vue b/resources/js/views/Logout.vue
index c08f076..d830556 100644
--- a/resources/js/views/Logout.vue
+++ b/resources/js/views/Logout.vue
@@ -1,7 +1,7 @@
 <template>
-    <SMContainer>
+    <SMPage no-breadcrumbs background="/img/background.jpg">
         <SMRow>
-            <SMDialog narrow>
+            <SMDialog narrow class="mt-5" :loading="formLoading">
                 <h1>Logged out</h1>
                 <SMRow>
                     <SMColumn class="justify-content-center">
@@ -17,33 +17,28 @@
                 </SMRow>
             </SMDialog>
         </SMRow>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from "vue";
-import SMButton from "@/components/SMButton.vue";
-import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
+import { api } from "../helpers/api";
+import { ref } from "vue";
 import { useUserStore } from "../store/UserStore";
-import { useRouter } from "vue-router";
 
-const router = useRouter();
+import SMButton from "../components/SMButton.vue";
+import SMDialog from "../components/SMDialog.vue";
+import SMPage from "../components/SMPage.vue";
+
 const userStore = useUserStore();
 const formLoading = ref(false);
-const formMessage = reactive({
-    type: "info",
-    message: "Logging you out...",
-    icon: "",
-});
-
-formLoading.value = true;
 
 const logout = async () => {
     formLoading.value = true;
+
     try {
-        await axios.post("logout");
+        await api.post({
+            url: "/logout",
+        });
     } catch (err) {
         console.log(err);
     }
diff --git a/resources/js/views/NewsList.vue b/resources/js/views/NewsList.vue
index c49f109..a0a0089 100644
--- a/resources/js/views/NewsList.vue
+++ b/resources/js/views/NewsList.vue
@@ -1,5 +1,5 @@
 <template>
-    <SMContainer class="news-list">
+    <SMPage class="news-list">
         <SMMessage
             v-if="formMessage.message"
             :icon="formMessage.icon"
@@ -22,15 +22,16 @@
                 button="Read More"
                 button-type="outline" />
         </SMPanelList>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
 import { reactive, ref } from "vue";
-import axios from "axios";
+import { api } from "../helpers/api";
 import SMMessage from "../components/SMMessage.vue";
 import SMPanelList from "../components/SMPanelList.vue";
 import SMPanel from "../components/SMPanel.vue";
+import SMPage from "../components/SMPage.vue";
 import { timestampUtcToLocal } from "../helpers/common";
 
 const formMessage = reactive({
@@ -48,8 +49,13 @@ const handleLoad = async () => {
     formMessage.message = "";
 
     try {
-        let result = await axios.get("posts?limit=5");
-        posts.value = result.data.posts;
+        let result = await api.get({
+            url: "/posts",
+            params: {
+                limit: 5,
+            },
+        });
+        posts.value = result.json.posts;
 
         posts.value.forEach((post) => {
             post.publish_at = timestampUtcToLocal(post.publish_at);
@@ -65,5 +71,3 @@ const handleLoad = async () => {
 
 handleLoad();
 </script>
-
-<style lang="scss"></style>
diff --git a/resources/js/views/NewsView.vue b/resources/js/views/NewsView.vue
index 490d1c5..8701ccd 100644
--- a/resources/js/views/NewsView.vue
+++ b/resources/js/views/NewsView.vue
@@ -1,5 +1,5 @@
 <template>
-    <SMContainer :loading="pageLoading" full class="page-post-view">
+    <SMPage :loading="pageLoading" full class="page-post-view">
         <SMPageError :error="error">
             <div
                 class="heading-image"
@@ -10,7 +10,7 @@
                 <div class="heading-info">
                     <h1>{{ post.title }}</h1>
                     <div class="date-author">
-                        <font-awesome-icon icon="fa-solid fa-calendar" />
+                        <ion-icon name="calendar-outline" />
                         {{ formattedPublishAt(post.publish_at) }}, by
                         {{ post.user_username }}
                     </div>
@@ -18,16 +18,17 @@
                 <component :is="formattedContent" ref="content"></component>
             </SMContainer>
         </SMPageError>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
 import { ref, computed } from "vue";
-import axios from "axios";
 import { useRoute } from "vue-router";
 import SMPageError from "../components/SMPageError.vue";
 import { fullMonthString, timestampUtcToLocal } from "../helpers/common";
 import { useApplicationStore } from "../store/ApplicationStore";
+import { api } from "../helpers/api";
+import SMPage from "../components/SMPage.vue";
 
 const applicationStore = useApplicationStore();
 const route = useRoute();
@@ -39,16 +40,20 @@ let pageLoading = ref(true);
 const loadData = async () => {
     if (route.params.slug) {
         try {
-            let res = await axios.get(
-                `posts?slug==${route.params.slug}&limit=1`
-            );
-            if (!res.data.posts) {
+            let res = await api.get({
+                url: "/posts",
+                params: {
+                    slug: `=${route.params.slug}`,
+                    limit: 1,
+                },
+            });
+            if (!res.json.posts) {
                 error.value = 500;
             } else {
-                if (res.data.total == 0) {
+                if (res.json.total == 0) {
                     error.value = 404;
                 } else {
-                    post.value = res.data.posts[0];
+                    post.value = res.json.posts[0];
 
                     post.value.publish_at = timestampUtcToLocal(
                         post.value.publish_at
@@ -57,19 +62,19 @@ const loadData = async () => {
                     applicationStore.setDynamicTitle(post.value.title);
 
                     try {
-                        let result = await axios.get(
-                            `media/${post.value.hero}`
-                        );
-                        post.value.hero_url = result.data.medium.url;
+                        let result = await api.get({
+                            url: `/media/${post.value.hero}`,
+                        });
+                        post.value.hero_url = result.json.medium.url;
                     } catch (error) {
                         /* empty */
                     }
 
                     try {
-                        let result = await axios.get(
-                            `users/${post.value.user_id}`
-                        );
-                        post.value.user_username = result.data.user.username;
+                        let result = await api.get({
+                            url: `/users/${post.value.user_id}`,
+                        });
+                        post.value.user_username = result.json.user.username;
                     } catch (error) {
                         /* empty */
                     }
@@ -144,12 +149,15 @@ loadData();
 
     .content {
         margin-top: map-get($spacer, 4);
-        line-height: 1.5rem;
         padding: 0 map-get($spacer, 3);
 
         a span {
             color: $primary-color !important;
         }
+
+        p {
+            line-height: 1.5rem;
+        }
     }
 }
 
diff --git a/resources/js/views/Register.vue b/resources/js/views/Register.vue
index efb8586..b2d6b44 100644
--- a/resources/js/views/Register.vue
+++ b/resources/js/views/Register.vue
@@ -1,76 +1,38 @@
 <template>
     <SMContainer>
         <SMRow>
-            <SMDialog :narrow="formDone" :loading="formLoading">
+            <SMDialog :narrow="formDone">
                 <template v-if="!formDone">
                     <h1>Register</h1>
-                    <SMMessage
-                        v-if="formMessage.message"
-                        :type="formMessage.type"
-                        :message="formMessage.message"
-                        :icon="formMessage.icon" />
-                    <form @submit.prevent="submit">
+                    <SMForm v-model="form" @submit="handleSubmit">
                         <SMRow>
                             <SMColumn>
-                                <SMInput
-                                    v-model="formData.username.value"
-                                    label="Username"
-                                    required
-                                    :error="formData.username.error"
-                                    @blur="
-                                        fieldValidate(formData.username)
-                                    "></SMInput>
+                                <SMInput control="username" />
                             </SMColumn>
                             <SMColumn>
                                 <SMInput
-                                    v-model="formData.password.value"
-                                    type="password"
-                                    label="Password"
-                                    required
-                                    :error="formData.password.error"
-                                    @blur="
-                                        fieldValidate(formData.password)
-                                    "></SMInput>
+                                    control="password"
+                                    type="password"></SMInput>
                             </SMColumn>
                         </SMRow>
                         <SMRow>
                             <SMColumn>
-                                <SMInput
-                                    v-model="formData.first_name.value"
-                                    label="First Name"
-                                    required
-                                    :error="formData.first_name.error"
-                                    @blur="
-                                        fieldValidate(formData.first_name)
-                                    " />
+                                <SMInput control="first_name" />
                             </SMColumn>
                             <SMColumn>
-                                <SMInput
-                                    v-model="formData.last_name.value"
-                                    label="Last Name"
-                                    required
-                                    :error="formData.last_name.error"
-                                    @blur="fieldValidate(formData.last_name)" />
+                                <SMInput control="last_name" />
                             </SMColumn>
                         </SMRow>
                         <SMRow>
                             <SMColumn>
-                                <SMInput
-                                    v-model="formData.email.value"
-                                    label="Email"
-                                    required
-                                    :error="formData.email.error"
-                                    @blur="fieldValidate(formData.email)" />
+                                <SMInput control="email" />
                             </SMColumn>
                             <SMColumn>
-                                <SMInput
-                                    v-model="formData.phone.value"
-                                    label="Phone Number"
-                                    :error="formData.phone.error"
-                                    @blur="fieldValidate(formData.phone)" />
+                                <SMInput control="phone">
+                                    This field is optional.
+                                </SMInput>
                             </SMColumn>
                         </SMRow>
-                        <SMCaptchaNotice />
                         <SMFormFooter>
                             <template #left>
                                 <div>
@@ -85,10 +47,10 @@
                                 <SMButton
                                     type="submit"
                                     label="Register"
-                                    icon="fa-solid fa-arrow-right" />
+                                    icon="arrow-forward-outline" />
                             </template>
                         </SMFormFooter>
-                    </form>
+                    </SMForm>
                 </template>
                 <template v-else>
                     <h1>Email Sent!</h1>
@@ -113,154 +75,95 @@ import SMInput from "../components/SMInput.vue";
 import SMButton from "../components/SMButton.vue";
 import SMFormFooter from "../components/SMFormFooter.vue";
 import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
+import SMForm from "../components/SMForm.vue";
+import { api } from "../helpers/api";
+import { FormControl, FormObject } from "../helpers/form";
 import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
+    And,
+    Custom,
+    Email,
+    Min,
+    Password,
+    Phone,
+    Required,
+} from "../helpers/validate";
+
 import { debounce } from "../helpers/common";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
 import { useReCaptcha } from "vue-recaptcha-v3";
 
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const lastUsernameCheck = ref("");
-const formLoading = ref(false);
-const formDone = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    first_name: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A first name is needed",
-            min: 2,
-            min_message: "Your first name should be at least 2 letters long",
-        },
-    },
-    last_name: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A last name is needed",
-            min: 2,
-            min_message: "Your last name should be at least 2 letters long",
-        },
-    },
-    email: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A email address is needed",
-            email: true,
-            email_message: "Your email address is not correct",
-        },
-    },
-    phone: {
-        value: "",
-        error: "",
-        rules: {
-            phone: true,
-            phone_message: "Your phone number does not look correct",
-        },
-    },
-    username: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A username is needed",
-            min: 4,
-            min_message: "Your username needs to be at least %d characters",
-            custom: () => {
-                checkUsername();
+
+const checkUsername = (value: string): boolean | string => {
+    if (lastUsernameCheck.value != form.username.value) {
+        lastUsernameCheck.value = form.username.value;
+        api.get({
+            url: "/users",
+            params: {
+                username: form.username.value,
             },
-        },
-    },
-    password: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A password is needed",
-            min: 8,
-            min_message: "Your password needs to be at least %d characters",
-            password: "special",
-            password_message:
-                "Your password needs to have at least a letter, a number and a special character",
-        },
-    },
-});
-
-useValidation(formData);
-
-const submit = async () => {
-    formLoading.value = true;
-
-    formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
-    formMessage.message = "";
-
-    try {
-        if (isValidated(formData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
-
-            let res = await axios.post("register", {
-                first_name: formData.first_name.value,
-                last_name: formData.last_name.value,
-                email: formData.email.value,
-                phone: formData.phone.value,
-                username: formData.username.value,
-                password: formData.password.value,
-                captcha_token: captcha,
+        })
+            .then((response) => {
+                return "The username has already been taken.";
+            })
+            .catch((error) => {
+                if (error.status != 404) {
+                    return (
+                        error.json?.message ||
+                        "An unexpected server error occurred."
+                    );
+                }
             });
-
-            formDone.value = true;
-        }
-    } catch (err) {
-        restParseErrors(formData, [formMessage, "message"], err);
     }
 
-    formLoading.value = false;
+    return true;
 };
 
-const checkUsername = async () => {
+const formDone = ref(false);
+const form = reactive(
+    FormObject({
+        first_name: FormControl("", Required()),
+        last_name: FormControl("", Required()),
+        email: FormControl("", And([Required(), Email()])),
+        phone: FormControl("", Phone()),
+        username: FormControl("", And([Min(4), Custom(checkUsername)])),
+        password: FormControl("", And([Required(), Password()])),
+    })
+);
+
+const handleSubmit = async () => {
+    form.loading(true);
+
     try {
-        if (
-            formData.username.value.length >= 4 &&
-            lastUsernameCheck.value != formData.username.value
-        ) {
-            lastUsernameCheck.value = formData.username.value;
-            await axios.get(`users?username=${formData.username.value}`);
-            formData.username.error = "The username has already been taken.";
-        }
-    } catch (error) {
-        if (error.response.status == 404) {
-            formData.username.error = "";
-        } else {
-            formMessage.type = "error";
-            formMessage.icon = "fa-solid fa-circle-exclamation";
-            formMessage.message =
-                error.response.message ||
-                "An unexpected server error occurred.";
-        }
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
+
+        await api.post({
+            url: "/register",
+            body: {
+                first_name: form.first_name.value,
+                last_name: form.last_name.value,
+                email: form.email.value,
+                phone: form.phone.value,
+                username: form.username.value,
+                password: form.password.value,
+                captcha_token: captcha,
+            },
+        });
+
+        formDone.value = true;
+    } catch (err) {
+        form.apiErrors(err);
     }
+
+    form.loading(false);
 };
 
+const lastUsernameCheck = ref("");
+
 const debouncedFilter = debounce(checkUsername, 1000);
 let oldUsernameValue = "";
 watch(
-    formData,
+    form,
     (value) => {
         if (value.username.value !== oldUsernameValue) {
             oldUsernameValue = value.username.value;
diff --git a/resources/js/views/ResendEmailVerify.vue b/resources/js/views/ResendEmailVerify.vue
index f7d7c2f..e1eb2ca 100644
--- a/resources/js/views/ResendEmailVerify.vue
+++ b/resources/js/views/ResendEmailVerify.vue
@@ -1,26 +1,14 @@
 <template>
-    <SMContainer>
+    <SMPage no-breadcrumbs background="/img/background.jpg">
         <SMRow>
-            <SMDialog narrow :loading="formLoading">
+            <SMDialog narrow>
                 <template v-if="!formDone">
                     <h1>Resend Verify Email</h1>
-                    <SMMessage
-                        v-if="formMessage.message"
-                        :type="formMessage.type"
-                        :message="formMessage.message"
-                        :icon="formMessage.icon" />
-                    <form @submit.prevent="submit">
-                        <SMInput
-                            v-model="formData.username.value"
-                            name="username"
-                            label="Username"
-                            required
-                            :error="formData.username.error"
-                            @blur="fieldValidate(formData.username)" />
-                        <SMCaptchaNotice />
+                    <SMForm v-model="form" @submit="handleSubmit">
+                        <SMInput control="username" />
                         <SMFormFooter>
                             <template #left>
-                                <div>
+                                <div class="small">
                                     <span class="pr-1">Stuck?</span
                                     ><router-link to="/contact"
                                         >Contact Us</router-link
@@ -31,10 +19,10 @@
                                 <SMButton
                                     type="submit"
                                     label="Send"
-                                    icon="fa-solid fa-arrow-right" />
+                                    icon="arrow-forward-outline" />
                             </template>
                         </SMFormFooter>
-                    </form>
+                    </SMForm>
                 </template>
                 <template v-else>
                     <h1>Email Sent!</h1>
@@ -51,7 +39,7 @@
                 </template>
             </SMDialog>
         </SMRow>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
@@ -60,69 +48,45 @@ import SMInput from "../components/SMInput.vue";
 import SMButton from "../components/SMButton.vue";
 import SMFormFooter from "../components/SMFormFooter.vue";
 import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
-import { useRoute } from "vue-router";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
+import SMForm from "../components/SMForm.vue";
+import SMPage from "../components/SMPage.vue";
+import { api } from "../helpers/api";
+import { Required } from "../helpers/validate";
 import { useReCaptcha } from "vue-recaptcha-v3";
+import { FormObject, FormControl } from "../helpers/form";
 
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const formLoading = ref(false);
 const formDone = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    username: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "Your username is needed",
-            min: 4,
-            min_message: "Your username is at least %d characters",
-        },
-    },
-});
+const form = reactive(
+    FormObject({
+        username: FormControl("", Required()),
+    })
+);
 
-useValidation(formData);
-
-const submit = async () => {
-    formLoading.value = true;
-    formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
-    formMessage.message = "";
+const handleSubmit = async () => {
+    form.loading(true);
 
     try {
-        if (isValidated(formData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
 
-            let res = await axios.post("users/resendVerifyEmailCode", {
-                username: formData.username.value,
+        await api.post({
+            url: "/users/resendVerifyEmailCode",
+            body: {
+                username: form.username.value,
                 captcha_token: captcha,
-            });
+            },
+        });
 
-            formDone.value = true;
-        }
-    } catch (err) {
-        if (err.response.status == 422) {
+        formDone.value = true;
+    } catch (error) {
+        if (error.status == 422) {
             formDone.value = true;
         } else {
-            restParseErrors(formData, [formMessage, "message"], err);
+            form.apiErrors(error);
         }
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
 </script>
-
-<style lang="scss"></style>
diff --git a/resources/js/views/ResetPassword.vue b/resources/js/views/ResetPassword.vue
index dc19330..53d175f 100644
--- a/resources/js/views/ResetPassword.vue
+++ b/resources/js/views/ResetPassword.vue
@@ -1,34 +1,15 @@
 <template>
-    <SMContainer>
+    <SMPage no-breadcrumbs background="/img/background.jpg">
         <SMRow>
-            <SMDialog narrow :loading="formLoading">
+            <SMDialog narrow>
                 <template v-if="!formDone">
                     <h1>Reset Password</h1>
-                    <SMMessage
-                        v-if="formMessage.message"
-                        :type="formMessage.type"
-                        :message="formMessage.message"
-                        :icon="formMessage.icon" />
-                    <form @submit.prevent="submit">
-                        <SMInput
-                            v-model="formData.code.value"
-                            name="code"
-                            label="Reset Code"
-                            required
-                            :error="formData.code.error"
-                            @blur="fieldValidate(formData.code)" />
-                        <SMInput
-                            v-model="formData.password.value"
-                            type="password"
-                            name="password"
-                            label="New Password"
-                            required
-                            :error="formData.password.error"
-                            @blur="fieldValidate(formData.password)" />
-                        <SMCaptchaNotice />
+                    <SMForm v-model="form" @submit="handleSubmit">
+                        <SMInput control="code" />
+                        <SMInput control="password" type="password" />
                         <SMFormFooter>
                             <template #left>
-                                <div>
+                                <div class="small">
                                     <router-link
                                         :to="{ name: 'forgot-password' }"
                                         >Resend Code</router-link
@@ -39,10 +20,10 @@
                                 <SMButton
                                     type="submit"
                                     label="Reset Password"
-                                    icon="fa-solid fa-arrow-right" />
+                                    icon="arrow-forward-outline" />
                             </template>
                         </SMFormFooter>
-                    </form>
+                    </SMForm>
                 </template>
                 <template v-else>
                     <h1>Password Reset!</h1>
@@ -57,94 +38,57 @@
                 </template>
             </SMDialog>
         </SMRow>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
+import { api } from "../helpers/api";
+import { FormObject, FormControl } from "../helpers/form";
+import { And, Required, Min, Max, Password } from "../helpers/validate";
 import { ref, reactive } from "vue";
-import SMInput from "../components/SMInput.vue";
-import SMButton from "../components/SMButton.vue";
-import SMFormFooter from "../components/SMFormFooter.vue";
-import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
 import { useRoute } from "vue-router";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
 import { useReCaptcha } from "vue-recaptcha-v3";
+import SMButton from "../components/SMButton.vue";
+import SMDialog from "../components/SMDialog.vue";
+import SMForm from "../components/SMForm.vue";
+import SMFormFooter from "../components/SMFormFooter.vue";
+import SMInput from "../components/SMInput.vue";
+import SMPage from "../components/SMPage.vue";
 
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const formLoading = ref(false);
 const formDone = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    code: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "The code is needed",
-            min: 6,
-            min_message: "The code should be 6 characters",
-            max: 6,
-            max_message: "The code should be 6 characters",
-        },
-    },
-    password: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A new password is required",
-            min: 8,
-            min_message: "Your password needs to be at least %d characters",
-            password: "special",
-            password_message:
-                "Your password needs to have at least a letter, a number and a special character",
-        },
-    },
-});
-
-useValidation(formData);
+const form = reactive(
+    FormObject({
+        code: FormControl("", And([Required(), Min(6), Max(6)])),
+        password: FormControl("", And([Required(), Password()])),
+    })
+);
 
 if (useRoute().query.code !== undefined) {
-    formData.code.value = useRoute().query.code;
+    form.code.value = useRoute().query.code;
 }
 
-const submit = async () => {
-    formLoading.value = true;
-    formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
-    formMessage.message = "";
+const handleSubmit = async () => {
+    form.loading(true);
 
     try {
-        if (isValidated(formData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
 
-            let res = await axios.post("users/resetPassword", {
-                code: formData.code.value,
-                password: formData.password.value,
+        await api.post({
+            url: "/users/resetPassword",
+            body: {
+                code: form.code.value,
+                password: form.password.value,
                 captcha_token: captcha,
-            });
+            },
+        });
 
-            formDone.value = true;
-        }
-    } catch (err) {
-        restParseErrors(formData, [formMessage, "message"], err);
+        formDone.value = true;
+    } catch (error) {
+        form.apiError(error);
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
 </script>
-
-<style lang="scss"></style>
diff --git a/resources/js/views/Rules.vue b/resources/js/views/Rules.vue
index b8a90f6..dd51dc8 100644
--- a/resources/js/views/Rules.vue
+++ b/resources/js/views/Rules.vue
@@ -1,5 +1,5 @@
 <template>
-    <SMContainer class="rules">
+    <SMPage class="rules">
         <h1>Rules</h1>
         <p>
             Oh gosh, no body likes rules but to ensure that we have a fun,
@@ -72,9 +72,13 @@
                 grief other players builds outside of the Survival game-mode.
             </li>
         </ul>
-    </SMContainer>
+    </SMPage>
 </template>
 
+<script setup lang="ts">
+import SMPage from "../components/SMPage.vue";
+</script>
+
 <style lang="scss">
 .rules {
     h2 {
diff --git a/resources/js/views/Terms.vue b/resources/js/views/Terms.vue
index bce047c..6caba6a 100644
--- a/resources/js/views/Terms.vue
+++ b/resources/js/views/Terms.vue
@@ -1,5 +1,5 @@
 <template>
-    <SMContainer class="terms">
+    <SMPage class="terms">
         <h1>Terms and Conditions</h1>
         <p>
             Please read these terms carefully. By accessing or using our website
@@ -560,5 +560,9 @@
             be responsible for warranty and after sales service but this is
             allowed under the Law.
         </p>
-    </SMContainer>
+    </SMPage>
 </template>
+
+<script setup lang="ts">
+import SMPage from "../components/SMPage.vue";
+</script>
diff --git a/resources/js/views/Unsubscribe.vue b/resources/js/views/Unsubscribe.vue
index 9ec189f..2d8f9bc 100644
--- a/resources/js/views/Unsubscribe.vue
+++ b/resources/js/views/Unsubscribe.vue
@@ -1,33 +1,21 @@
 <template>
-    <SMContainer>
+    <SMPage no-breadcrumbs background="/img/background.jpg">
         <SMRow>
-            <SMDialog narrow :loading="formLoading">
+            <SMDialog narrow>
                 <template v-if="!formDone">
                     <h1>Unsubscribe</h1>
                     <p>
                         If you would like to unsubscribe from our mailing list,
                         you have come to the right page!
                     </p>
-                    <SMMessage
-                        v-if="formMessage.message"
-                        :type="formMessage.type"
-                        :message="formMessage.message"
-                        :icon="formMessage.icon" />
-                    <form @submit.prevent="submit">
-                        <SMInput
-                            v-model="formData.email.value"
-                            name="email"
-                            label="Email"
-                            required
-                            :error="formData.email.error"
-                            @blur="fieldValidate(formData.email)" />
-                        <SMCaptchaNotice />
+                    <SMForm v-model="form" @submit="handleSubmit">
+                        <SMInput control="email" />
                         <SMFormFooter>
                             <template #right>
                                 <SMButton type="submit" label="Unsubscribe" />
                             </template>
                         </SMFormFooter>
-                    </form>
+                    </SMForm>
                 </template>
                 <template v-else>
                     <h1>Unsubscribed</h1>
@@ -42,79 +30,56 @@
                 </template>
             </SMDialog>
         </SMRow>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
+import { api } from "../helpers/api";
+import { FormObject, FormControl } from "../helpers/form";
+import { And, Email, Required } from "../helpers/validate";
 import { ref, reactive } from "vue";
-import SMInput from "../components/SMInput.vue";
-import SMButton from "../components/SMButton.vue";
-import SMFormFooter from "../components/SMFormFooter.vue";
-import SMDialog from "../components/SMDialog.vue";
-import SMMessage from "../components/SMMessage.vue";
-import axios from "axios";
 import { useRoute } from "vue-router";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../helpers/validation";
-import SMCaptchaNotice from "../components/SMCaptchaNotice.vue";
 import { useReCaptcha } from "vue-recaptcha-v3";
+import SMButton from "../components/SMButton.vue";
+import SMDialog from "../components/SMDialog.vue";
+import SMForm from "../components/SMForm.vue";
+import SMFormFooter from "../components/SMFormFooter.vue";
+import SMInput from "../components/SMInput.vue";
+import SMPage from "../components/SMPage.vue";
 
 const { executeRecaptcha, recaptchaLoaded } = useReCaptcha();
-const formLoading = ref(false);
 const formDone = ref(false);
-const formMessage = reactive({
-    message: "",
-    type: "error",
-    icon: "",
-});
-const formData = reactive({
-    email: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "An email address is required.",
-            email: true,
-            email_message: "That does not look like an email address.",
-        },
-    },
-});
+const form = reactive(
+    FormObject({
+        email: FormControl("", And([Required(), Email()])),
+    })
+);
 
-useValidation(formData);
-
-const submit = async () => {
-    formLoading.value = true;
-    formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
-    formMessage.message = "";
+const handleSubmit = async () => {
+    form.loading(true);
 
     try {
-        if (isValidated(formData)) {
-            await recaptchaLoaded();
-            const captcha = await executeRecaptcha("submit");
+        await recaptchaLoaded();
+        const captcha = await executeRecaptcha("submit");
 
-            await axios.delete("subscriptions", {
-                data: {
-                    email: formData.email.value,
-                    captcha_token: captcha,
-                },
-            });
+        await api.delete({
+            url: "/subscriptions",
+            body: {
+                email: form.email.value,
+                captcha_token: captcha,
+            },
+        });
 
-            formDone.value = true;
-        }
-    } catch (err) {
-        restParseErrors(formData, [formMessage, "message"], err);
+        formDone.value = true;
+    } catch (error) {
+        form.apiErrors(error);
     }
 
-    formLoading.value = false;
+    form.loading(false);
 };
 
 if (useRoute().query.email !== undefined) {
-    formData.email.value = useRoute().query.email;
-    submit();
+    form.email.value = useRoute().query.email;
+    handleSubmit();
 }
 </script>
diff --git a/resources/js/views/WorkshopList.vue b/resources/js/views/WorkshopList.vue
index da5f10e..fc39479 100644
--- a/resources/js/views/WorkshopList.vue
+++ b/resources/js/views/WorkshopList.vue
@@ -1,5 +1,5 @@
 <template>
-    <SMContainer class="mx-auto workshop-list">
+    <SMPage class="mx-auto workshop-list">
         <h1>Workshops</h1>
         <div class="toolbar">
             <SMInput
@@ -40,7 +40,7 @@
                     event.location == 'online' ? 'Online Event' : event.address
                 "></SMPanel>
         </SMPanelList>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
@@ -49,15 +49,14 @@ import SMInput from "../components/SMInput.vue";
 import SMMessage from "../components/SMMessage.vue";
 import SMPanelList from "../components/SMPanelList.vue";
 import SMPanel from "../components/SMPanel.vue";
+import SMPage from "../components/SMPage.vue";
 import { reactive, ref } from "vue";
-import axios from "axios";
+import { api } from "../helpers/api";
 import {
-    buildUrlQuery,
     timestampLocalToUtc,
     timestampNowUtc,
     timestampUtcToLocal,
-} from "../helpers/common";
-import { format, parse, parseISO } from "date-fns";
+} from "../helpers/datetime";
 
 const loading = ref(true);
 const events = reactive([]);
@@ -103,11 +102,13 @@ const handleLoad = async () => {
             query["end_at"] = ">" + timestampNowUtc();
         }
 
-        const url = buildUrlQuery("events", query);
-        let result = await axios.get(url);
+        let result = await api.get({
+            url: "/events",
+            params: query,
+        });
 
-        if (result.data.events) {
-            events.value = result.data.events;
+        if (result.json.events) {
+            events.value = result.json.events;
 
             events.value.forEach((item) => {
                 item.start_at = timestampUtcToLocal(item.start_at);
diff --git a/resources/js/views/WorkshopView.vue b/resources/js/views/WorkshopView.vue
index b14cc8b..6e70863 100644
--- a/resources/js/views/WorkshopView.vue
+++ b/resources/js/views/WorkshopView.vue
@@ -3,10 +3,10 @@
         <div
             class="workshop-image"
             :style="{ backgroundImage: `url('${imageUrl}')` }">
-            <font-awesome-icon
+            <ion-icon
                 v-if="imageUrl.length == 0"
                 class="workshop-image-loader"
-                icon="fa-regular fa-image" />
+                name="image-outline" />
         </div>
         <template #inner>
             <SMMessage
@@ -57,10 +57,7 @@
                             label="Register for Event"></SMButton>
                     </div>
                     <div class="workshop-date">
-                        <h4>
-                            <font-awesome-icon
-                                icon="fa-regular fa-calendar" />Date / Time
-                        </h4>
+                        <h4><ion-icon name="calendar-outline" />Date / Time</h4>
                         <p
                             v-for="(line, index) in workshopDate"
                             :key="index"
@@ -69,10 +66,7 @@
                         </p>
                     </div>
                     <div class="workshop-location">
-                        <h4>
-                            <font-awesome-icon
-                                icon="fa-solid fa-location-dot" />Location
-                        </h4>
+                        <h4><ion-icon name="location-outline" />Location</h4>
                         <p>
                             {{
                                 event.location == "online"
@@ -88,19 +82,19 @@
 </template>
 
 <script setup lang="ts">
-import axios from "axios";
+import { api } from "../helpers/api";
 import { computed, ref, reactive } from "vue";
 import { useRoute } from "vue-router";
 import { useApplicationStore } from "../store/ApplicationStore";
-import { format } from "date-fns";
 import SMButton from "../components/SMButton.vue";
 import SMHTML from "../components/SMHTML.vue";
 import SMMessage from "../components/SMMessage.vue";
 import {
+    format,
     timestampUtcToLocal,
     timestampBeforeNow,
     timestampAfterNow,
-} from "../helpers/common";
+} from "../helpers/datetime";
 
 const applicationStore = useApplicationStore();
 const event = ref({});
@@ -162,8 +156,8 @@ const handleLoad = async () => {
     formMessage.message = "";
 
     try {
-        const result = await axios.get(`events/${route.params.id}`);
-        event.value = result.data.event;
+        const result = await api.get(`events/${route.params.id}`);
+        event.value = result.json.event;
 
         event.value.start_at = timestampUtcToLocal(event.value.start_at);
         event.value.end_at = timestampUtcToLocal(event.value.end_at);
@@ -172,16 +166,16 @@ const handleLoad = async () => {
         handleLoadImage();
     } catch (error) {
         formMessage.message =
-            error.response?.data?.message ||
+            error.json?.message ||
             "Could not load event information from the server.";
     }
 };
 
 const handleLoadImage = async () => {
     try {
-        const result = await axios.get(`media/${event.value.hero}`);
-        if (result.data.medium) {
-            imageUrl.value = result.data.medium.url;
+        const result = await api.get(`media/${event.value.hero}`);
+        if (result.json.medium) {
+            imageUrl.value = result.json.medium.url;
         }
     } catch (error) {
         /* empty */
diff --git a/resources/js/views/dashboard/CreatePost.vue b/resources/js/views/dashboard/CreatePost.vue
index 5e2ddc9..2859ae5 100644
--- a/resources/js/views/dashboard/CreatePost.vue
+++ b/resources/js/views/dashboard/CreatePost.vue
@@ -1,118 +1,72 @@
 <template>
-    <SMContainer>
-        <SMMessage
-            v-if="formMessage.message"
-            :type="formMessage.type"
-            :message="formMessage.message"
-            :icon="formMessage.icon" />
-        <form @submit.prevent="submit">
+    <SMPage>
+        <SMForm v-model="form" @submit="handleSubmit">
             <SMRow>
-                <SMInput
-                    v-model="formData.title.value"
-                    label="Title"
-                    required
-                    :error="formData.title.error"
-                    @blur="fieldValidate(formData.title)" />
+                <SMInput control="title" />
             </SMRow>
             <SMRow>
                 <SMEditor
                     id="content"
-                    v-model="formData.content.value"
+                    v-model="form.content.value"
                     @file-accept="fileAccept"
                     @attachment-add="attachmentAdd" />
             </SMRow>
             <SMRow>
                 <SMButton type="submit" label="Save" />
             </SMRow>
-        </form>
-    </SMContainer>
+        </SMForm>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from "vue";
-import DEditor from "../../components/SMEditor.vue";
+import { api } from "../../helpers/api";
+import { FormObject, FormControl } from "../../helpers/form";
+import { And, Required, Min } from "../../helpers/validate";
+import { reactive } from "vue";
+import { useRoute } from "vue-router";
 import SMInput from "../../components/SMInput.vue";
 import SMButton from "../../components/SMButton.vue";
-import SMDialog from "../../components/SMDialog.vue";
-import SMMessage from "../../components/SMMessage.vue";
-import axios from "axios";
-import {
-    useValidation,
-    isValidated,
-    fieldValidate,
-    restParseErrors,
-} from "../../helpers/validation";
-import { useUserStore } from "@/store/UserStore";
-import { useRoute } from "vue-router";
-import { createTemplateLiteral } from "@vue/compiler-core";
+import SMPage from "../../components/SMPage.vue";
+import SMForm from "../../components/SMForm.vue";
 
 const route = useRoute();
-const userStore = useUserStore();
-const formMessage = reactive({
-    icon: "",
-    type: "",
-    message: "",
-});
-const formData = reactive({
-    title: {
-        value: "",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A first name is needed",
-            min: 2,
-            min_message: "Your first name should be at least 2 letters long",
-        },
-    },
-    content: {
-        value: "<div>Hello <strong>People</strong> persons!</div>",
-        error: "",
-        rules: {
-            required: true,
-            required_message: "A last name is needed",
-            min: 2,
-            min_message: "Your last name should be at least 2 letters long",
-        },
-    },
-});
+const form = reactive(
+    FormObject({
+        title: FormControl("", And([Required(), Min(2)])),
+        content: FormControl("", Required()),
+    })
+);
 
-useValidation(formData);
+// const getPostById = async () => {
+//     try {
+//         if (isValidated(formData)) {
+//             let res = await axios.get("posts/" + route.params.id);
 
-const getPostById = async () => {
+//             formData.title.value = res.data.title;
+//             formData.content.value = res.data.content;
+//         }
+//     } catch (err) {
+//         console.log(err);
+//         formMessage.icon = "";
+//         formMessage.type = "error";
+//         formMessage.message = "";
+//         restParseErrors(formData, [formMessage, "message"], err);
+//     }
+// };
+
+const handleSubmit = async () => {
     try {
-        if (isValidated(formData)) {
-            let res = await axios.get("posts/" + route.params.id);
+        await api.post({
+            url: "/posts",
+            body: {
+                title: form.title.value,
+                content: form.content.value,
+            },
+        });
 
-            formData.title.value = res.data.title;
-            formData.content.value = res.data.content;
-        }
-    } catch (err) {
-        console.log(err);
-        formMessage.icon = "";
-        formMessage.type = "error";
-        formMessage.message = "";
-        restParseErrors(formData, [formMessage, "message"], err);
-    }
-};
-
-const submit = async () => {
-    try {
-        if (isValidated(formData)) {
-            let res = await axios.post("posts", {
-                title: formData.title.value,
-                content: formData.content.value,
-            });
-
-            console.log(ref);
-            formMessage.type = "success";
-            formMessage.message = "Your details have been updated";
-        }
-    } catch (err) {
-        console.log(err);
-        formMessage.icon = "";
-        formMessage.type = "error";
-        formMessage.message = "";
-        restParseErrors(formData, [formMessage, "message"], err);
+        form.message("The post has been saved", "success");
+    } catch (error) {
+        form.apiError(error);
     }
 };
 
@@ -162,21 +116,3 @@ const attachmentAdd = async (event) => {
     }
 };
 </script>
-
-<style lang="scss">
-// .dialog {
-//     flex-direction: column;
-//     margin: 0 auto;
-//     max-width: 600px;
-// }
-
-// .buttonFooter {
-//     flex-direction: row;
-// }
-
-// @media screen and (max-width: 768px) {
-//     .buttonFooter {
-//         flex-direction: column-reverse;
-//     }
-// }
-</style>
diff --git a/resources/js/views/dashboard/Dashboard.vue b/resources/js/views/dashboard/Dashboard.vue
index 5862d22..c914898 100644
--- a/resources/js/views/dashboard/Dashboard.vue
+++ b/resources/js/views/dashboard/Dashboard.vue
@@ -1,58 +1,59 @@
 <template>
-    <SMContainer class="dashboard mx-auto">
+    <SMPage class="dashboard mx-auto">
         <h1>Dashboard</h1>
         <div class="boxes">
             <router-link to="/dashboard/details" class="box">
-                <font-awesome-icon icon="fa-solid fa-user-pen" />
+                <ion-icon name="location-outline" />
                 <h2>My Details</h2>
             </router-link>
             <router-link
                 v-if="userStore.permissions.includes('admin/posts')"
                 to="/dashboard/posts"
                 class="box">
-                <font-awesome-icon icon="fa-regular fa-newspaper" />
+                <ion-icon name="newspaper-outline" />
                 <h2>Posts</h2>
             </router-link>
             <router-link
                 v-if="userStore.permissions.includes('admin/users')"
                 :to="{ name: 'user-list' }"
                 class="box">
-                <font-awesome-icon icon="fa-solid fa-users" />
+                <ion-icon name="people-outline" />
                 <h2>Users</h2>
             </router-link>
             <router-link
                 v-if="userStore.permissions.includes('admin/events')"
                 to="/dashboard/events"
                 class="box">
-                <font-awesome-icon icon="fa-regular fa-calendar" />
+                <ion-icon name="calendar-outline" />
                 <h2>Events</h2>
             </router-link>
             <router-link
                 v-if="userStore.permissions.includes('admin/courses')"
                 to="/dashboard/courses"
                 class="box">
-                <font-awesome-icon icon="fa-solid fa-graduation-cap" />
+                <ion-icon name="school-outline" />
                 <h2>{{ courseBoxTitle }}</h2>
             </router-link>
             <router-link
                 v-if="userStore.permissions.includes('admin/media')"
                 to="/dashboard/media"
                 class="box">
-                <font-awesome-icon icon="fa-solid fa-photo-film" />
+                <ion-icon name="film-outline" />
                 <h2>Media</h2>
             </router-link>
             <router-link
                 v-if="userStore.permissions.includes('logs/discord')"
                 :to="{ name: 'discord-bot-logs' }"
                 class="box">
-                <font-awesome-icon icon="fa-brands fa-discord" />
+                <ion-icon name="logo-discord" />
                 <h2>Discord Bot Logs</h2>
             </router-link>
         </div>
-    </SMContainer>
+    </SMPage>
 </template>
 
 <script setup lang="ts">
+import SMPage from "../../components/SMPage.vue";
 import { computed } from "vue";
 import { useUserStore } from "../../store/UserStore";
 
@@ -90,6 +91,7 @@ const courseBoxTitle = computed(() => {
         font-size: map-get($spacer, 3);
         color: $font-color;
         transition: background-color 0.3s, border 0.3s;
+        align-items: center;
         text-align: center;
 
         h2 {
@@ -97,7 +99,7 @@ const courseBoxTitle = computed(() => {
             margin-bottom: 0;
         }
 
-        svg {
+        ion-icon {
             font-size: map-get($spacer, 5);
         }
 
diff --git a/resources/js/views/dashboard/EventEdit.vue b/resources/js/views/dashboard/EventEdit.vue
index c24aa2e..59a3e05 100644
--- a/resources/js/views/dashboard/EventEdit.vue
+++ b/resources/js/views/dashboard/EventEdit.vue
@@ -166,7 +166,6 @@ import {
 } from "../../helpers/validation";
 import { useRoute } from "vue-router";
 import { timestampLocalToUtc, timestampUtcToLocal } from "../../helpers/common";
-import { parseISO } from "date-fns";
 
 const route = useRoute();
 const formLoading = ref(false);
diff --git a/resources/js/views/dashboard/EventList.vue b/resources/js/views/dashboard/EventList.vue
index 0b3768c..80d8fb3 100644
--- a/resources/js/views/dashboard/EventList.vue
+++ b/resources/js/views/dashboard/EventList.vue
@@ -26,7 +26,7 @@
             :items="items"
             :search-value="search">
             <template #loading>
-                <font-awesome-icon icon="fa-solid fa-spinner" pulse />
+                <SMLoadingIcon />
             </template>
             <template #item-title="item">
                 <router-link
@@ -36,12 +36,12 @@
             </template>
             <template #item-actions="item">
                 <div class="action-wrapper">
-                    <font-awesome-icon
+                    <!-- <font-awesome-icon
                         icon="fa-solid fa-pen-to-square"
                         @click="handleEdit(item)" />
                     <font-awesome-icon
                         icon="fa-regular fa-trash-can"
-                        @click="handleDelete(item)" />
+                        @click="handleDelete(item)" /> -->
                 </div>
             </template>
         </EasyDataTable>
@@ -66,6 +66,7 @@ import { debounce } from "../../helpers/common";
 import SMHeading from "../../components/SMHeading.vue";
 import SMMessage from "../../components/SMMessage.vue";
 import { restParseErrors } from "../../helpers/validation";
+import SMLoadingIcon from "../../components/SMLoadingIcon.vue";
 
 const router = useRouter();
 const search = ref("");
diff --git a/resources/js/views/dashboard/MediaList.vue b/resources/js/views/dashboard/MediaList.vue
index cae7f9c..5711c08 100644
--- a/resources/js/views/dashboard/MediaList.vue
+++ b/resources/js/views/dashboard/MediaList.vue
@@ -29,19 +29,19 @@
             :items="items"
             :search-value="search">
             <template #loading>
-                <font-awesome-icon icon="fa-solid fa-spinner" pulse />
+                <SMLoadingIcon />
             </template>
             <template #item-size="item">
                 {{ bytesReadable(item.size) }}
             </template>
             <template #item-actions="item">
                 <div class="action-wrapper">
-                    <font-awesome-icon
+                    <!-- <font-awesome-icon
                         icon="fa-solid fa-pen-to-square"
                         @click.stop="handleEdit(item)" />
                     <font-awesome-icon
                         icon="fa-regular fa-trash-can"
-                        @click.stop="handleDelete(item)" />
+                        @click.stop="handleDelete(item)" /> -->
                     <d-file-link :href="item.url" target="_blank" @click.stop=""
                         ><font-awesome-icon icon="fa-solid fa-download"
                     /></d-file-link>
@@ -65,6 +65,7 @@ import { debounce, parseErrorType, bytesReadable } from "../../helpers/common";
 import SMMessage from "../../components/SMMessage.vue";
 import DFileLink from "../../components/DFileLink.vue";
 import { useUserStore } from "../../store/UserStore";
+import SMLoadingIcon from "../../components/SMLoadingIcon.vue";
 
 const router = useRouter();
 const search = ref("");
diff --git a/resources/js/views/dashboard/PostList.vue b/resources/js/views/dashboard/PostList.vue
index 2113723..794ae7c 100644
--- a/resources/js/views/dashboard/PostList.vue
+++ b/resources/js/views/dashboard/PostList.vue
@@ -26,7 +26,7 @@
             :items="items"
             :search-value="search">
             <template #loading>
-                <font-awesome-icon icon="fa-solid fa-spinner" pulse />
+                <SMLoadingIcon />
             </template>
             <template #item-title="item">
                 <router-link
@@ -36,12 +36,12 @@
             </template>
             <template #item-actions="item">
                 <div class="action-wrapper">
-                    <font-awesome-icon
+                    <!-- <font-awesome-icon
                         icon="fa-solid fa-pen-to-square"
                         @click="handleEdit(item)" />
                     <font-awesome-icon
                         icon="fa-regular fa-trash-can"
-                        @click="handleDelete(item)" />
+                        @click="handleDelete(item)" /> -->
                 </div>
             </template>
         </EasyDataTable>
@@ -62,6 +62,7 @@ import SMButton from "../../components/SMButton.vue";
 import { debounce } from "../../helpers/common";
 import SMHeading from "../../components/SMHeading.vue";
 import SMMessage from "../../components/SMMessage.vue";
+import SMLoadingIcon from "../../components/SMLoadingIcon.vue";
 
 const router = useRouter();
 const search = ref("");
diff --git a/resources/js/views/dashboard/UserList.vue b/resources/js/views/dashboard/UserList.vue
index 615fef7..cbe50aa 100644
--- a/resources/js/views/dashboard/UserList.vue
+++ b/resources/js/views/dashboard/UserList.vue
@@ -16,16 +16,16 @@
             :header-item-class-name="headerItemClassNameFunction"
             :body-item-class-name="bodyItemClassNameFunction">
             <template #loading>
-                <font-awesome-icon icon="fa-solid fa-spinner" pulse />
+                <SMLoadingIcon />
             </template>
             <template #item-actions="item">
                 <div class="action-wrapper">
-                    <font-awesome-icon
+                    <!-- <font-awesome-icon
                         icon="fa-solid fa-pen-to-square"
                         @click="handleEdit(item)" />
                     <font-awesome-icon
                         icon="fa-regular fa-trash-can"
-                        @click="handleDelete(item)" />
+                        @click="handleDelete(item)" /> -->
                 </div>
             </template>
         </EasyDataTable>
@@ -42,6 +42,7 @@ import DialogConfirm from "../../components/dialogs/SMDialogConfirm.vue";
 import { openDialog } from "vue3-promise-dialog";
 import SMHeading from "../../components/SMHeading.vue";
 import SMMessage from "../../components/SMMessage.vue";
+import SMLoadingIcon from "../../components/SMLoadingIcon.vue";
 
 const router = useRouter();
 const searchValue = ref("");
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 90bdc30..9ea4bda 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -8,5 +8,7 @@
 <body>
 	<div id="app"></div>
 	@vite('resources/js/main.js')
+	<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+	<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
 </body>
 </html>
diff --git a/vite.config.js b/vite.config.js
index 482afdc..b88ccee 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,7 +7,8 @@ export default defineConfig({
         vue({
             template: {
                 compilerOptions: {
-                    isCustomElement: (tag) => ["trix-editor"].includes(tag),
+                    isCustomElement: (tag) =>
+                        ["trix-editor", "ion-icon"].includes(tag),
                 },
                 transformAssetUrls: {
                     base: null,