diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/public/css/test.css b/public/css/test.css
new file mode 100644
index 0000000..8627a24
--- /dev/null
+++ b/public/css/test.css
@@ -0,0 +1,380 @@
+@keyframes awn-fade-in {
+    0% {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+@keyframes awn-fade-out {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+@keyframes awn-slide-right {
+    0% {
+        left: 100%;
+        opacity: 0
+    }
+
+    to {
+        left: 0;
+        opacity: 1
+    }
+}
+
+@keyframes awn-slide-left {
+    0% {
+        opacity: 0;
+        right: 100%
+    }
+
+    to {
+        opacity: 1;
+        right: 0
+    }
+}
+
+@keyframes awn-bar {
+    0% {
+        right: 100%
+    }
+
+    to {
+        right: 0
+    }
+}
+
+.awn-popup-loading-dots, .awn-popup-loading-dots:after, .awn-popup-loading-dots:before {
+    animation-fill-mode: both;
+    animation: awn-loading-dots 1s ease-in-out infinite;
+    background: #fff;
+    border-radius: 50%;
+    height: 6px;
+    width: 6px
+}
+
+.awn-popup-loading-dots {
+    animation-delay: -.16s;
+    color: #fff;
+    display: inline-block;
+    margin-left: 24px;
+    position: relative
+}
+
+.awn-popup-loading-dots:after, .awn-popup-loading-dots:before {
+    content: "";
+    position: absolute;
+    top: 0
+}
+
+.awn-popup-loading-dots:before {
+    animation-delay: -.32s;
+    left: -16px
+}
+
+.awn-popup-loading-dots:after {
+    left: 16px
+}
+
+@keyframes awn-loading-dots {
+    0%, 80%, to {
+        box-shadow: 0 0 0 0
+    }
+
+    40% {
+        box-shadow: 0 0 0 2px
+    }
+}
+
+#awn-popup-wrapper {
+    align-items: center;
+    animation-fill-mode: both;
+    animation-name: awn-fade-in;
+    animation-timing-function: ease-out;
+    background: rgba(0, 0, 0, .7);
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    left: 0;
+    opacity: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 99999
+}
+
+#awn-popup-wrapper.awn-hiding {
+    animation-name: awn-fade-out
+}
+
+#awn-popup-wrapper .awn-popup-body {
+    background: #fff;
+    border-radius: 6px;
+    font-size: 14px;
+    max-width: 500px;
+    min-width: 320px;
+    padding: 24px;
+    position: relative;
+    word-break: break-word
+}
+
+#awn-popup-wrapper .awn-popup-body.awn-popup-confirm {
+    align-items: center;
+    display: flex;
+    flex-direction: column
+}
+
+#awn-popup-wrapper .awn-popup-body.awn-popup-confirm .fa {
+    color: #c26700;
+    font-size: 44px
+}
+
+#awn-popup-wrapper .awn-popup-body.awn-popup-async-block {
+    background: transparent;
+    color: #fff;
+    font-size: 32px;
+    font-weight: 700;
+    text-align: center
+}
+
+#awn-popup-wrapper .awn-popup-title {
+    font-size: 14px;
+    font-weight: 700;
+    margin-top: 8px;
+    text-transform: uppercase
+}
+
+#awn-popup-wrapper .awn-buttons {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 24px;
+    width: 100%
+}
+
+#awn-popup-wrapper .awn-buttons .awn-btn {
+    border: 0;
+    border-radius: 4px;
+    color: #fff;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 32px;
+    transition: background .2s linear;
+    width: 45%
+}
+
+#awn-popup-wrapper .awn-buttons-1 .awn-btn {
+    width: 100%
+}
+
+#awn-popup-wrapper .awn-buttons .awn-btn-success {
+    background: #40871d
+}
+
+#awn-popup-wrapper .awn-buttons .awn-btn-success:hover {
+    background: #367218
+}
+
+#awn-popup-wrapper .awn-buttons .awn-btn-cancel {
+    background: #1c76a6
+}
+
+#awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover {
+    background: #186690
+}
+
+#awn-toast-container {
+    bottom: 24px;
+    box-sizing: border-box;
+    position: fixed;
+    right: 24px;
+    z-index: 99998
+}
+
+#awn-toast-container.awn-top-left, #awn-toast-container.awn-top-right {
+    bottom: auto;
+    top: 24px
+}
+
+#awn-toast-container.awn-top-left .awn-toast:first-child, #awn-toast-container.awn-top-right .awn-toast:first-child {
+    margin-top: 16px
+}
+
+#awn-toast-container.awn-bottom-left, #awn-toast-container.awn-top-left {
+    left: 24px;
+    right: auto
+}
+
+#awn-toast-container.awn-bottom-left .awn-toast, #awn-toast-container.awn-top-left .awn-toast {
+    animation-name: awn-slide-left;
+    right: 100%
+}
+
+#awn-toast-container.awn-bottom-left .awn-toast.awn-hiding, #awn-toast-container.awn-top-left .awn-toast.awn-hiding {
+    right: 0
+}
+
+#awn-toast-container.awn-bottom-right .awn-toast, #awn-toast-container.awn-top-right .awn-toast {
+    animation-name: awn-slide-right;
+    left: 100%
+}
+
+#awn-toast-container.awn-bottom-right .awn-toast.awn-hiding, #awn-toast-container.awn-top-right .awn-toast.awn-hiding {
+    left: 0
+}
+
+.awn-toast {
+    animation-fill-mode: both;
+    animation-timing-function: linear;
+    background: #ebebeb;
+    border-radius: 6px;
+    color: gray;
+    cursor: pointer;
+    font-size: 14px;
+    margin-top: 16px;
+    opacity: 0;
+    overflow: hidden;
+    position: relative;
+    width: 320px
+}
+
+.awn-toast-content {
+    word-break: break-word
+}
+
+.awn-toast-label {
+    color: gray;
+    display: block;
+    font-size: 18px;
+    text-transform: uppercase
+}
+
+.awn-toast-icon {
+    align-items: center;
+    bottom: 0;
+    display: flex;
+    justify-content: flex-end;
+    position: absolute;
+    right: 16px;
+    top: 6px
+}
+
+.awn-toast-icon .fa {
+    color: gray;
+    font-size: 44px
+}
+
+.awn-toast-wrapper {
+    border: 2px solid #d1d1d1;
+    border-radius: 6px;
+    padding: 22px 88px 16px 16px
+}
+
+.awn-toast-progress-bar {
+    height: 6px;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0
+}
+
+.awn-toast-progress-bar:after {
+    animation-duration: inherit;
+    animation-fill-mode: both;
+    animation-name: awn-bar;
+    animation-timing-function: linear;
+    background: gray;
+    content: " ";
+    height: 6px;
+    position: absolute;
+    right: 100%;
+    top: 0;
+    width: 100%
+}
+
+.awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after {
+    animation-play-state: paused
+}
+
+.awn-toast.awn-hiding {
+    animation-name: awn-fade-out !important
+}
+
+.awn-toast.awn-toast-success {
+    background: #dff8d3;
+    color: #40871d
+}
+
+.awn-toast.awn-toast-success .awn-toast-wrapper {
+    border-color: #a7d590
+}
+
+.awn-toast.awn-toast-success .fa, .awn-toast.awn-toast-success b {
+    color: #40871d
+}
+
+.awn-toast.awn-toast-success .awn-toast-progress-bar:after {
+    background: #40871d
+}
+
+.awn-toast.awn-toast-info {
+    background: #d3ebf8;
+    color: #1c76a6
+}
+
+.awn-toast.awn-toast-info .awn-toast-wrapper {
+    border-color: #9fd3ef
+}
+
+.awn-toast.awn-toast-info .fa, .awn-toast.awn-toast-info b {
+    color: #1c76a6
+}
+
+.awn-toast.awn-toast-info .awn-toast-progress-bar:after {
+    background: #1c76a6
+}
+
+.awn-toast.awn-toast-alert {
+    background: #f8d5d3;
+    color: #a92019
+}
+
+.awn-toast.awn-toast-alert .awn-toast-wrapper {
+    border-color: #f0a29d
+}
+
+.awn-toast.awn-toast-alert .fa, .awn-toast.awn-toast-alert b {
+    color: #a92019
+}
+
+.awn-toast.awn-toast-alert .awn-toast-progress-bar:after {
+    background: #a92019
+}
+
+.awn-toast.awn-toast-warning {
+    background: #ffe7cc;
+    color: #c26700
+}
+
+.awn-toast.awn-toast-warning .awn-toast-wrapper {
+    border-color: #ffc480
+}
+
+.awn-toast.awn-toast-warning .fa, .awn-toast.awn-toast-warning b {
+    color: #c26700
+}
+
+.awn-toast.awn-toast-warning .awn-toast-progress-bar:after {
+    background: #c26700
+}
+
+[class^=awn-] {
+    box-sizing: border-box
+}
\ No newline at end of file
diff --git a/public/scripts/test.js b/public/scripts/test.js
new file mode 100644
index 0000000..fdfe09d
--- /dev/null
+++ b/public/scripts/test.js
@@ -0,0 +1 @@
+var AWN; (() => { var t = { 628: (t, e, n) => { "use strict"; function o(t) { return o = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (t) { return typeof t } : function (t) { return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t }, o(t) } function r(t, e) { if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") } function i(t, e) { for (var n = 0; n < e.length; n++) { var o = e[n]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o) } } n.d(e, { default: () => I }); var a = { maxNotifications: 10, animationDuration: 300, position: "bottom-right", labels: { tip: "Tip", info: "Info", success: "Success", warning: "Attention", alert: "Error", async: "Loading", confirm: "Confirmation required", confirmOk: "OK", confirmCancel: "Cancel" }, icons: { tip: "question-circle", info: "info-circle", success: "check-circle", warning: "exclamation-circle", alert: "exclamation-triangle", async: "cog fa-spin", confirm: "exclamation-triangle", prefix: "<i class='fa fas fa-fw fa-", suffix: "'></i>", enabled: !0 }, replacements: { tip: null, info: null, success: null, warning: null, alert: null, async: null, "async-block": null, modal: null, confirm: null, general: { "<script>": "", "<\/script>": "" } }, messages: { tip: "", info: "", success: "Action has been succeeded", warning: "", alert: "Action has been failed", confirm: "This action can't be undone. Continue?", async: "Please, wait...", "async-block": "Loading" }, formatError: function (t) { if (t.response) { if (!t.response.data) return "500 API Server Error"; if (t.response.data.errors) return t.response.data.errors.map((function (t) { return t.detail })).join("<br>"); if (t.response.statusText) return "".concat(t.response.status, " ").concat(t.response.statusText, ": ").concat(t.response.data) } return t.message ? t.message : t }, durations: { global: 5e3, success: null, info: null, tip: null, warning: null, alert: null }, minDurations: { async: 1e3, "async-block": 1e3 } }, c = function () { function t() { var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}, n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : a; r(this, t), Object.assign(this, this.defaultsDeep(n, e)) } var e, n; return e = t, n = [{ key: "icon", value: function (t) { return this.icons.enabled ? "".concat(this.icons.prefix).concat(this.icons[t]).concat(this.icons.suffix) : "" } }, { key: "label", value: function (t) { return this.labels[t] } }, { key: "duration", value: function (t) { var e = this.durations[t]; return null === e ? this.durations.global : e } }, { key: "toSecs", value: function (t) { return "".concat(t / 1e3, "s") } }, { key: "applyReplacements", value: function (t, e) { if (!t) return this.messages[e] || ""; for (var n = 0, o = ["general", e]; n < o.length; n++) { var r = o[n]; if (this.replacements[r]) for (var i in this.replacements[r]) t = t.replace(i, this.replacements[r][i]) } return t } }, { key: "override", value: function (e) { return e ? new t(e, this) : this } }, { key: "defaultsDeep", value: function (t, e) { var n = {}; for (var r in t) e.hasOwnProperty(r) ? n[r] = "object" === o(t[r]) && null !== t[r] ? this.defaultsDeep(t[r], e[r]) : e[r] : n[r] = t[r]; return n } }], n && i(e.prototype, n), t }(), s = "awn", u = { popup: "".concat(s, "-popup"), toast: "".concat(s, "-toast"), btn: "".concat(s, "-btn"), confirm: "".concat(s, "-confirm") }, l = { prefix: u.toast, klass: { label: "".concat(u.toast, "-label"), content: "".concat(u.toast, "-content"), icon: "".concat(u.toast, "-icon"), progressBar: "".concat(u.toast, "-progress-bar"), progressBarPause: "".concat(u.toast, "-progress-bar-paused") }, ids: { container: "".concat(u.toast, "-container") } }, f = { prefix: u.popup, klass: { buttons: "".concat(s, "-buttons"), button: u.btn, successBtn: "".concat(u.btn, "-success"), cancelBtn: "".concat(u.btn, "-cancel"), title: "".concat(u.popup, "-title"), body: "".concat(u.popup, "-body"), content: "".concat(u.popup, "-content"), dotAnimation: "".concat(u.popup, "-loading-dots") }, ids: { wrapper: "".concat(u.popup, "-wrapper"), confirmOk: "".concat(u.confirm, "-ok"), confirmCancel: "".concat(u.confirm, "-cancel") } }, p = { klass: { hiding: "".concat(s, "-hiding") }, lib: s }; function d(t, e) { for (var n = 0; n < e.length; n++) { var o = e[n]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o) } } var h = function () { function t(e, n, o, r, i) { !function (t, e) { if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") }(this, t), this.newNode = document.createElement("div"), n && (this.newNode.id = n), o && (this.newNode.className = o), r && (this.newNode.style.cssText = r), this.parent = e, this.options = i } var e, n; return e = t, n = [{ key: "beforeInsert", value: function () { } }, { key: "afterInsert", value: function () { } }, { key: "insert", value: function () { return this.beforeInsert(), this.el = this.parent.appendChild(this.newNode), this.afterInsert(), this } }, { key: "replace", value: function (t) { var e = this; if (this.getElement()) return this.beforeDelete().then((function () { return e.updateType(t.type), e.parent.replaceChild(t.newNode, e.el), e.el = e.getElement(t.newNode), e.afterInsert(), e })) } }, { key: "beforeDelete", value: function () { var t = this, e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.el, n = 0; return this.start && (n = this.options.minDurations[this.type] + this.start - Date.now()) < 0 && (n = 0), new Promise((function (o) { setTimeout((function () { e.classList.add(p.klass.hiding), setTimeout(o, t.options.animationDuration) }), n) })) } }, { key: "delete", value: function () { var t = this, e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.el; return this.getElement(e) ? this.beforeDelete(e).then((function () { e.remove(), t.afterDelete() })) : null } }, { key: "afterDelete", value: function () { } }, { key: "getElement", value: function () { var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.el; return t ? document.getElementById(t.id) : null } }, { key: "addEvent", value: function (t, e) { this.el.addEventListener(t, e) } }, { key: "toggleClass", value: function (t) { this.el.classList.toggle(t) } }, { key: "updateType", value: function (t) { this.type = t, this.duration = this.options.duration(this.type) } }], n && d(e.prototype, n), t }(); function y(t, e) { for (var n = 0; n < e.length; n++) { var o = e[n]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o) } } var v = function () { function t(e, n) { !function (t, e) { if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") }(this, t), this.callback = e, this.remaining = n, this.resume() } var e, n; return e = t, (n = [{ key: "pause", value: function () { this.paused = !0, window.clearTimeout(this.timerId), this.remaining -= new Date - this.start } }, { key: "resume", value: function () { var t = this; this.paused = !1, this.start = new Date, window.clearTimeout(this.timerId), this.timerId = window.setTimeout((function () { window.clearTimeout(t.timerId), t.callback() }), this.remaining) } }, { key: "toggle", value: function () { this.paused ? this.resume() : this.pause() } }]) && y(e.prototype, n), t }(); function m(t) { return m = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (t) { return typeof t } : function (t) { return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t }, m(t) } function b(t, e) { for (var n = 0; n < e.length; n++) { var o = e[n]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o) } } function k(t, e) { return k = Object.setPrototypeOf || function (t, e) { return t.__proto__ = e, t }, k(t, e) } function g(t, e) { if (e && ("object" === m(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return function (t) { if (void 0 === t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return t }(t) } function w(t) { return w = Object.setPrototypeOf ? Object.getPrototypeOf : function (t) { return t.__proto__ || Object.getPrototypeOf(t) }, w(t) } var O = function (t) { !function (t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), e && k(t, e) }(a, t); var e, n, o, r, i = (o = a, r = function () { if ("undefined" == typeof Reflect || !Reflect.construct) return !1; if (Reflect.construct.sham) return !1; if ("function" == typeof Proxy) return !0; try { return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function () { }))), !0 } catch (t) { return !1 } }(), function () { var t, e = w(o); if (r) { var n = w(this).constructor; t = Reflect.construct(e, arguments, n) } else t = e.apply(this, arguments); return g(this, t) }); function a(t, e, n, o) { var r; return function (t, e) { if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") }(this, a), (r = i.call(this, o, "".concat(l.prefix, "-").concat(Math.floor(Date.now() - 100 * Math.random())), "".concat(l.prefix, " ").concat(l.prefix, "-").concat(e), "animation-duration: ".concat(n.toSecs(n.animationDuration), ";"), n)).updateType(e), r.setInnerHtml(t), r } return e = a, n = [{ key: "setInnerHtml", value: function (t) { "alert" === this.type && t && (t = this.options.formatError(t)), t = this.options.applyReplacements(t, this.type), this.newNode.innerHTML = '<div class="awn-toast-wrapper">'.concat(this.progressBar).concat(this.label, '<div class="').concat(l.klass.content, '">').concat(t, '</div><span class="').concat(l.klass.icon, '">').concat(this.options.icon(this.type), "</span></div>") } }, { key: "beforeInsert", value: function () { var t = this; if (this.parent.childElementCount >= this.options.maxNotifications) { var e = Array.from(this.parent.getElementsByClassName(l.prefix)); this.delete(e.find((function (e) { return !t.isDeleted(e) }))) } } }, { key: "afterInsert", value: function () { var t = this; if ("async" == this.type) return this.start = Date.now(); if (this.addEvent("click", (function () { return t.delete() })), !(this.duration <= 0)) { this.timer = new v((function () { return t.delete() }), this.duration); for (var e = 0, n = ["mouseenter", "mouseleave"]; e < n.length; e++) { var o = n[e]; this.addEvent(o, (function () { t.isDeleted() || (t.toggleClass(l.klass.progressBarPause), t.timer.toggle()) })) } } } }, { key: "isDeleted", value: function () { var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.el; return t.classList.contains(p.klass.hiding) } }, { key: "progressBar", get: function () { return this.duration <= 0 || "async" === this.type ? "" : "<div class='".concat(l.klass.progressBar, "' style=\"animation-duration:").concat(this.options.toSecs(this.duration), ';"></div>') } }, { key: "label", get: function () { return '<b class="'.concat(l.klass.label, '">').concat(this.options.label(this.type), "</b>") } }], n && b(e.prototype, n), a }(h); function E(t) { return E = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (t) { return typeof t } : function (t) { return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t }, E(t) } function T(t, e) { if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") } function _(t, e) { for (var n = 0; n < e.length; n++) { var o = e[n]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o) } } function C(t, e) { return C = Object.setPrototypeOf || function (t, e) { return t.__proto__ = e, t }, C(t, e) } function D(t, e) { if (e && ("object" === E(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return function (t) { if (void 0 === t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return t }(t) } function x(t) { return x = Object.setPrototypeOf ? Object.getPrototypeOf : function (t) { return t.__proto__ || Object.getPrototypeOf(t) }, x(t) } var P = function (t) { !function (t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), e && C(t, e) }(a, t); var e, n, o, r, i = (o = a, r = function () { if ("undefined" == typeof Reflect || !Reflect.construct) return !1; if (Reflect.construct.sham) return !1; if ("function" == typeof Proxy) return !0; try { return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function () { }))), !0 } catch (t) { return !1 } }(), function () { var t, e = x(o); if (r) { var n = x(this).constructor; t = Reflect.construct(e, arguments, n) } else t = e.apply(this, arguments); return D(this, t) }); function a(t) { var e, n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "modal", o = arguments.length > 2 ? arguments[2] : void 0, r = arguments.length > 3 ? arguments[3] : void 0, c = arguments.length > 4 ? arguments[4] : void 0; T(this, a); var s = "animation-duration: ".concat(o.toSecs(o.animationDuration), ";"); return (e = i.call(this, document.body, f.ids.wrapper, null, s, o))[f.ids.confirmOk] = r, e[f.ids.confirmCancel] = c, e.className = "".concat(f.prefix, "-").concat(n), ["confirm", "async-block", "modal"].includes(n) || (n = "modal"), e.updateType(n), e.setInnerHtml(t), e.insert(), e } return e = a, (n = [{ key: "setInnerHtml", value: function (t) { var e = this.options.applyReplacements(t, this.type); switch (this.type) { case "confirm": var n = ["<button class='".concat(f.klass.button, " ").concat(f.klass.successBtn, "'id='").concat(f.ids.confirmOk, "'>").concat(this.options.labels.confirmOk, "</button>")]; !1 !== this[f.ids.confirmCancel] && n.push("<button class='".concat(f.klass.button, " ").concat(f.klass.cancelBtn, "'id='").concat(f.ids.confirmCancel, "'>").concat(this.options.labels.confirmCancel, "</button>")), e = "".concat(this.options.icon(this.type), "<div class='").concat(f.klass.title, "'>").concat(this.options.label(this.type), '</div><div class="').concat(f.klass.content, '">').concat(e, "</div><div class='").concat(f.klass.buttons, " ").concat(f.klass.buttons, "-").concat(n.length, "'>").concat(n.join(""), "</div>"); break; case "async-block": e = "".concat(e, '<div class="').concat(f.klass.dotAnimation, '"></div>') }this.newNode.innerHTML = '<div class="'.concat(f.klass.body, " ").concat(this.className, '">').concat(e, "</div>") } }, { key: "keyupListener", value: function (t) { if ("async-block" === this.type) return t.preventDefault(); switch (t.code) { case "Escape": t.preventDefault(), this.delete(); case "Tab": if (t.preventDefault(), "confirm" !== this.type || !1 === this[f.ids.confirmCancel]) return !0; var e = this.okBtn; t.shiftKey ? document.activeElement.id == f.ids.confirmOk && (e = this.cancelBtn) : document.activeElement.id !== f.ids.confirmCancel && (e = this.cancelBtn), e.focus() } } }, { key: "afterInsert", value: function () { var t = this; switch (this.listener = function (e) { return t.keyupListener(e) }, window.addEventListener("keydown", this.listener), this.type) { case "async-block": this.start = Date.now(); break; case "confirm": this.okBtn.focus(), this.addEvent("click", (function (e) { if ("BUTTON" !== e.target.nodeName) return !1; t.delete(), t[e.target.id] && t[e.target.id]() })); break; default: document.activeElement.blur(), this.addEvent("click", (function (e) { e.target.id === t.newNode.id && t.delete() })) } } }, { key: "afterDelete", value: function () { window.removeEventListener("keydown", this.listener) } }, { key: "okBtn", get: function () { return document.getElementById(f.ids.confirmOk) } }, { key: "cancelBtn", get: function () { return document.getElementById(f.ids.confirmCancel) } }]) && _(e.prototype, n), a }(h); function S(t) { return S = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (t) { return typeof t } : function (t) { return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t }, S(t) } function B(t, e) { if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") } function j(t, e) { for (var n = 0; n < e.length; n++) { var o = e[n]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o) } } var I = function () { function t() { var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}; B(this, t), this.options = new c(e) } var e, n; return e = t, (n = [{ key: "tip", value: function (t, e) { return this._addToast(t, "tip", e).el } }, { key: "info", value: function (t, e) { return this._addToast(t, "info", e).el } }, { key: "success", value: function (t, e) { return this._addToast(t, "success", e).el } }, { key: "warning", value: function (t, e) { return this._addToast(t, "warning", e).el } }, { key: "alert", value: function (t, e) { return this._addToast(t, "alert", e).el } }, { key: "async", value: function (t, e, n, o, r) { var i = this._addToast(o, "async", r); return this._afterAsync(t, e, n, r, i) } }, { key: "confirm", value: function (t, e, n, o) { return this._addPopup(t, "confirm", o, e, n) } }, { key: "asyncBlock", value: function (t, e, n, o, r) { var i = this._addPopup(o, "async-block", r); return this._afterAsync(t, e, n, r, i) } }, { key: "modal", value: function (t, e, n) { return this._addPopup(t, e, n) } }, { key: "closeToasts", value: function () { for (var t = this.container; t.firstChild;)t.removeChild(t.firstChild) } }, { key: "_addPopup", value: function (t, e, n, o, r) { return new P(t, e, this.options.override(n), o, r) } }, { key: "_addToast", value: function (t, e, n, o) { n = this.options.override(n); var r = new O(t, e, n, this.container); return o ? o instanceof P ? o.delete().then((function () { return r.insert() })) : o.replace(r) : r.insert() } }, { key: "_afterAsync", value: function (t, e, n, o, r) { return t.then(this._responseHandler(e, "success", o, r), this._responseHandler(n, "alert", o, r)) } }, { key: "_responseHandler", value: function (t, e, n, o) { var r = this; return function (i) { switch (S(t)) { case "undefined": case "string": var a = "alert" === e ? t || i : t; r._addToast(a, e, n, o); break; default: o.delete().then((function () { t && t(i) })) } } } }, { key: "_createContainer", value: function () { return new h(document.body, l.ids.container, "awn-".concat(this.options.position)).insert().el } }, { key: "container", get: function () { return document.getElementById(l.ids.container) || this._createContainer() } }]) && j(e.prototype, n), t }() }, 612: (t, e, n) => { t.exports = n(628).default } }, e = {}; function n(o) { var r = e[o]; if (void 0 !== r) return r.exports; var i = e[o] = { exports: {} }; return t[o](i, i.exports, n), i.exports } n.d = (t, e) => { for (var o in e) n.o(e, o) && !n.o(t, o) && Object.defineProperty(t, o, { enumerable: !0, get: e[o] }) }, n.o = (t, e) => Object.prototype.hasOwnProperty.call(t, e); var o = n(612); AWN = o })();
\ No newline at end of file
diff --git a/public/videochat.html b/public/videochat.html
index ce36469..2d3d332 100644
--- a/public/videochat.html
+++ b/public/videochat.html
@@ -12,7 +12,7 @@
     <script src="https://kit.fontawesome.com/24c494a6b6.js" crossorigin="anonymous"></script>
 
     <!-- Loader -->
-    <script src="./scripts/call.js"></script>
+    <script src="./scripts/test.js"></script>
     <link rel="stylesheet" href="./css/call.css">
     <!----------------->
 </head>
@@ -24,7 +24,7 @@ <h1 id="roomID"></h1>
     <div id="videoDiv"></div>
     <div id="controls">
         <p id="hangup">
-            <a href="./index.html"><img class="icon"
+            <a href="index.html"><img class="icon"
                     src="https://icons.veryicon.com/png/o/miscellaneous/cloud-call-center/hang-up.png" alt="" /></a>
         <p id="hide-video" class="icon-color"><img width="50px" class="icon" src="./images/cam.png" alt=""></p>
         <p id="hide-audio" class="icon-color"><img class="icon" src="./images/mike.png" alt=""></p>