From 302355521a94b95ecfa6aeb995f43f7dc1b0823c Mon Sep 17 00:00:00 2001
From: Fairuz <fairuz.tester@gmail.com>
Date: Thu, 27 May 2021 15:20:36 +0800
Subject: [PATCH 1/8] Update admin view customer profile

---
 .../elements/CompanyDetailsComponent.vue      |  9 +++---
 .../CustomerProfileSectionComponent.vue       | 32 +++++++++++++++++--
 2 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
index 3fc57ff1..34aba5a5 100644
--- a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
@@ -1,9 +1,5 @@
 <template>
     <div class="row align-items-center m-b-10 parentContainer">
-        <div class="container p-0 m-0" @click="backToCompanyList()">
-            <i class="fa fa-arrow-left fs-11 align-middle"></i>
-            <span class="fs-11 m-0 align-middle pl-2 text-uppercase">Back to list</span>
-        </div>
         <div class="row w-100 m-0 p-0">
             <div class="col-auto p-0 pt-2 m-b-10" :style="minWidth">
                 <div class="h5 m-0">{{this.company_details.name ? this.company_details.name : ""}}</div>
@@ -57,7 +53,12 @@
             }
         },
         watch: {
+            company: function(newVal, oldVal) {
+                console.log(newVal);
+            },
             company_details: function(newVal, oldVal) {
+                console.log(newVal);
+
                 if(newVal !== null) {
 
                     let approved  = 0, completed  = 0, rejected  = 0, expired  = 0, pending = 0;
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index 54a6b6d6..9409f821 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -55,7 +55,7 @@
                                                 </div>
                                                 <div class="col">
                                                     <div class="row fs-12 text-center">
-                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="transfers">
+                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="credit">
                                                             <div class="row justify-content-center">
                                                                 <div class="col-auto">
                                                                     <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -78,7 +78,7 @@
                                             <div class="row justify-content-end">
                                                 <div class="col-6">
                                                     <div class="row fs-12 text-center">
-                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="transfers">
+                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="profile">
                                                             <div class="row justify-content-center">
                                                                 <div class="col-auto">
                                                                     <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -151,6 +151,32 @@
                                                     </div>
                                                 </div>
                                             </div>
+                                            <div class="row tabsContainer hide tabContent" tab-name="credit">
+                                                <div class="col">
+                                                    <div class="row">
+                                                        <div class="col">
+                                                            <div class="row">
+                                                                <div class="col">
+                                                                    wonderful!!
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row tabsContainer hide tabContent" tab-name="profile">
+                                                <div class="col">
+                                                    <div class="row">
+                                                        <div class="col">
+                                                            <div class="row">
+                                                                <div class="col">
+                                                                    <company-details-component :company_details="company" section="customerProfileSection"></company-details-component>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -170,7 +196,7 @@
     export default {
         props: {
             id: {
-                type: Number,
+                type: String,
                 required: true
             }
         },

From 6b5f99925bea6d0f9c42a2a49907c587bba0592e Mon Sep 17 00:00:00 2001
From: glovetleong <glovetleong@gmail.com>
Date: Sun, 30 May 2021 21:05:34 +0800
Subject: [PATCH 2/8] admin account create and edit

---
 .../ControllersLogic/CreateAdminUserLogic.php |  73 ++++++++++
 .../ControllersLogic/DeleteUserLogic.php      |  76 ++++++++++
 .../DataTransferObjects/UserObject.php        |  79 ++++++++++-
 .../Modules/Accounts/Services/DeletesUser.php |  19 +++
 .../Standards/Rules/CanCreateUser.php         |  57 ++++++++
 .../Standards/Rules/CanDeleteUser.php         |  40 ++++++
 .../Validators/UserCreateValidation.php       |  44 ++++++
 .../Accounts/CreateAdminUserController.php    |  22 +++
 .../Accounts/DeleteUserController.php         |  19 +++
 .../Bookings/DeleteBookingController.php      |   4 +-
 .../user/elements/UserComponent.vue           | 130 ++++++------------
 .../user/form/DeleteUserFormComponent.vue     |  33 +++++
 .../user/form/UserFormComponent.vue           | 117 ++++++++++++++++
 resources/views/pages/settings.blade.php      |  36 +++++
 routes/account.php                            |   3 +
 15 files changed, 658 insertions(+), 94 deletions(-)
 create mode 100644 app/Classes/Modules/Accounts/ControllersLogic/CreateAdminUserLogic.php
 create mode 100644 app/Classes/Modules/Accounts/ControllersLogic/DeleteUserLogic.php
 create mode 100644 app/Classes/Modules/Accounts/Services/DeletesUser.php
 create mode 100644 app/Classes/Modules/Accounts/Standards/Rules/CanCreateUser.php
 create mode 100644 app/Classes/Modules/Accounts/Standards/Rules/CanDeleteUser.php
 create mode 100644 app/Classes/Modules/Accounts/Standards/Validators/UserCreateValidation.php
 create mode 100644 app/Http/Controllers/Accounts/CreateAdminUserController.php
 create mode 100644 app/Http/Controllers/Accounts/DeleteUserController.php
 create mode 100644 resources/assets/vue/components/user/form/DeleteUserFormComponent.vue
 create mode 100644 resources/assets/vue/components/user/form/UserFormComponent.vue

diff --git a/app/Classes/Modules/Accounts/ControllersLogic/CreateAdminUserLogic.php b/app/Classes/Modules/Accounts/ControllersLogic/CreateAdminUserLogic.php
new file mode 100644
index 00000000..ff48ebf4
--- /dev/null
+++ b/app/Classes/Modules/Accounts/ControllersLogic/CreateAdminUserLogic.php
@@ -0,0 +1,73 @@
+<?php
+
+namespace App\Classes\Modules\Accounts\ControllersLogic;
+
+use App\Classes\General\Abstracts\AbstractControllerLogic;
+
+use App\Classes\Modules\Accounts\Standards\Rules\CanCreateUser;
+use App\Classes\Modules\Accounts\Services\CreatesUser;
+use App\Classes\Modules\Accounts\DataTransferObjects\RegistrationObject;
+use App\Http\Resources\UserResource;
+use App\Classes\ValueObjects\Constants\RoleTypes;
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+
+use ErrorException;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+
+class CreateAdminUserLogic extends AbstractControllerLogic
+{
+    /**
+     * @return array
+     */
+    protected function notification():array {
+        return [
+            'title' => 'Created Account',
+            'message' => 'You have successfully created a new Account'
+        ];
+    }
+
+    /** @var CanCreateUser */
+    private $canCreateUser;
+
+    /** @var CreatesUser */
+    private $createsUser;
+
+
+    /**
+     * CreateUserLogic constructor.
+     * @param CanCreateUser $canCreateUser
+     * @param CreatesUser $createsUser
+     */
+    public function __construct(
+        CanCreateUser $canCreateUser,
+        CreatesUser $createsUser
+    )
+    {
+        $this->canCreateUser = $canCreateUser;
+        $this->createsUser = $createsUser;
+    }
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     * @throws \App\Classes\Exceptions\AccessForbiddenException
+     * @throws \App\Classes\Exceptions\MalformedRequestException
+     * @throws \App\Classes\Exceptions\RequestValidationException
+     */
+    public function logic(Request $request) : JsonResponse
+    {
+
+        $user_object = new RegistrationObject($request->input('name'), $request->input('email'),
+            $request->input('password'), $request->input('password_confirmation'),
+            RoleTypes::ADMIN, ApprovalStatus::APPROVED);
+
+        $this->canCreateUser->passes($user_object);
+
+        $user = $this->createsUser->execute($user_object);
+
+        return $this->resourceResponse(new UserResource($user));
+
+    }
+}
\ No newline at end of file
diff --git a/app/Classes/Modules/Accounts/ControllersLogic/DeleteUserLogic.php b/app/Classes/Modules/Accounts/ControllersLogic/DeleteUserLogic.php
new file mode 100644
index 00000000..485e9cf3
--- /dev/null
+++ b/app/Classes/Modules/Accounts/ControllersLogic/DeleteUserLogic.php
@@ -0,0 +1,76 @@
+<?php
+
+namespace App\Classes\Modules\Accounts\ControllersLogic;
+
+use App\Http\Resources\UserResource;
+
+use App\Classes\General\Abstracts\AbstractControllerLogic;
+
+use App\Classes\Modules\Accounts\Services\FetchesUser;
+
+use App\Classes\Modules\Accounts\Standards\Rules\CanDeleteUser;
+use App\Classes\Modules\Accounts\Services\DeletesUser;
+
+use ErrorException;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+
+class DeleteUserLogic extends AbstractControllerLogic
+{
+
+    /**
+     * @return array
+     */
+    protected function notification():array {
+        return [
+            'title' => 'Delete User',
+            'message' => 'You have successfully deleted the User'
+        ];
+    }
+
+    /** @var CanDeleteUser */
+    private $canDeleteUser;
+
+    /** @var DeletesUser */
+    private $deletesUser;
+
+    /** @var FetchesUser */
+    private $fetchesUser;
+
+
+    public function __construct(
+        CanDeleteUser $canDeleteUser, 
+        DeletesUser $deletesUser, 
+        FetchesUser $fetchesUser
+    )
+    {
+        $this->canDeleteUser = $canDeleteUser;
+        $this->deletesUser = $deletesUser;
+        $this->fetchesUser = $fetchesUser;
+    }
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     * @throws ErrorException
+     */
+    public function logic(Request $request) : JsonResponse
+    {
+        try {
+            DB::beginTransaction();
+
+            $user = $this->fetchesUser->execute(['id' => $request->route('id')]);
+            $this->canDeleteUser->passes();
+            $this->deletesUser->execute($user);
+            
+            DB::commit();
+
+            return $this->resourceResponse(new UserResource($user));
+
+        } catch (\Exception $exception){
+            throw new ErrorException($exception->getMessage(), $exception->getCode());
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/Modules/Accounts/DataTransferObjects/UserObject.php b/app/Classes/Modules/Accounts/DataTransferObjects/UserObject.php
index b3988d3a..55fb5f31 100644
--- a/app/Classes/Modules/Accounts/DataTransferObjects/UserObject.php
+++ b/app/Classes/Modules/Accounts/DataTransferObjects/UserObject.php
@@ -3,20 +3,46 @@
 namespace App\Classes\Modules\Accounts\DataTransferObjects;
 
 use App\Classes\General\Interfaces\DataTransferObject;
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\RoleTypes;
 
 class UserObject implements DataTransferObject
 {
+    /** @var string */
+    private $name;
 
     /** @var string */
-    private $name;    
+    private $email;
+
+    /** @var string */
+    private $password;
+
+    /** @var string */
+    private $passwordConfirmation;
+
+    /** @var int|null */
+    private $type;
+
+    /** @var int|null */
+    private $status;
 
     /**
-     * NameObject constructor.
+     * UserObject constructor.
      * @param string $name
+     * @param string $email
+     * @param string $password
+     * @param string $passwordConfirmation
+     * @param int|null $type
+     * @param int|null $status
      */
-    public function __construct(string $name)
+    public function __construct(string $name, string $email, string $password, string $passwordConfirmation, ?int $type = RoleTypes::USER, ?int $status = ApprovalStatus::PENDING_VERIFICATION)
     {
-        $this->name = $name;        
+        $this->name = $name;
+        $this->email = $email;
+        $this->password = $password;
+        $this->passwordConfirmation = $passwordConfirmation;
+        $this->type = $type;
+        $this->status = $status;
     }
 
     /**
@@ -25,6 +51,49 @@ class UserObject implements DataTransferObject
     public function getName(): string
     {
         return $this->name;
-    }    
+    }
+
+    /**
+     * @return string
+     */
+    public function getEmail(): string
+    {
+        return $this->email;
+    }
+
+    /**
+     * @return string
+     */
+    public function getPassword(): string
+    {
+        return $this->password;
+    }
+
+    /**
+     * @return string
+     */
+    public function getPasswordConfirmation(): string
+    {
+        return $this->passwordConfirmation;
+    }
+
+    /**
+     * @return int
+     */
+    public function getType(): int
+    {
+        return $this->type;
+    }
+
+    /**
+     * @return int
+     */
+    public function getStatus(): int
+    {
+        return $this->status;
+    }
+
+
+
 
 }
\ No newline at end of file
diff --git a/app/Classes/Modules/Accounts/Services/DeletesUser.php b/app/Classes/Modules/Accounts/Services/DeletesUser.php
new file mode 100644
index 00000000..534331b0
--- /dev/null
+++ b/app/Classes/Modules/Accounts/Services/DeletesUser.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Classes\Modules\Accounts\Services;
+
+use App\Classes\General\Eloquent\AbstractDeleteRecord;
+use App\Models\User;
+
+class DeletesUser extends AbstractDeleteRecord
+{
+
+    /**
+     * @param User $model
+     * @return mixed
+     * @throws \App\Classes\Exceptions\MalformedRequestException
+     */
+    public function execute(User $model) {
+        return $this->handler($model);
+    }
+}
\ No newline at end of file
diff --git a/app/Classes/Modules/Accounts/Standards/Rules/CanCreateUser.php b/app/Classes/Modules/Accounts/Standards/Rules/CanCreateUser.php
new file mode 100644
index 00000000..2da56844
--- /dev/null
+++ b/app/Classes/Modules/Accounts/Standards/Rules/CanCreateUser.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace App\Classes\Modules\Accounts\Standards\Rules;
+
+
+use App\Classes\General\Abstracts\AbstractRule;
+use App\Classes\Modules\Accounts\DataTransferObjects\RegistrationObject;
+use App\Classes\Modules\Accounts\Standards\Validators\UserCreateValidation;
+
+class CanCreateUser extends AbstractRule
+{
+
+    /** @var UserCreateValidation */
+    private $userCreateValidation;
+
+    /**
+     * CanCreateAddress constructor.
+     * @param UserCreateValidation $userCreateValidation
+     */
+    public function __construct(UserCreateValidation $userCreateValidation)
+    {
+        $this->userCreateValidation = $userCreateValidation;
+    }
+
+
+    /**
+     * @return bool
+     */
+    protected function authorized(): bool
+    {
+        // TODO  Set Authorization rules
+        return true;
+
+    }
+
+    /**
+     * @param RegistrationObject $object
+     * @return bool
+     * @throws \App\Classes\Exceptions\RequestValidationException
+     */
+    protected function validators($object): bool
+    {
+        return $this->userCreateValidation->validate($object);
+
+    }
+
+
+    /**
+     * @param AddressObject $object
+     * @return bool
+     */
+    protected function criteria($object): bool
+    {
+        return true;
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/Modules/Accounts/Standards/Rules/CanDeleteUser.php b/app/Classes/Modules/Accounts/Standards/Rules/CanDeleteUser.php
new file mode 100644
index 00000000..f106bcc7
--- /dev/null
+++ b/app/Classes/Modules/Accounts/Standards/Rules/CanDeleteUser.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Classes\Modules\Accounts\Standards\Rules;
+
+use App\Classes\General\Abstracts\AbstractRule;
+use App\Classes\Modules\Accounts\DataTransferObjects\UserObject;
+
+class CanDeleteUser extends AbstractRule
+{
+    /**
+     * @return bool
+     */
+    protected function authorized(): bool
+    {
+        // TODO  Set Authorization rules
+        return true;
+
+    }
+
+    /**
+     * @param UserObject $object
+     * @return bool
+     */
+    protected function validators($object): bool
+    {
+        return true;
+
+    }
+
+
+    /**
+     * @param UserObject $object
+     * @return bool
+     */
+    protected function criteria($object): bool
+    {
+        return true;
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/Modules/Accounts/Standards/Validators/UserCreateValidation.php b/app/Classes/Modules/Accounts/Standards/Validators/UserCreateValidation.php
new file mode 100644
index 00000000..99ea60ac
--- /dev/null
+++ b/app/Classes/Modules/Accounts/Standards/Validators/UserCreateValidation.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Classes\Modules\Accounts\Standards\Validators;
+
+use App\Classes\General\Abstracts\AbstractValidation;
+use App\Classes\Modules\Accounts\DataTransferObjects\UserObject;
+
+class UserCreateValidation extends AbstractValidation
+{
+
+
+    /**
+     * @param UserObject $object
+     * @return array
+     */
+    protected function data($object): array
+    {
+        return [
+            'name' => $object->getName(),
+            'email' => $object->getEmail(),
+            'password' => $object->getPassword(),
+        ];
+    }
+
+    /**
+     * @return array
+     */
+    protected function rules(): array
+    {
+        return [
+            'name' => 'required', 
+            'email' => 'required|unique:users',            
+            'password' => 'required',            
+        ];
+    }
+
+    /**
+     * @return array
+     */
+    protected function messages(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Accounts/CreateAdminUserController.php b/app/Http/Controllers/Accounts/CreateAdminUserController.php
new file mode 100644
index 00000000..2c3a9ac7
--- /dev/null
+++ b/app/Http/Controllers/Accounts/CreateAdminUserController.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Controllers\Accounts;
+
+
+use App\Classes\Modules\Accounts\ControllersLogic\CreateAdminUserLogic;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class CreateAdminUserController
+{
+
+    /**
+     * @param Request $request
+     * @param CreateAdminUserLogic $logic
+     * @return JsonResponse
+     */
+    public function create(Request $request, CreateAdminUserLogic $logic): JsonResponse {
+        return $logic->execute($request);
+    }
+
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Accounts/DeleteUserController.php b/app/Http/Controllers/Accounts/DeleteUserController.php
new file mode 100644
index 00000000..375cdcbd
--- /dev/null
+++ b/app/Http/Controllers/Accounts/DeleteUserController.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Http\Controllers\Accounts;
+
+use App\Classes\Modules\Accounts\ControllersLogic\DeleteUserLogic;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class DeleteUserController
+{
+    /**
+     * @param Request $request
+     * @param DeleteUserLogic $logic
+     * @return JsonResponse
+     */
+    public function delete(Request $request, DeleteUserLogic $logic): JsonResponse {
+        return $logic->execute($request);
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Bookings/DeleteBookingController.php b/app/Http/Controllers/Bookings/DeleteBookingController.php
index dfbd8a01..f0bffeb2 100644
--- a/app/Http/Controllers/Bookings/DeleteBookingController.php
+++ b/app/Http/Controllers/Bookings/DeleteBookingController.php
@@ -1,8 +1,8 @@
 <?php
 
-namespace App\Http\Controllers\Bookings;
+namespace App\Http\Controllers\Accounts;
 
-use App\Classes\Modules\Bookings\ControllersLogic\DeleteBookingLogic;
+use App\Classes\Modules\Accounts\ControllersLogic\DeleteBookingLogic;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 
diff --git a/resources/assets/vue/components/user/elements/UserComponent.vue b/resources/assets/vue/components/user/elements/UserComponent.vue
index 410e16d9..20b57e6f 100644
--- a/resources/assets/vue/components/user/elements/UserComponent.vue
+++ b/resources/assets/vue/components/user/elements/UserComponent.vue
@@ -1,80 +1,45 @@
 <template>
-    <div class="row m-b-10">
+    <div class="row m-b-15 parentContainer">
         <div class="col">
-            <div class="row no-margin">
-                <div class="col bg-master-lightest">
-                    <div class="row align-items-center justify-content-center fs-11">
-                        <div class="col-auto p-r-10 p-l-10 p-t-15 p-b-15 bg-master-lighter">
-                            <svg v-if="user.role_id === 0" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                 width="25" height="25"
-                                 viewBox="0 0 172 172"
-                                 style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="original-icon" fill="#000000"><path d="M83.26211,19.35c-10.40566,0 -19.76153,5.69414 -26.54746,11.22871c-6.78594,5.54297 -11.11113,11.10274 -11.11113,11.10274l-1.94004,2.48594l3.03184,0.89023c0,0 1.17578,0.32754 2.58672,1.77207c1.40254,1.43613 2.90586,3.88848 2.90586,8.53281c0,6.02168 0.92383,10.88438 1.38574,12.94199c-1.20098,1.0918 -1.97363,2.63711 -1.97363,4.36719c0,1.39414 0.41992,2.58672 0.76426,3.7541c0.16797,0.58789 0.33594,1.13379 0.44512,1.54531c0.10918,0.41152 0.13437,0.81465 0.13437,0.50391c0,2.92266 2.45234,5.20703 5.34141,5.30781c0.39473,8.33125 4.40918,15.68828 10.51484,20.53418v8.02051c-3.09902,0.94062 -10.54004,3.34258 -18.11543,6.92031c-4.94668,2.33477 -9.91855,5.14824 -13.79024,8.48242c-3.87168,3.33418 -6.79434,7.32344 -6.79434,12.00976v12.9h111.8v-12.9c0,-4.68633 -2.92266,-8.67559 -6.79434,-12.00976c-3.87168,-3.33418 -8.84355,-6.14766 -13.79024,-8.48242c-7.57539,-3.57773 -15.01641,-5.97969 -18.11543,-6.92031v-8.01211c6.10566,-4.8459 10.12012,-12.20293 10.51484,-20.54258c2.88906,-0.10078 5.34141,-2.38516 5.34141,-5.30781c0,0.31074 0.0252,-0.09238 0.13438,-0.50391c0.10918,-0.41152 0.27715,-0.95742 0.44512,-1.54531c0.34434,-1.16738 0.76426,-2.35996 0.76426,-3.7541c0,-1.76367 -0.79785,-3.31738 -2.02402,-4.41758c0.39473,-2.26758 2.02402,-11.97617 2.02402,-18.8041c0,-7.72656 -2.88906,-13.26113 -6.78594,-16.69609c-3.50215,-3.07383 -7.61738,-4.3084 -11.2623,-4.56875c-0.58789,-0.93223 -1.6293,-2.39355 -3.7877,-4.08164c-3.09902,-2.41035 -8.0709,-4.75352 -15.30195,-4.75352zM83.26211,23.65c6.31562,0 10.23769,1.95684 12.64805,3.84649c2.41875,1.88965 3.2166,3.55254 3.2166,3.55254l0.58789,1.20098h1.33535c2.86387,0 6.71875,1.0918 9.71699,3.7373c3.00664,2.64551 5.33301,6.77754 5.33301,13.4627c0,5.99649 -1.42773,14.74766 -1.84766,17.2c-0.0084,0 -0.0168,0 -0.03359,0c-0.18476,0 -0.15117,0.04199 -0.26875,0.05879v-6.50879c0,-7.35703 -3.00664,-12.30371 -6.03008,-15.23476c-3.02344,-2.93106 -6.18965,-4.00606 -6.18965,-4.00606l-1.22617,-0.41152l-0.94062,0.89863c0,0 -1.35215,1.32695 -4.61914,2.82187c-3.26699,1.49492 -8.32285,3.03184 -15.39434,3.03184c-3.87168,0 -8.96953,1.36895 -13.39551,4.45957c-4.40918,3.08223 -8.0793,8.12129 -8.09609,14.95762c-0.11758,-0.0168 -0.09238,-0.06719 -0.27715,-0.06719c-0.05039,0 -0.10078,0.0168 -0.15117,0.0168c-0.43672,-2.07441 -1.14219,-6.12246 -1.14219,-11.3043c0,-5.62695 -2.01562,-9.36426 -4.12363,-11.53105c-0.89863,-0.92383 -1.1002,-0.76426 -1.88125,-1.22617c1.48652,-1.74688 4.24961,-4.8459 8.95273,-8.68398c6.39121,-5.21543 15.02481,-10.27129 23.82637,-10.27129zM101.05,45.48594c0.5207,0.20156 1.88125,0.62988 3.88008,2.56152c2.35156,2.28438 4.71992,5.9293 4.71992,12.15254v13.55508l3.2334,-1.89805c0.5543,-0.31914 1.0666,-0.60469 1.42774,-0.78945c0.04199,-0.0252 0.05879,-0.0252 0.10078,-0.05039c0.98262,0.10078 1.68809,0.78945 1.68809,1.64609v0.0084c0,0.15957 -0.26035,1.41934 -0.58789,2.54473c-0.16797,0.5543 -0.33594,1.11699 -0.47871,1.6293c-0.13438,0.5123 -0.27715,0.87344 -0.27715,1.6293c0,0.57109 -0.47031,1.075 -1.20937,1.075h-3.89688v2.93945c0,11.65703 -8.40684,21.29004 -19.47598,23.26367l-0.61309,0.10078l-0.46191,0.42832c-0.83984,0.76426 -1.89805,1.21777 -3.09902,1.21777c-1.20098,0 -2.25918,-0.45351 -3.09902,-1.21777l-0.46191,-0.42832l-0.61309,-0.10078c-11.06914,-1.97363 -19.47598,-11.60664 -19.47598,-23.26367v-2.93945h-3.89687c-0.73906,0 -1.20938,-0.50391 -1.20938,-1.075c0,-0.75586 -0.14277,-1.11699 -0.28555,-1.6293c-0.14278,-0.51231 -0.31074,-1.075 -0.47871,-1.6293c-0.32754,-1.12539 -0.57949,-2.38516 -0.57949,-2.54473c0,-0.86504 0.70547,-1.55371 1.68809,-1.65449c0.04199,0.0252 0.05879,0.0252 0.10078,0.05039c0.36113,0.18476 0.87344,0.47031 1.42774,0.78945l3.2334,1.89805v-6.9959c0,-5.3582 2.6707,-8.96113 6.26524,-11.47226c3.59453,-2.51113 8.16328,-3.68691 10.93476,-3.68691c7.70137,0 13.39551,-1.68809 17.1832,-3.41816c2.81347,-1.28496 3.55254,-2.07441 4.3168,-2.6959zM74.175,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM97.825,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM73.1,107.12207c2.29277,1.20098 4.77031,2.1248 7.39902,2.65391c1.52012,1.20938 3.40137,2.02402 5.50098,2.02402c2.09121,0 3.96406,-0.81465 5.47578,-2.01562c2.63711,-0.5207 5.12305,-1.44453 7.42422,-2.65391v12.59766c-0.26035,0.5207 -3.66172,7.12188 -12.9,7.12188c-9.23828,0 -12.63965,-6.60117 -12.9,-7.12188zM68.8,116.86426v4.03965l0.22676,0.46191c0,0 5.07266,9.78418 16.97324,9.78418c11.90059,0 16.97324,-9.78418 16.97324,-9.78418l0.22676,-0.46191v-4.03965c3.45176,1.0834 9.77578,3.2166 16.28457,6.29043c4.72832,2.23399 9.43145,4.92988 12.81601,7.84414c3.38457,2.91426 5.29941,5.9125 5.29941,8.75117v8.6h-103.2v-8.6c0,-2.83867 1.91484,-5.83691 5.29941,-8.75117c3.38457,-2.91426 8.0877,-5.61016 12.81601,-7.84414c6.50879,-3.07383 12.83281,-5.20703 16.28457,-6.29043zM43,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM51.6,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM60.2,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM68.8,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM77.4,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM94.6,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM103.2,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM111.8,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM120.4,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM129,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15z"></path></g></g></svg>
-                            <svg v-if="user.role_id === 1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                 width="25" height="25"
-                                 viewBox="0 0 172 172"
-                                 style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none" stroke="none"></path><g id="original-icon" fill="#000000" stroke="none" opacity="0" visibility="hidden"><path d="M83.26211,19.35c-10.40566,0 -19.76153,5.69414 -26.54746,11.22871c-6.78594,5.54297 -11.11113,11.10274 -11.11113,11.10274l-1.94004,2.48594l3.03184,0.89023c0,0 1.17578,0.32754 2.58672,1.77207c1.40254,1.43613 2.90586,3.88848 2.90586,8.53281c0,6.02168 0.92383,10.88438 1.38574,12.94199c-1.20098,1.0918 -1.97363,2.63711 -1.97363,4.36719c0,1.39414 0.41992,2.58672 0.76426,3.7541c0.16797,0.58789 0.33594,1.13379 0.44512,1.54531c0.10918,0.41152 0.13437,0.81465 0.13437,0.50391c0,2.92266 2.45234,5.20703 5.34141,5.30781c0.39473,8.33125 4.40918,15.68828 10.51484,20.53418v8.02051c-3.09902,0.94062 -10.54004,3.34258 -18.11543,6.92031c-4.94668,2.33477 -9.91855,5.14824 -13.79024,8.48242c-3.87168,3.33418 -6.79434,7.32344 -6.79434,12.00976v12.9h111.8v-12.9c0,-4.68633 -2.92266,-8.67559 -6.79434,-12.00976c-3.87168,-3.33418 -8.84355,-6.14766 -13.79024,-8.48242c-7.57539,-3.57773 -15.01641,-5.97969 -18.11543,-6.92031v-8.01211c6.10566,-4.8459 10.12012,-12.20293 10.51484,-20.54258c2.88906,-0.10078 5.34141,-2.38516 5.34141,-5.30781c0,0.31074 0.0252,-0.09238 0.13438,-0.50391c0.10918,-0.41152 0.27715,-0.95742 0.44512,-1.54531c0.34434,-1.16738 0.76426,-2.35996 0.76426,-3.7541c0,-1.76367 -0.79785,-3.31738 -2.02402,-4.41758c0.39473,-2.26758 2.02402,-11.97617 2.02402,-18.8041c0,-7.72656 -2.88906,-13.26113 -6.78594,-16.69609c-3.50215,-3.07383 -7.61738,-4.3084 -11.2623,-4.56875c-0.58789,-0.93223 -1.6293,-2.39355 -3.7877,-4.08164c-3.09902,-2.41035 -8.0709,-4.75352 -15.30195,-4.75352zM83.26211,23.65c6.31562,0 10.23769,1.95684 12.64805,3.84649c2.41875,1.88965 3.2166,3.55254 3.2166,3.55254l0.58789,1.20098h1.33535c2.86387,0 6.71875,1.0918 9.71699,3.7373c3.00664,2.64551 5.33301,6.77754 5.33301,13.4627c0,5.99649 -1.42773,14.74766 -1.84766,17.2c-0.0084,0 -0.0168,0 -0.03359,0c-0.18476,0 -0.15117,0.04199 -0.26875,0.05879v-6.50879c0,-7.35703 -3.00664,-12.30371 -6.03008,-15.23476c-3.02344,-2.93106 -6.18965,-4.00606 -6.18965,-4.00606l-1.22617,-0.41152l-0.94062,0.89863c0,0 -1.35215,1.32695 -4.61914,2.82187c-3.26699,1.49492 -8.32285,3.03184 -15.39434,3.03184c-3.87168,0 -8.96953,1.36895 -13.39551,4.45957c-4.40918,3.08223 -8.0793,8.12129 -8.09609,14.95762c-0.11758,-0.0168 -0.09238,-0.06719 -0.27715,-0.06719c-0.05039,0 -0.10078,0.0168 -0.15117,0.0168c-0.43672,-2.07441 -1.14219,-6.12246 -1.14219,-11.3043c0,-5.62695 -2.01562,-9.36426 -4.12363,-11.53105c-0.89863,-0.92383 -1.1002,-0.76426 -1.88125,-1.22617c1.48652,-1.74688 4.24961,-4.8459 8.95273,-8.68398c6.39121,-5.21543 15.02481,-10.27129 23.82637,-10.27129zM101.05,45.48594c0.5207,0.20156 1.88125,0.62988 3.88008,2.56152c2.35156,2.28438 4.71992,5.9293 4.71992,12.15254v13.55508l3.2334,-1.89805c0.5543,-0.31914 1.0666,-0.60469 1.42774,-0.78945c0.04199,-0.0252 0.05879,-0.0252 0.10078,-0.05039c0.98262,0.10078 1.68809,0.78945 1.68809,1.64609v0.0084c0,0.15957 -0.26035,1.41934 -0.58789,2.54473c-0.16797,0.5543 -0.33594,1.11699 -0.47871,1.6293c-0.13438,0.5123 -0.27715,0.87344 -0.27715,1.6293c0,0.57109 -0.47031,1.075 -1.20937,1.075h-3.89688v2.93945c0,11.65703 -8.40684,21.29004 -19.47598,23.26367l-0.61309,0.10078l-0.46191,0.42832c-0.83984,0.76426 -1.89805,1.21777 -3.09902,1.21777c-1.20098,0 -2.25918,-0.45351 -3.09902,-1.21777l-0.46191,-0.42832l-0.61309,-0.10078c-11.06914,-1.97363 -19.47598,-11.60664 -19.47598,-23.26367v-2.93945h-3.89687c-0.73906,0 -1.20938,-0.50391 -1.20938,-1.075c0,-0.75586 -0.14277,-1.11699 -0.28555,-1.6293c-0.14278,-0.51231 -0.31074,-1.075 -0.47871,-1.6293c-0.32754,-1.12539 -0.57949,-2.38516 -0.57949,-2.54473c0,-0.86504 0.70547,-1.55371 1.68809,-1.65449c0.04199,0.0252 0.05879,0.0252 0.10078,0.05039c0.36113,0.18476 0.87344,0.47031 1.42774,0.78945l3.2334,1.89805v-6.9959c0,-5.3582 2.6707,-8.96113 6.26524,-11.47226c3.59453,-2.51113 8.16328,-3.68691 10.93476,-3.68691c7.70137,0 13.39551,-1.68809 17.1832,-3.41816c2.81347,-1.28496 3.55254,-2.07441 4.3168,-2.6959zM74.175,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM97.825,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM73.1,107.12207c2.29277,1.20098 4.77031,2.1248 7.39902,2.65391c1.52012,1.20938 3.40137,2.02402 5.50098,2.02402c2.09121,0 3.96406,-0.81465 5.47578,-2.01562c2.63711,-0.5207 5.12305,-1.44453 7.42422,-2.65391v12.59766c-0.26035,0.5207 -3.66172,7.12188 -12.9,7.12188c-9.23828,0 -12.63965,-6.60117 -12.9,-7.12188zM68.8,116.86426v4.03965l0.22676,0.46191c0,0 5.07266,9.78418 16.97324,9.78418c11.90059,0 16.97324,-9.78418 16.97324,-9.78418l0.22676,-0.46191v-4.03965c3.45176,1.0834 9.77578,3.2166 16.28457,6.29043c4.72832,2.23399 9.43145,4.92988 12.81601,7.84414c3.38457,2.91426 5.29941,5.9125 5.29941,8.75117v8.6h-103.2v-8.6c0,-2.83867 1.91484,-5.83691 5.29941,-8.75117c3.38457,-2.91426 8.0877,-5.61016 12.81601,-7.84414c6.50879,-3.07383 12.83281,-5.20703 16.28457,-6.29043zM43,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM51.6,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM60.2,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM68.8,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM77.4,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM94.6,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM103.2,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM111.8,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM120.4,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM129,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15z"></path></g><g id="subtracted-icon" fill="#000000" stroke="none"><path d="M98.56406,24.10352c2.1584,1.68809 3.1998,3.14941 3.7877,4.08164c3.64492,0.26035 7.76016,1.49492 11.2623,4.56875c3.89688,3.43496 6.78594,8.96953 6.78594,16.69609c0,6.82793 -1.6293,16.53652 -2.02402,18.8041c1.22617,1.1002 2.02402,2.65391 2.02402,4.41758c0,1.39414 -0.41992,2.58672 -0.76426,3.7541c-0.16797,0.58789 -0.33594,1.13379 -0.44512,1.54531c-0.10918,0.41152 -0.13438,0.81465 -0.13438,0.50391c0,2.92266 -2.45234,5.20703 -5.34141,5.30781c-0.39473,8.33965 -4.40918,15.69668 -10.51484,20.54258v8.01211c0.00055,0.00017 0.0011,0.00033 0.00165,0.0005c0.00801,1.55675 0.04506,3.07687 0.10946,4.56118c-0.03736,-0.01176 -0.0744,-0.0234 -0.11111,-0.03493v4.03965l-0.22676,0.46191c0,0 -5.07266,9.78418 -16.97324,9.78418c-11.90059,0 -16.97324,-9.78418 -16.97324,-9.78418l-0.22676,-0.46191v-4.03965c-3.45176,1.0834 -9.77578,3.2166 -16.28457,6.29043c-4.72832,2.23399 -9.43144,4.92988 -12.81601,7.84414c-3.38457,2.91426 -5.29941,5.9125 -5.29941,8.75117v8.6h75.81824c0.68254,1.50998 1.39861,2.9421 2.14059,4.3h-82.25883v-12.9c0,-4.68633 2.92266,-8.67559 6.79434,-12.00976c3.87168,-3.33418 8.84356,-6.14766 13.79024,-8.48242c7.57539,-3.57773 15.01641,-5.97969 18.11543,-6.92031v-8.02051c-6.10566,-4.8459 -10.12012,-12.20293 -10.51484,-20.53418c-2.88906,-0.10078 -5.34141,-2.38516 -5.34141,-5.30781c0,0.31074 -0.0252,-0.09238 -0.13437,-0.50391c-0.10918,-0.41152 -0.27715,-0.95742 -0.44512,-1.54531c-0.34434,-1.16738 -0.76426,-2.35996 -0.76426,-3.7541c0,-1.73008 0.77266,-3.27539 1.97363,-4.36719c-0.46191,-2.05762 -1.38574,-6.92031 -1.38574,-12.94199c0,-4.64434 -1.50332,-7.09668 -2.90586,-8.53281c-1.41094,-1.44453 -2.58672,-1.77207 -2.58672,-1.77207l-3.03184,-0.89023l1.94004,-2.48594c0,0 4.32519,-5.55977 11.11113,-11.10274c6.78594,-5.53457 16.1418,-11.22871 26.54746,-11.22871c7.23105,0 12.20293,2.34316 15.30195,4.75352zM59.43574,33.92129c-4.70312,3.83809 -7.46621,6.93711 -8.95273,8.68398c0.78105,0.46191 0.98262,0.30234 1.88125,1.22617c2.10801,2.1668 4.12363,5.9041 4.12363,11.53105c0,5.18184 0.70547,9.22988 1.14219,11.3043c0.05039,0 0.10078,-0.0168 0.15117,-0.0168c0.18477,0 0.15957,0.05039 0.27715,0.06719c0.0168,-6.83633 3.68691,-11.87539 8.09609,-14.95762c4.42598,-3.09062 9.52383,-4.45957 13.39551,-4.45957c7.07149,0 12.12734,-1.53691 15.39434,-3.03184c3.26699,-1.49492 4.61914,-2.82187 4.61914,-2.82187l0.94062,-0.89863l1.22617,0.41152c0,0 3.16621,1.075 6.18965,4.00606c3.02344,2.93105 6.03008,7.87773 6.03008,15.23476v6.50879c0.11758,-0.0168 0.08399,-0.05879 0.26875,-0.05879c0.0168,0 0.0252,0 0.03359,0c0.41992,-2.45234 1.84766,-11.20351 1.84766,-17.2c0,-6.68516 -2.32637,-10.81719 -5.33301,-13.4627c-2.99824,-2.64551 -6.85312,-3.7373 -9.71699,-3.7373h-1.33535l-0.58789,-1.20098c0,0 -0.79785,-1.66289 -3.2166,-3.55254c-2.41035,-1.88965 -6.33242,-3.84649 -12.64805,-3.84649c-8.80156,0 -17.43516,5.05586 -23.82637,10.27129zM96.7332,48.18184c-3.7877,1.73008 -9.48184,3.41816 -17.1832,3.41816c-2.77148,0 -7.34023,1.17578 -10.93476,3.68691c-3.59453,2.51113 -6.26524,6.11406 -6.26524,11.47226v6.9959l-3.2334,-1.89805c-0.5543,-0.31914 -1.0666,-0.60469 -1.42774,-0.78945c-0.04199,-0.0252 -0.05879,-0.0252 -0.10078,-0.05039c-0.98262,0.10078 -1.68809,0.78945 -1.68809,1.65449c0,0.15957 0.25195,1.41934 0.57949,2.54473c0.16797,0.5543 0.33594,1.11699 0.47871,1.6293c0.14277,0.5123 0.28555,0.87344 0.28555,1.6293c0,0.57109 0.47031,1.075 1.20938,1.075h3.89687v2.93945c0,11.65703 8.40684,21.29004 19.47598,23.26367l0.61309,0.10078l0.46191,0.42832c0.83984,0.76426 1.89805,1.21777 3.09902,1.21777c1.20098,0 2.25918,-0.45351 3.09902,-1.21777l0.46191,-0.42832l0.61309,-0.10078c11.06914,-1.97363 19.47598,-11.60664 19.47598,-23.26367v-2.93945h3.89688c0.73906,0 1.20937,-0.50391 1.20937,-1.075c0,-0.75586 0.14277,-1.11699 0.27715,-1.6293c0.14278,-0.51231 0.31074,-1.075 0.47871,-1.6293c0.32754,-1.12539 0.58789,-2.38516 0.58789,-2.54473v-0.0084c0,-0.85664 -0.70547,-1.54531 -1.68809,-1.64609c-0.04199,0.0252 -0.05879,0.0252 -0.10078,0.05039c-0.36113,0.18476 -0.87344,0.47031 -1.42774,0.78945l-3.2334,1.89805v-13.55508c0,-6.22324 -2.36836,-9.86816 -4.71992,-12.15254c-1.99883,-1.93164 -3.35937,-2.35996 -3.88008,-2.56152c-0.76426,0.62149 -1.50332,1.41094 -4.3168,2.6959zM77.4,74.175c0,1.78047 -1.44453,3.225 -3.225,3.225c-1.78047,0 -3.225,-1.44453 -3.225,-3.225c0,-1.78047 1.44453,-3.225 3.225,-3.225c1.78047,0 3.225,1.44453 3.225,3.225zM101.05,74.175c0,1.78047 -1.44453,3.225 -3.225,3.225c-1.78047,0 -3.225,-1.44453 -3.225,-3.225c0,-1.78047 1.44453,-3.225 3.225,-3.225c1.78047,0 3.225,1.44453 3.225,3.225zM73.1,119.72813c0.26035,0.5207 3.66172,7.12188 12.9,7.12188c9.23828,0 12.63965,-6.60117 12.9,-7.12188v-12.59766c-2.30117,1.20938 -4.78711,2.1332 -7.42422,2.65391c-1.51172,1.20098 -3.38457,2.01563 -5.47578,2.01563c-2.09961,0 -3.98086,-0.81465 -5.50098,-2.02402c-2.62871,-0.5291 -5.10625,-1.45293 -7.39902,-2.65391zM45.15,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM53.75,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM62.35,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM70.95,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM79.55,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM88.15,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM96.75,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM105.35,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15z"></path></g><g fill="#000000" stroke="none"><g id="Layer_1"><path d="M169.85,109.54465c-16.45395,0 -29.02715,-6.063 -29.154,-6.12535c-0.59555,-0.29025 -1.29645,-0.29455 -1.8963,0c-0.12255,0.06235 -12.63985,6.12535 -29.1497,6.12535c-1.1868,0 -2.15,0.9632 -2.15,2.15c0,49.6435 30.3107,59.79795 31.60285,60.20645c0.2107,0.0645 0.42785,0.0989 0.64715,0.0989c0.2193,0 0.43645,-0.0344 0.64715,-0.0989c1.29215,-0.4085 31.60285,-10.56295 31.60285,-60.20645c0,-1.18895 -0.9632,-2.15 -2.15,-2.15zM139.75,167.56455c-4.3,-1.67915 -27.16955,-12.54955 -27.93065,-53.75215c13.98575,-0.4128 24.7465,-4.68915 27.93065,-6.09525c3.18415,1.40825 13.9449,5.68245 27.93065,6.09525c-0.7611,41.2026 -23.63065,52.073 -27.93065,53.75215zM156.9371,122.6145l0.0215,-0.25155c0.10105,-1.1825 1.1352,-2.06615 2.32845,-1.9565c1.1825,0.1032 2.0597,1.14595 1.9565,2.32845l-0.01505,0.1849c-0.0817,1.1309 -1.02555,1.99735 -2.14355,1.99735c-0.0516,0 -0.1032,-0.00215 -0.1548,-0.0043c-1.18465,-0.08385 -2.0769,-1.1137 -1.99305,-2.29835zM155.53745,131.12635c0.2752,-1.1524 1.45985,-1.97155 2.61225,-1.6985c1.15455,0.27305 1.89415,1.32225 1.62325,2.4768c-0.00215,0.0043 -0.03225,0.1333 -0.0344,0.1376c-0.2408,0.989 -1.1395,1.6856 -2.11775,1.6856c-0.16125,0 -0.3225,-0.01935 -0.4859,-0.05805c-1.15025,-0.27735 -1.87265,-1.3889 -1.59745,-2.54345zM149.2358,149.78405c-0.98685,-0.6579 -1.25345,-1.99305 -0.59555,-2.98205l0.12685,-0.1892c0.66435,-0.9847 1.99735,-1.24485 2.9842,-0.5848c0.9847,0.66435 1.247,1.9995 0.5848,2.9842l-0.11825,0.17415c-0.41495,0.62135 -1.0965,0.95675 -1.79095,0.95675c-0.41065,0.00215 -0.82345,-0.11395 -1.1911,-0.35905zM152.77685,139.2813l0.09245,-0.215c0.47515,-1.0879 1.74365,-1.58455 2.83155,-1.10725c1.0879,0.47515 1.58455,1.74365 1.10725,2.83155l-0.0817,0.1849c-0.3483,0.81485 -1.14165,1.3029 -1.97585,1.3029c-0.28165,0 -0.56975,-0.0559 -0.8471,-0.1763c-1.0879,-0.46655 -1.5953,-1.7286 -1.1266,-2.8208zM143.2029,156.4512c-0.84065,-0.84065 -0.84065,-2.19945 0,-3.0401c0.8299,-0.84925 2.2618,-0.9331 3.1089,-0.10105c0.84925,0.83205 0.93095,2.12205 0.10105,2.96915l-0.16985,0.172c-0.41925,0.41925 -0.96965,0.62995 -1.52005,0.62995c-0.5504,0 -1.09865,-0.2107 -1.52005,-0.62995z"></path></g><g id="Layer_1" opacity="0"><path d="M169.85,105.24465c-15.28435,0 -27.1545,-5.63515 -27.27275,-5.69105c-0.87075,-0.4257 -1.85115,-0.6536 -2.8294,-0.6536c-0.98255,0 -1.9651,0.2279 -2.8466,0.6622c-0.10535,0.0516 -11.91315,5.68245 -27.25125,5.68245c-3.5561,0 -6.45,2.8939 -6.45,6.45c0,52.75455 33.1917,63.8593 34.6064,64.3065c0.63855,0.19995 1.28785,0.29885 1.9436,0.29885c0.65575,0 1.30505,-0.0989 1.93285,-0.2967c1.42545,-0.44935 34.61715,-11.5541 34.61715,-64.30865c0,-3.55825 -2.8939,-6.45 -6.45,-6.45z"></path></g></g><path d="M107.5,172v-68.8h64.5v68.8z" id="overlay-drag" fill="#ff0000" stroke="none" opacity="0"></path></g></svg>
-                            <svg v-if="user.role_id === 2" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                 width="25" height="25"
-                                 viewBox="0 0 172 172"
-                                 style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none" stroke="none"></path><g id="original-icon" fill="#000000" stroke="none" opacity="0" visibility="hidden"><path d="M83.26211,19.35c-10.40566,0 -19.76153,5.69414 -26.54746,11.22871c-6.78594,5.54297 -11.11113,11.10274 -11.11113,11.10274l-1.94004,2.48594l3.03184,0.89023c0,0 1.17578,0.32754 2.58672,1.77207c1.40254,1.43613 2.90586,3.88848 2.90586,8.53281c0,6.02168 0.92383,10.88438 1.38574,12.94199c-1.20098,1.0918 -1.97363,2.63711 -1.97363,4.36719c0,1.39414 0.41992,2.58672 0.76426,3.7541c0.16797,0.58789 0.33594,1.13379 0.44512,1.54531c0.10918,0.41152 0.13437,0.81465 0.13437,0.50391c0,2.92266 2.45234,5.20703 5.34141,5.30781c0.39473,8.33125 4.40918,15.68828 10.51484,20.53418v8.02051c-3.09902,0.94062 -10.54004,3.34258 -18.11543,6.92031c-4.94668,2.33477 -9.91855,5.14824 -13.79024,8.48242c-3.87168,3.33418 -6.79434,7.32344 -6.79434,12.00976v12.9h111.8v-12.9c0,-4.68633 -2.92266,-8.67559 -6.79434,-12.00976c-3.87168,-3.33418 -8.84355,-6.14766 -13.79024,-8.48242c-7.57539,-3.57773 -15.01641,-5.97969 -18.11543,-6.92031v-8.01211c6.10566,-4.8459 10.12012,-12.20293 10.51484,-20.54258c2.88906,-0.10078 5.34141,-2.38516 5.34141,-5.30781c0,0.31074 0.0252,-0.09238 0.13438,-0.50391c0.10918,-0.41152 0.27715,-0.95742 0.44512,-1.54531c0.34434,-1.16738 0.76426,-2.35996 0.76426,-3.7541c0,-1.76367 -0.79785,-3.31738 -2.02402,-4.41758c0.39473,-2.26758 2.02402,-11.97617 2.02402,-18.8041c0,-7.72656 -2.88906,-13.26113 -6.78594,-16.69609c-3.50215,-3.07383 -7.61738,-4.3084 -11.2623,-4.56875c-0.58789,-0.93223 -1.6293,-2.39355 -3.7877,-4.08164c-3.09902,-2.41035 -8.0709,-4.75352 -15.30195,-4.75352zM83.26211,23.65c6.31562,0 10.23769,1.95684 12.64805,3.84649c2.41875,1.88965 3.2166,3.55254 3.2166,3.55254l0.58789,1.20098h1.33535c2.86387,0 6.71875,1.0918 9.71699,3.7373c3.00664,2.64551 5.33301,6.77754 5.33301,13.4627c0,5.99649 -1.42773,14.74766 -1.84766,17.2c-0.0084,0 -0.0168,0 -0.03359,0c-0.18476,0 -0.15117,0.04199 -0.26875,0.05879v-6.50879c0,-7.35703 -3.00664,-12.30371 -6.03008,-15.23476c-3.02344,-2.93106 -6.18965,-4.00606 -6.18965,-4.00606l-1.22617,-0.41152l-0.94062,0.89863c0,0 -1.35215,1.32695 -4.61914,2.82187c-3.26699,1.49492 -8.32285,3.03184 -15.39434,3.03184c-3.87168,0 -8.96953,1.36895 -13.39551,4.45957c-4.40918,3.08223 -8.0793,8.12129 -8.09609,14.95762c-0.11758,-0.0168 -0.09238,-0.06719 -0.27715,-0.06719c-0.05039,0 -0.10078,0.0168 -0.15117,0.0168c-0.43672,-2.07441 -1.14219,-6.12246 -1.14219,-11.3043c0,-5.62695 -2.01562,-9.36426 -4.12363,-11.53105c-0.89863,-0.92383 -1.1002,-0.76426 -1.88125,-1.22617c1.48652,-1.74688 4.24961,-4.8459 8.95273,-8.68398c6.39121,-5.21543 15.02481,-10.27129 23.82637,-10.27129zM101.05,45.48594c0.5207,0.20156 1.88125,0.62988 3.88008,2.56152c2.35156,2.28438 4.71992,5.9293 4.71992,12.15254v13.55508l3.2334,-1.89805c0.5543,-0.31914 1.0666,-0.60469 1.42774,-0.78945c0.04199,-0.0252 0.05879,-0.0252 0.10078,-0.05039c0.98262,0.10078 1.68809,0.78945 1.68809,1.64609v0.0084c0,0.15957 -0.26035,1.41934 -0.58789,2.54473c-0.16797,0.5543 -0.33594,1.11699 -0.47871,1.6293c-0.13438,0.5123 -0.27715,0.87344 -0.27715,1.6293c0,0.57109 -0.47031,1.075 -1.20937,1.075h-3.89688v2.93945c0,11.65703 -8.40684,21.29004 -19.47598,23.26367l-0.61309,0.10078l-0.46191,0.42832c-0.83984,0.76426 -1.89805,1.21777 -3.09902,1.21777c-1.20098,0 -2.25918,-0.45351 -3.09902,-1.21777l-0.46191,-0.42832l-0.61309,-0.10078c-11.06914,-1.97363 -19.47598,-11.60664 -19.47598,-23.26367v-2.93945h-3.89687c-0.73906,0 -1.20938,-0.50391 -1.20938,-1.075c0,-0.75586 -0.14277,-1.11699 -0.28555,-1.6293c-0.14278,-0.51231 -0.31074,-1.075 -0.47871,-1.6293c-0.32754,-1.12539 -0.57949,-2.38516 -0.57949,-2.54473c0,-0.86504 0.70547,-1.55371 1.68809,-1.65449c0.04199,0.0252 0.05879,0.0252 0.10078,0.05039c0.36113,0.18476 0.87344,0.47031 1.42774,0.78945l3.2334,1.89805v-6.9959c0,-5.3582 2.6707,-8.96113 6.26524,-11.47226c3.59453,-2.51113 8.16328,-3.68691 10.93476,-3.68691c7.70137,0 13.39551,-1.68809 17.1832,-3.41816c2.81347,-1.28496 3.55254,-2.07441 4.3168,-2.6959zM74.175,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM97.825,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM73.1,107.12207c2.29277,1.20098 4.77031,2.1248 7.39902,2.65391c1.52012,1.20938 3.40137,2.02402 5.50098,2.02402c2.09121,0 3.96406,-0.81465 5.47578,-2.01562c2.63711,-0.5207 5.12305,-1.44453 7.42422,-2.65391v12.59766c-0.26035,0.5207 -3.66172,7.12188 -12.9,7.12188c-9.23828,0 -12.63965,-6.60117 -12.9,-7.12188zM68.8,116.86426v4.03965l0.22676,0.46191c0,0 5.07266,9.78418 16.97324,9.78418c11.90059,0 16.97324,-9.78418 16.97324,-9.78418l0.22676,-0.46191v-4.03965c3.45176,1.0834 9.77578,3.2166 16.28457,6.29043c4.72832,2.23399 9.43145,4.92988 12.81601,7.84414c3.38457,2.91426 5.29941,5.9125 5.29941,8.75117v8.6h-103.2v-8.6c0,-2.83867 1.91484,-5.83691 5.29941,-8.75117c3.38457,-2.91426 8.0877,-5.61016 12.81601,-7.84414c6.50879,-3.07383 12.83281,-5.20703 16.28457,-6.29043zM43,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM51.6,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM60.2,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM68.8,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM77.4,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM94.6,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM103.2,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM111.8,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM120.4,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM129,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15z"></path></g><g id="subtracted-icon" fill="#000000" stroke="none"><path d="M98.56406,24.10352c2.1584,1.68809 3.1998,3.14941 3.7877,4.08164c3.64492,0.26035 7.76016,1.49492 11.2623,4.56875c3.89688,3.43496 6.78594,8.96953 6.78594,16.69609c0,6.82793 -1.6293,16.53652 -2.02402,18.8041c1.22617,1.1002 2.02402,2.65391 2.02402,4.41758c0,1.39414 -0.41992,2.58672 -0.76426,3.7541c-0.16797,0.58789 -0.33594,1.13379 -0.44512,1.54531c-0.10918,0.41152 -0.13438,0.81465 -0.13438,0.50391c0,2.92266 -2.45234,5.20703 -5.34141,5.30781c-0.39473,8.33965 -4.40918,15.69668 -10.51484,20.54258v8.01211c3.09902,0.94062 10.54004,3.34258 18.11543,6.92031c0.0331,0.01562 0.0662,0.03127 0.0993,0.04693c0.59073,2.13484 1.43056,4.17892 2.49614,6.0942c-1.44586,-0.78895 -2.93482,-1.53958 -4.42629,-2.24425c-6.50879,-3.07383 -12.83281,-5.20703 -16.28457,-6.29043v4.03965l-0.22676,0.46191c0,0 -5.07266,9.78418 -16.97324,9.78418c-11.90059,0 -16.97324,-9.78418 -16.97324,-9.78418l-0.22676,-0.46191v-4.03965c-3.45176,1.0834 -9.77578,3.2166 -16.28457,6.29043c-4.72832,2.23399 -9.43144,4.92988 -12.81601,7.84414c-3.38457,2.91426 -5.29941,5.9125 -5.29941,8.75117v8.6l98.9,0v4.3h-103.2v-12.9c0,-4.68633 2.92266,-8.67559 6.79434,-12.00976c3.87168,-3.33418 8.84356,-6.14766 13.79024,-8.48242c7.57539,-3.57773 15.01641,-5.97969 18.11543,-6.92031v-8.02051c-6.10566,-4.8459 -10.12012,-12.20293 -10.51484,-20.53418c-2.88906,-0.10078 -5.34141,-2.38516 -5.34141,-5.30781c0,0.31074 -0.0252,-0.09238 -0.13437,-0.50391c-0.10918,-0.41152 -0.27715,-0.95742 -0.44512,-1.54531c-0.34434,-1.16738 -0.76426,-2.35996 -0.76426,-3.7541c0,-1.73008 0.77266,-3.27539 1.97363,-4.36719c-0.46191,-2.05762 -1.38574,-6.92031 -1.38574,-12.94199c0,-4.64434 -1.50332,-7.09668 -2.90586,-8.53281c-1.41094,-1.44453 -2.58672,-1.77207 -2.58672,-1.77207l-3.03184,-0.89023l1.94004,-2.48594c0,0 4.32519,-5.55977 11.11113,-11.10274c6.78594,-5.53457 16.1418,-11.22871 26.54746,-11.22871c7.23105,0 12.20293,2.34316 15.30195,4.75352zM59.43574,33.92129c-4.70312,3.83809 -7.46621,6.93711 -8.95273,8.68398c0.78105,0.46191 0.98262,0.30234 1.88125,1.22617c2.10801,2.1668 4.12363,5.9041 4.12363,11.53105c0,5.18184 0.70547,9.22988 1.14219,11.3043c0.05039,0 0.10078,-0.0168 0.15117,-0.0168c0.18477,0 0.15957,0.05039 0.27715,0.06719c0.0168,-6.83633 3.68691,-11.87539 8.09609,-14.95762c4.42598,-3.09062 9.52383,-4.45957 13.39551,-4.45957c7.07149,0 12.12734,-1.53691 15.39434,-3.03184c3.26699,-1.49492 4.61914,-2.82187 4.61914,-2.82187l0.94062,-0.89863l1.22617,0.41152c0,0 3.16621,1.075 6.18965,4.00606c3.02344,2.93105 6.03008,7.87773 6.03008,15.23476v6.50879c0.11758,-0.0168 0.08399,-0.05879 0.26875,-0.05879c0.0168,0 0.0252,0 0.03359,0c0.41992,-2.45234 1.84766,-11.20351 1.84766,-17.2c0,-6.68516 -2.32637,-10.81719 -5.33301,-13.4627c-2.99824,-2.64551 -6.85312,-3.7373 -9.71699,-3.7373h-1.33535l-0.58789,-1.20098c0,0 -0.79785,-1.66289 -3.2166,-3.55254c-2.41035,-1.88965 -6.33242,-3.84649 -12.64805,-3.84649c-8.80156,0 -17.43516,5.05586 -23.82637,10.27129zM96.7332,48.18184c-3.7877,1.73008 -9.48184,3.41816 -17.1832,3.41816c-2.77148,0 -7.34023,1.17578 -10.93476,3.68691c-3.59453,2.51113 -6.26524,6.11406 -6.26524,11.47226v6.9959l-3.2334,-1.89805c-0.5543,-0.31914 -1.0666,-0.60469 -1.42774,-0.78945c-0.04199,-0.0252 -0.05879,-0.0252 -0.10078,-0.05039c-0.98262,0.10078 -1.68809,0.78945 -1.68809,1.65449c0,0.15957 0.25195,1.41934 0.57949,2.54473c0.16797,0.5543 0.33594,1.11699 0.47871,1.6293c0.14277,0.5123 0.28555,0.87344 0.28555,1.6293c0,0.57109 0.47031,1.075 1.20938,1.075h3.89687v2.93945c0,11.65703 8.40684,21.29004 19.47598,23.26367l0.61309,0.10078l0.46191,0.42832c0.83984,0.76426 1.89805,1.21777 3.09902,1.21777c1.20098,0 2.25918,-0.45351 3.09902,-1.21777l0.46191,-0.42832l0.61309,-0.10078c11.06914,-1.97363 19.47598,-11.60664 19.47598,-23.26367v-2.93945h3.89688c0.73906,0 1.20937,-0.50391 1.20937,-1.075c0,-0.75586 0.14277,-1.11699 0.27715,-1.6293c0.14278,-0.51231 0.31074,-1.075 0.47871,-1.6293c0.32754,-1.12539 0.58789,-2.38516 0.58789,-2.54473v-0.0084c0,-0.85664 -0.70547,-1.54531 -1.68809,-1.64609c-0.04199,0.0252 -0.05879,0.0252 -0.10078,0.05039c-0.36113,0.18476 -0.87344,0.47031 -1.42774,0.78945l-3.2334,1.89805v-13.55508c0,-6.22324 -2.36836,-9.86816 -4.71992,-12.15254c-1.99883,-1.93164 -3.35937,-2.35996 -3.88008,-2.56152c-0.76426,0.62149 -1.50332,1.41094 -4.3168,2.6959zM77.4,74.175c0,1.78047 -1.44453,3.225 -3.225,3.225c-1.78047,0 -3.225,-1.44453 -3.225,-3.225c0,-1.78047 1.44453,-3.225 3.225,-3.225c1.78047,0 3.225,1.44453 3.225,3.225zM101.05,74.175c0,1.78047 -1.44453,3.225 -3.225,3.225c-1.78047,0 -3.225,-1.44453 -3.225,-3.225c0,-1.78047 1.44453,-3.225 3.225,-3.225c1.78047,0 3.225,1.44453 3.225,3.225zM73.1,119.72813c0.26035,0.5207 3.66172,7.12188 12.9,7.12188c9.23828,0 12.63965,-6.60117 12.9,-7.12188v-12.59766c-2.30117,1.20938 -4.78711,2.1332 -7.42422,2.65391c-1.51172,1.20098 -3.38457,2.01563 -5.47578,2.01563c-2.09961,0 -3.98086,-0.81465 -5.50098,-2.02402c-2.62871,-0.5291 -5.10625,-1.45293 -7.39902,-2.65391zM45.15,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM53.75,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM62.35,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM70.95,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM79.55,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM88.15,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM96.75,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM105.35,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM113.95,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM122.55,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15zM131.15,141.9c0,1.18418 -0.96582,2.15 -2.15,2.15c-1.18418,0 -2.15,-0.96582 -2.15,-2.15c0,-1.18418 0.96582,-2.15 2.15,-2.15c1.18418,0 2.15,0.96582 2.15,2.15z"></path></g><g fill="#000000" stroke="none"><g id="Layer_1"><path d="M148.35,88.15c-13.03975,0 -23.65,10.61025 -23.65,23.65c0,8.9182 5.0181,17.03445 12.9,21.05925v31.43085l7.7099,7.7099h6.0802l7.7099,-7.7099v-6.0802l-3.4099,-3.4099l3.4099,-3.4099v-6.0802l-3.4099,-3.4099l3.4099,-3.4099v-5.63085c7.8819,-4.0248 12.9,-12.1389 12.9,-21.05925c0,-13.03975 -10.61025,-23.65 -23.65,-23.65zM156.09,129.5289l-1.29,0.5633v6.6177l-5.1901,5.1901l5.1901,5.1901v2.5198l-5.1901,5.1901l5.1901,5.1901v2.5198l-5.1901,5.1901h-2.5198l-5.1901,-5.1901v-32.4177l-1.29,-0.5633c-7.052,-3.0831 -11.61,-10.04265 -11.61,-17.7289c0,-10.6683 8.67955,-19.35 19.35,-19.35c10.67045,0 19.35,8.6817 19.35,19.35c0,7.68625 -4.558,14.6458 -11.61,17.7289zM150.5,113.95c0,1.1868 -0.9632,2.15 -2.15,2.15c-1.1868,0 -2.15,-0.9632 -2.15,-2.15c0,-1.1868 0.9632,-2.15 2.15,-2.15c1.1868,0 2.15,0.9632 2.15,2.15zM159.1,111.8c0,1.1868 -0.96105,2.15 -2.15,2.15c-1.18895,0 -2.15,-0.9632 -2.15,-2.15c0,-3.5561 -2.8939,-6.45 -6.45,-6.45c-3.5561,0 -6.45,2.8939 -6.45,6.45c0,1.1868 -0.96105,2.15 -2.15,2.15c-1.18895,0 -2.15,-0.9632 -2.15,-2.15c0,-5.92755 4.82245,-10.75 10.75,-10.75c5.92755,0 10.75,4.82245 10.75,10.75z"></path></g><g id="Layer_1" opacity="0"><path d="M148.35,83.85c-15.4112,0 -27.95,12.5388 -27.95,27.95c0,9.6449 4.8805,18.44055 12.9,23.54895v28.94115c0,1.1395 0.45365,2.23385 1.2599,3.0401l7.7099,7.7099c0.80625,0.80625 1.9006,1.2599 3.0401,1.2599h6.0802c1.1395,0 2.23385,-0.45365 3.0401,-1.2599l7.7099,-7.7099c0.80625,-0.80625 1.2599,-1.9006 1.2599,-3.0401v-6.0802c0,-1.1395 -0.45365,-2.23385 -1.2599,-3.0401l-0.3698,-0.3698l0.3698,-0.3698c0.80625,-0.80625 1.2599,-1.9006 1.2599,-3.0401v-6.0802c0,-1.1395 -0.45365,-2.23385 -1.2599,-3.0401l-0.3698,-0.3698l0.3698,-0.3698c0.80625,-0.80625 1.2599,-1.9006 1.2599,-3.0401v-3.14115c8.0195,-5.10625 12.9,-13.90405 12.9,-23.54895c0,-15.4112 -12.5388,-27.95 -27.95,-27.95z"></path></g></g><path d="M124.7,172v-83.85h47.3v83.85z" id="overlay-drag" fill="#ff0000" stroke="none" opacity="0"></path></g></svg>
+            <div class="row align-items-center">
+                <div class="col-auto p-r-0">
+                    <div class="padding-5 bg-master-lightest">
+                       <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="35" height="35" viewBox="0 0 172 172" style="fill: rgb(0, 0, 0);"><defs><linearGradient x1="108.17188" y1="101.74069" x2="108.17188" y2="111.89675" gradientUnits="userSpaceOnUse" id="color-1_KpyVqYNRzRZq_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="77.9375" y1="79.95313" x2="77.9375" y2="91.83188" gradientUnits="userSpaceOnUse" id="color-2_KpyVqYNRzRZq_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="53.75" y1="79.95313" x2="53.75" y2="91.83188" gradientUnits="userSpaceOnUse" id="color-3_KpyVqYNRzRZq_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="65.84375" y1="96.33075" x2="65.84375" y2="107.41131" gradientUnits="userSpaceOnUse" id="color-4_KpyVqYNRzRZq_gr4"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="119.59375" y1="88.18494" x2="119.59375" y2="97.09131" gradientUnits="userSpaceOnUse" id="color-5_KpyVqYNRzRZq_gr5"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="25.67369" x2="86" y2="144.96375" gradientUnits="userSpaceOnUse" id="color-6_KpyVqYNRzRZq_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M108.17188,111.32163v0c4.08231,0 7.39063,-3.30831 7.39063,-7.39062v-1.806h-14.78125v1.806c0,4.08231 3.30831,7.39063 7.39063,7.39063z" fill="url(#color-1_KpyVqYNRzRZq_gr1)"></path><circle cx="29" cy="32" transform="scale(2.6875,2.6875)" r="2" fill="url(#color-2_KpyVqYNRzRZq_gr2)"></circle><circle cx="20" cy="32" transform="scale(2.6875,2.6875)" r="2" fill="url(#color-3_KpyVqYNRzRZq_gr3)"></circle><path d="M65.30625,106.78244h1.075c4.15488,0 7.525,-3.37012 7.525,-7.525v-2.50744h-16.125v2.50744c0,4.15756 3.37013,7.525 7.525,7.525z" fill="url(#color-4_KpyVqYNRzRZq_gr4)"></path><circle cx="44.5" cy="34.5" transform="scale(2.6875,2.6875)" r="1.5" fill="url(#color-5_KpyVqYNRzRZq_gr5)"></circle><path d="M147.8125,114.26444v-18.54106c1.65281,-1.88931 2.6875,-4.33225 2.6875,-7.03588c0,-2.70363 -1.03469,-5.14388 -2.6875,-7.03587v-0.90031c0,-11.36812 -5.55506,-21.45969 -14.10937,-27.87206v-8.53012c0,-2.42144 -1.24969,-4.59294 -3.34594,-5.80769c-2.09625,-1.22013 -4.601,-1.22819 -6.708,-0.02419l-7.009,4.00438c-1.14756,-0.55094 -2.42144,-0.86538 -3.76519,-0.86538c-1.33031,0 -2.59881,0.32519 -3.74906,0.87613l-7.02781,-4.01512c-2.10431,-1.204 -4.60906,-1.19594 -6.708,0.02419c-1.33837,0.77669 -2.28438,1.96994 -2.82725,3.34325c-4.62519,-5.26213 -10.64519,-9.14556 -17.45531,-11.02681c-0.65844,-3.78669 -3.94256,-6.67038 -7.92006,-6.67038h-2.6875c-3.9775,0 -7.26162,2.88369 -7.92275,6.67038c-15.523,4.28656 -27.01475,19.006 -27.01475,36.507v3.22769c-4.67894,1.64475 -8.0625,6.08988 -8.0625,11.47294c0,6.40162 5.0525,11.60194 11.3735,11.9325c0.45419,2.32738 1.1395,4.57144 2.05862,6.69994c-11.80887,9.51644 -18.80712,24.07731 -18.80712,39.41219v7.70237h97.95131h1.48619h40.3125v-7.31269c0,-9.55944 -2.85412,-18.61631 -8.0625,-26.23537zM138.77712,104.43625c0.41388,-1.62056 0.70681,-3.28681 0.84656,-4.99875h0.12631c0.93256,0 1.82212,-0.15587 2.6875,-0.38163v8.7075c-1.15294,-1.16369 -2.37306,-2.27631 -3.66038,-3.32712zM96.75806,100.69794c0.91644,-2.1285 1.60444,-4.37256 2.05594,-6.69725c6.321,-0.33325 11.3735,-5.54163 11.3735,-12.12869c0,-2.11506 -0.59663,-4.07425 -1.56144,-5.80231c1.72806,-1.75763 3.14169,-3.75713 4.24894,-5.91519c4.01781,7.80181 12.13675,13.158 21.5,13.158v13.62025c0,12.84625 -9.72069,23.45112 -22.188,24.88356c-3.14169,-8.18881 -8.39844,-15.46119 -15.42894,-21.11837zM37.625,87.6985v-3.48569v-6.27531c4.44512,0 8.0625,-3.61737 8.0625,-8.0625v-5.375c0,-1.4835 1.20669,-2.6875 2.6875,-2.6875h34.9375c1.48081,0 2.6875,1.204 2.6875,2.6875v5.375c0,4.44513 3.61738,8.0625 8.0625,8.0625v9.761c0,15.36444 -12.65812,27.864 -28.21875,27.864c-15.56062,0 -28.21875,-12.49956 -28.21875,-27.864zM104.8125,82.0655c0,3.225 -2.31663,5.91787 -5.375,6.50375v-0.87075v-11.98356v-0.33863c3.05569,0.58856 5.375,3.29487 5.375,6.68919zM145.125,88.6875c0,2.96431 -2.41069,5.375 -5.375,5.375v-10.75c2.96431,0 5.375,2.41069 5.375,5.375zM142.3085,78.27881c-0.82237,-0.20156 -1.67162,-0.34131 -2.5585,-0.34131h-5.375c-10.37375,0 -18.8125,-8.44144 -18.8125,-18.8125h-5.375c0,4.85363 -1.85975,9.44387 -5.15194,12.91881c-0.88688,-0.62081 -1.8705,-1.08844 -2.91056,-1.45125v-3.225c0,-4.79719 -0.89763,-9.374 -2.46981,-13.60144c3.91031,-1.7415 8.17,-2.70363 12.49956,-2.70363c15.84819,0 28.86644,12.00238 30.15375,27.21631zM126.31788,43.18275c0.60738,-0.34669 1.14219,-0.11288 1.34375,0.00537c0.20156,0.11556 0.66919,0.46225 0.66919,1.161v5.19225c-2.49938,-1.25775 -5.16806,-2.22794 -7.96306,-2.87831c0.03763,-0.04569 0.0645,-0.09675 0.10481,-0.13975zM97.42188,48.762v-4.41287c0,-0.69875 0.46762,-1.04544 0.66919,-1.161c0.20156,-0.11556 0.73369,-0.34669 1.34375,-0.00537l5.68137,3.24381c-0.00269,0.00806 -0.00806,0.01344 -0.01075,0.0215c-2.63913,0.52406 -5.19763,1.333 -7.64594,2.42413c-0.0215,-0.03762 -0.04569,-0.07256 -0.0645,-0.11288h0.02687zM65.84375,34.9375c17.04144,0 30.90625,14.54744 30.90625,32.42738v5.19763h-2.6875c-1.48081,0 -2.6875,-1.204 -2.6875,-2.6875v-5.375c0,-4.44512 -3.61738,-8.0625 -8.0625,-8.0625h-34.9375c-4.44512,0 -8.0625,3.61738 -8.0625,8.0625v5.375c0,1.4835 -1.20669,2.6875 -2.6875,2.6875h-2.6875v-5.19763c0,-17.87994 13.86481,-32.42737 30.90625,-32.42737zM32.25,88.56925c-3.05837,-0.58856 -5.375,-3.30294 -5.375,-6.69725c0,-3.22231 2.31931,-5.90981 5.375,-6.49569v2.56119v6.27531v3.48569zM37.52825,105.50856c5.96894,9.25844 16.41794,15.42894 28.3155,15.42894c11.87606,0 22.30894,-6.14631 28.28325,-15.37519c1.677,1.41094 3.23306,2.91862 4.6655,4.52844c-7.87169,10.0405 -20.04337,15.98794 -32.94875,15.98794c-12.986,0 -25.09587,-5.934 -32.96756,-16.00675c1.43512,-1.62325 2.98313,-3.15244 4.65206,-4.56337zM110.1875,142.4375h-10.75v-5.375h-5.375v5.375h-56.4375v-5.375h-5.375v5.375h-10.75v-2.32737c0,-9.27725 2.87025,-18.232 7.98725,-25.6925c8.89562,10.73387 22.15844,17.03875 36.3565,17.03875c14.11744,0 27.46088,-6.31563 36.35919,-17.03338c5.13044,7.43094 7.98456,16.297 7.98456,25.68713zM150.5,142.4375h-8.0625v-5.375h-5.375v5.375h-21.5v-2.32737c0,-4.50425 -0.59663,-8.901 -1.70925,-13.115c10.18025,-1.53456 18.70769,-8.10819 22.96469,-17.11131c8.71019,7.81525 13.68206,18.76681 13.68206,30.616z" fill="url(#color-6_KpyVqYNRzRZq_gr6)"></path></g></g></svg>
+                    </div>
+                </div>
+                <div class="col-4">
+                    <div class="row">
+                        <div class="col-auto p-r-10">
+                            <div class="font-heading all-caps fs-8 muted">Name</div>
                         </div>
+                    </div>
+                    <div class="row">
                         <div class="col">
-                            <div class="row">
-                                <div class="col bold"><span class="text-capitalize">{{this.user.full_name}}</span></div>
-                            </div>
-                            <div class="row">
-                                <div class="col muted">{{this.user.email}}</div>
-                            </div>
+                            <div class="font-heading all-caps fs-10">{{item.name}}</div>
                         </div>
-                        <div class="col-auto text-right">
-                            <div class="row no-margin">
-                                <div class="col-auto no-padding">
-                                    <div class="p-t-5 p-b-5 p-r-10 p-l-10 muted h-100 pointer animate__animated animate__slow" ref="button" @click="actions = !actions" :class="[{'bg-white': actions}, {'flipInX': actions}, {' bg-master-lighter': !actions}]"><i class="fa fa-ellipsis-h lh-16 fs-10"></i></div>
-                                </div>
-                                <div class="absolute animate__animated animate__flipInX animate__fast" v-closable="{ exclude: ['button'], handler: 'onClose'}" :class="[{'hide': !actions}]" style="width: 130px; top: 100%; right: 15px; z-index: 1;">
-                                    <div class="row text-left no-margin bg-white" style=" border-radius: 10px 0 10px 10px; ">
-                                        <div class="col p-r-10 p-l-10">
-                                            <div class="row no-margin">
-                                                <div class="col no-padding b-b b-grey p-t-5 p-b-5 pointer hover-primary">
-                                                    <div class="row align-items-center justify-content-center">
-                                                        <div class="col">
-                                                            <small class="fs-8 all-caps">View Profile</small>
-                                                        </div>
-                                                        <div class="col-auto p-l-0">
-                                                            <i class="fa fa-long-arrow-right"></i>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row no-margin">
-                                                <div class="col no-padding b-b b-grey p-t-5 p-b-5 pointer">
-                                                    <div class="row align-items-center justify-content-center">
-                                                        <div class="col">
-                                                            <small class="fs-8 all-caps">Reset Password</small>
-                                                        </div>
-                                                        <div class="col-auto p-l-0">
-                                                            <i class="fa fa-unlock-alt"></i>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row no-margin align-items-center justify-content-center">
-                                                <div class="col no-padding p-t-5 p-b-5 pointer">
-                                                    <div class="row align-items-center justify-content-center">
-                                                        <div class="col">
-                                                            <small class="fs-8 all-caps">Block User</small>
-                                                        </div>
-                                                        <div class="col-auto p-l-0">
-                                                            <i class="fa fa-ban"></i>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="row">
+                        <div class="col-auto p-r-10">
+                            <div class="font-heading all-caps fs-8 muted">Email</div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <div class="font-heading all-caps fs-10">{{item.email}}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-auto">
+                    <div class="row">
+                        <div class="col">
+                            <button class="btn btn-xs btn-outline-danger b-rad-none m-r-5 requestModal" data-type="deleteSupplier">
+                                <i class="fa fa-times"></i>
+                            </button>
+                            <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="deleteSupplier">
+                                <delete-user-form-component :data="item" section="suppliersSection" class="text-center"></delete-user-form-component>
+                            </modal-component>
                         </div>
                     </div>
                 </div>
@@ -82,24 +47,15 @@
         </div>
     </div>
 </template>
+
 <script>
+    import componentHandler from '../../../general/mixins/componentHandler';
     export default {
-        props: ['data'],
-        data() {
+        data(){
             return {
-                user: this.data,
-                actions: false
+                expanded: false,
             }
         },
-        watch: {
-          'data': function() {
-              this.user = this.data;
-          }
-        },
-        methods: {
-            onClose() {
-                this.actions = false;
-            }
-        }
+        mixins: [componentHandler]
     }
-</script>
+</script>
\ No newline at end of file
diff --git a/resources/assets/vue/components/user/form/DeleteUserFormComponent.vue b/resources/assets/vue/components/user/form/DeleteUserFormComponent.vue
new file mode 100644
index 00000000..cb8af386
--- /dev/null
+++ b/resources/assets/vue/components/user/form/DeleteUserFormComponent.vue
@@ -0,0 +1,33 @@
+<template>
+    <div class="row">
+        <div class="col">
+            <loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="isLoading" ></loading-component>
+            <div class="row justify-content-center" v-show="!isLoading">
+                <div class="col">
+                    <div class="row m-b-20">
+                        <div class="col">
+                            <h3 class="all-caps">Are you Sure?</h3>
+                            <div class="fs-11">Are you sure you want to delete this admin account?</div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col p-r-5">
+                            <div class="btn btn-sm btn-success btn-block b-rad-none" data-dismiss="modal">Cancel</div>
+                        </div>
+                        <div class="col p-l-5">
+                            <div class="btn btn-sm btn-danger btn-block b-rad-none" @click="submit(route('api.account.user.delete', item.id), 'delete', section, true, true)">Delete</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    import ModalFormHandler from '../../../general/mixins/modalFormHandler';
+    export default {
+        mixins: [componentHandler, ModalFormHandler]
+
+    }
+</script>
\ No newline at end of file
diff --git a/resources/assets/vue/components/user/form/UserFormComponent.vue b/resources/assets/vue/components/user/form/UserFormComponent.vue
new file mode 100644
index 00000000..656495d4
--- /dev/null
+++ b/resources/assets/vue/components/user/form/UserFormComponent.vue
@@ -0,0 +1,117 @@
+<template>
+    <div class="row">
+        <div class="col">
+            <loading-component style="height: 50px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading(section)"></loading-component>
+            <div class="row" v-show="!$store.getters.isLoading(section)">
+                <div class="col">
+                    <div class="row m-b-20">
+                        <div class="col">
+                            <h6 class="all-caps m-b-5 bold no-margin">Add Admin Account</h6>
+                        </div>
+                    </div>
+                    <div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
+                        <div class="col">
+                            <small class="bold fs-10 text-danger">{{error}}</small>
+                        </div>
+                    </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.name">
+                                <label class="muted">Name</label>
+                                <input type="text" class="form-control" v-model="parameters.name">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.email">
+                                <label class="muted">Email</label>
+                                <input type="text" class="form-control" v-model="parameters.email">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.password">
+                                <label class="muted">Password</label>
+                                <input type="password" class="form-control" v-model="parameters.password">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.password_confirmation">
+                                <label class="muted">Password Confirmation</label>
+                                <input type="password" class="form-control" v-model="parameters.password_confirmation">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col p-r-5">
+                            <div class="btn btn-sm btn-default bg-master-lightest btn-block b-rad-none" :data-dismiss="closable ? 'modal' : ''" @click="$emit('close')">Cancel</div>
+                        </div>
+                        <div class="col p-l-5">
+                            <div class="btn btn-sm btn-success btn-block b-rad-none" @click="submitForm()">Add Admin</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import FormHandler from '../../../general/mixins/formHandler';
+    import { required, sameAs, minLength , email} from "vuelidate/lib/validators";
+    export default {
+        props : {
+            closable: {
+                type: Boolean,
+                default: true
+            },
+        },
+        data(){
+            return {
+                parameters: {
+                    name: '',
+                    email: '',
+                    password: '',
+                    password_confirmation: '',
+                }
+            }
+        },
+        validations: {
+            parameters: {
+                name: {
+                    required
+                },
+                email: {
+                    required,
+                    email
+                },
+                password: {
+                    required,
+                    minLength: minLength(6)
+                },
+                password_confirmation: {
+                    required,
+                    sameAsPassword: sameAs('password')
+                }
+            }
+        },
+        methods: {
+            submitForm(){
+                this.submit(route('api.account.user.admin.create'), 'post', this.section, true, false);
+            },
+            successHandler(response){
+                this.closeModal();
+                this.$emit('createdAdmin', response.payload.data);
+                this.formHandler();
+                this.resetForm();
+            },
+            errorHandler(error){
+                this.formHandler(error.message);
+            }
+        },
+        mixins: [FormHandler]
+    }
+</script>
\ No newline at end of file
diff --git a/resources/views/pages/settings.blade.php b/resources/views/pages/settings.blade.php
index 46956b04..288b2007 100644
--- a/resources/views/pages/settings.blade.php
+++ b/resources/views/pages/settings.blade.php
@@ -200,6 +200,42 @@
                             </div>
                         </div>
                         <template v-if="$store.getters.isSuperAdmin">
+                            <div class="row tabsContainer hide tabContent" tab-name="team">
+                                <div class="col">
+                                    <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('accountsSection')"></loading-component>
+                                    <div class="row" v-show="!$store.getters.isLoading('accountsSection')">
+                                        <div class="col">
+                                            <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
+                                                <div class="col">
+                                                    <div class="font-heading all-caps fs-10 hint-text">
+                                                        Admin Accounts
+                                                    </div>
+                                                </div>
+                                                <div class="col-auto">
+                                                    <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
+                                                        <i class="fa fa-plus m-r-5"></i>
+                                                        Add Admin Account
+                                                    </button>
+                                                    <modal-form-component section="accountsSection">
+                                                        <template slot="form" slot-scope="{section}">
+                                                            <user-form-component :section="section"></user-form-component>
+                                                        </template>
+                                                    </modal-form-component>
+                                                </div>
+                                            </div>
+                                            <div class="row m-b-20">
+                                                <div class="col">
+                                                    <list-component section="accountsSection" :endpoint="route('api.account.user.list')" :options="{'type': 2}">
+                                                        <template slot="list" slot-scope="{data}">
+                                                            <user-component :data="data"></user-component>
+                                                        </template>
+                                                    </list-component>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                             <div class="row tabsContainer hide tabContent" tab-name="currency">
                                 <div class="col">
                                     <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('currenciesSection')"></loading-component>
diff --git a/routes/account.php b/routes/account.php
index f4907313..5b4d45f9 100644
--- a/routes/account.php
+++ b/routes/account.php
@@ -38,5 +38,8 @@ Route::group(['prefix' => 'account', 'namespace' => 'Accounts', 'as' => 'account
         Route::post('/show', 'FetchUserController@fetch')->name('show');
         Route::get('/list', 'ListUsersController@list')->name('list');
         Route::put('/update/{id}', 'UpdateUserController@update')->name('update');
+        
+        Route::post('/admin/create', 'CreateAdminUserController@create')->name('admin.create');
+        Route::delete('/delete/{id}', 'DeleteUserController@delete')->name('delete');
     });
 });
\ No newline at end of file

From 7be6569900015b656dca000e6bc00f4671748ef1 Mon Sep 17 00:00:00 2001
From: Fairuz <fairuz.tester@gmail.com>
Date: Sun, 30 May 2021 22:50:36 +0800
Subject: [PATCH 3/8] Set default, delete, update & view identity documents

---
 .../ControllersLogic/UpdateAddressLogic.php   |  2 +
 .../address/elements/AddressComponent.vue     | 38 ++++++++++++++-----
 .../address/forms/AddressFormComponent.vue    | 32 +++++++++++++---
 .../elements/CompanyDetailsComponent.vue      | 23 +++++++++--
 .../CustomerProfileSectionComponent.vue       | 38 ++++++++++++++++---
 5 files changed, 109 insertions(+), 24 deletions(-)

diff --git a/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php b/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php
index aa7b4434..aa76a032 100644
--- a/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php
+++ b/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php
@@ -58,6 +58,8 @@ class UpdateAddressLogic extends AbstractControllerLogic
     {
         try {
 
+            //$district = $this->fetchesDistrict->execute(['id' => $request->input('district_id')]);
+            //$object = new AddressObject($request->input('street_one'), $request->input('street_two'), $district->country_id, $district->state_id, $district->id, $request->input('post_code'));
             $object = new AddressObject($request->input('company_id'), $request->input('street_one'), $request->input('street_two'), $request->input('city'), $request->input('state'), $request->input('post_code'), $request->input('country'), $request->input('default'), $request->input('billing'));
 
             $this->canUpdateAddress->passes($object);
diff --git a/resources/assets/vue/components/address/elements/AddressComponent.vue b/resources/assets/vue/components/address/elements/AddressComponent.vue
index 589213f2..b4e9e8ec 100644
--- a/resources/assets/vue/components/address/elements/AddressComponent.vue
+++ b/resources/assets/vue/components/address/elements/AddressComponent.vue
@@ -12,7 +12,7 @@
 				<div class="col">
                     <div class="row">
                         <div class="col">
-                            <span class="fs-10 muted">{{address.street_one}} {{address.street_two}} {{address.city}} {{address.state}} {{address.post_code}} {{address.country}}</span>
+                            <span class="fs-10 muted">{{address.street_one}} {{address.street_two}} {{address.city}} {{address.state.name}} {{address.post_code}} {{address.country.name}}</span>
                         </div>
                     </div>
 				</div>
@@ -20,7 +20,7 @@
 					<div class="row h-100">
 						<div class="col">
 							<div class="row no-margin">
-                                <div class="col-auto text-right p-t-10 p-b-10 bg-master-lightest m-r-5 ml-auto">
+                                <div class="col-auto text-right p-t-10 p-b-10 bg-master-lightest m-r-5 ml-auto"  @click="deleteAddress(address.id)">
                                     <a class="requestModal pointer" data-type="delete">
                                         <div data-toggle="tooltip" title="" data-placement="bottom" class="row link align-items-center justify-content-center" data-original-title="Delete">
                                             <div class="col">
@@ -29,7 +29,7 @@
                                         </div>
                                     </a>
                                 </div>
-                                <div class="col-auto text-right p-t-10 p-b-10 bg-master-lightest">
+                                <div class="col-auto text-right p-t-10 p-b-10 bg-master-lightest" @click="updateAddress(address.id)">
                                     <a class="pointer">
                                         <div data-toggle="tooltip" title="" data-placement="bottom" class="row link align-items-center justify-content-center" data-original-title="Delete">
                                             <div class="col">
@@ -45,29 +45,33 @@
 			</div>
 		</div>
         <div class="col-4 m-l-15 d-flex align-items-center">
-            <div class="row align-items-center" :class="[{'requestModal': !address.default}, {'pointer': !address.default}, {'link': !address.default}]" data-type="setDefault">
-                <div class="col-auto text-right p-t-5 p-b-5" :class="[{'bg-warning-lighter': address.default}, {'bg-master-light': !address.default}]">
-                    <div data-toggle="tooltip" class="row align-items-center justify-content-center" :class="{'link': !address.default}">
+            <div class="row align-items-center" :class="[{'requestModal': !address.billing}, {'pointer': !address.billing}, {'link': !address.billing}]" data-type="setDefault" @click="!address.billing ? setDefaultAddress() : null">
+                <div class="col-auto text-right p-t-5 p-b-5" :class="[{'bg-warning-lighter': address.billing}, {'bg-master-light': !address.billing}]">
+                    <div data-toggle="tooltip" class="row align-items-center justify-content-center" :class="{'link': !address.billing}">
                         <div class="col">
-                            <i class="fa fa-star" :class="[{'text-warning': address.default}, {'text-master': !address.default}]"></i>
+                            <i class="fa fa-star" :class="[{'text-warning': address.billing}, {'text-master': !address.billing}]"></i>
                         </div>
                     </div>
                 </div>
                 <div class="col bg-white p-t-5 p-b-5">
-                    <small class="fs-12 all-caps bold" :class="[{'text-warning': address.default}, {'text-master': !address.default}]">Default Address</small>
+                    <small class="fs-12 all-caps bold" :class="[{'text-warning': address.billing}, {'text-master': !address.billing}]">Default Address</small>
                 </div>
             </div>
         </div>
+
+
 	</div>
 </template>
 
 <script>
+    import FormHandler from '../../../general/mixins/formHandler';
+
     export default {
         props: {
             'data': {
                 type: Object,
                 required: true
-            }
+            },
         },
         data() {
             return {
@@ -79,6 +83,20 @@
                 this.address = this.data;
             }
         },
-
+        methods: {
+            setDefaultAddress(){
+                this.submit(route('api.address.default',this.address.id), 'put', this.section, true, true);
+            },
+            updateAddress(id){
+                this.$root.$emit('updateAddressForm', this.address);
+            },
+            deleteAddress(id){
+                this.$root.$emit('deleteAddressConfirm', id);
+            },
+            successHandler(){
+                this.$store.dispatch('reloadList', {'name': "addresslist"});
+            }
+        },
+        mixins: [FormHandler]
     }
 </script>
\ No newline at end of file
diff --git a/resources/assets/vue/components/address/forms/AddressFormComponent.vue b/resources/assets/vue/components/address/forms/AddressFormComponent.vue
index 809165a1..00dd0b2f 100644
--- a/resources/assets/vue/components/address/forms/AddressFormComponent.vue
+++ b/resources/assets/vue/components/address/forms/AddressFormComponent.vue
@@ -39,7 +39,7 @@
                 <div class="col">
                     <div class="row">
                         <div class="col text-right">
-                            <button type="button" class="btn btn-sm btn-success b-rad-none" @click="submitForm()">Create Billing Address</button>
+                            <button type="button" class="btn btn-sm btn-success b-rad-none" @click="submitForm()">{{(this.type==3)?"Update":"Create"}} Billing Address</button>
                         </div>
                     </div>
                 </div>
@@ -59,17 +59,31 @@
                 type: Number,
                 default: 1
             },
+            addressData: {
+                type: Object,
+                default: {},
+                required:false
+            },
         },
         watch: {
             'id': function() {
                 this.parameters.company_id = this.id;
+            },
+            'addressData': function() {
+                this.parameters = {
+                    company_id: this.id,
+                    street_one:  this.addressData.street_one,
+                    street_two: this.addressData.street_two,
+                    district_id: this.addressData.district.id,
+                    post_code: this.addressData.post_code,
+                }
             }
         },
         data() {
 			return {
                 parameters : {
                     company_id: this.id,
-                    street_one: '',
+                    street_one:  '',
                     street_two: '',
                     district_id: '',
                     post_code: '',
@@ -87,11 +101,19 @@
         },
         methods:{
             submitForm(){
-                this.submit((this.route('api.address.create')), 'post', 'bookingDetailSection', true, true)
+                if(this.type==3){
+                    this.submit((this.route('api.address.update',this.addressData.id)), 'put', 'bookingDetailSection', true, true)
+                }else {
+                    this.submit((this.route('api.address.create')), 'post', 'bookingDetailSection', true, true)
+                }
             },
             successHandler(response){
-                this.type !== 2 ? this.$emit('updateDefaultAddress', response.payload.data) : this.$emit('createdAddress', response.payload.data);
-                this.resetForm();
+                if(this.type==3){
+                    console.log('updated??');
+                }else {
+                    this.type !== 2 ? this.$emit('updateDefaultAddress', response.payload.data) : this.$emit('createdAddress', response.payload.data);
+                    this.resetForm();
+                }
             }
         }
     }
diff --git a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
index 34aba5a5..05d3c522 100644
--- a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
@@ -1,9 +1,6 @@
 <template>
     <div class="row align-items-center m-b-10 parentContainer">
         <div class="row w-100 m-0 p-0">
-            <div class="col-auto p-0 pt-2 m-b-10" :style="minWidth">
-                <div class="h5 m-0">{{this.company_details.name ? this.company_details.name : ""}}</div>
-            </div>
             <div class="col-12 p-0">
                 <label class="muted" :style="minWidth">Reference</label>
                 <label>{{this.company_details.reference ? this.company_details.reference : ""}}</label>
@@ -24,6 +21,26 @@
                 <label class="muted" :style="minWidth">Total Booking</label>
                 <label>{{this.company_details.bookings ? this.company_details.bookings.length : ""}}</label>
             </div>
+            <div class="row m-b-10">
+                <div class="col">
+                    <div class="row m-b-5">
+                        <div class="col">
+                            <div class="fs-8 all-caps muted">{{ this.company_details.identification.document_type === 'IDENTITY_CARD' ? 'IC' : 'SSM Registration' }} Document</div>
+                        </div>
+                    </div>
+                    <div class="row no-margin">
+                        <div v-for="file in this.company_details.identification.files" v-bind:key="file.id"  class="col-auto no-padding m-r-5">
+                            <document-file-viewer-component :file="file">
+                                <template slot="button">
+                                    <div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-5">
+                                        <i class="fa fa-file-image-o fs-10"></i>
+                                    </div>
+                                </template>
+                            </document-file-viewer-component>
+                        </div>
+                    </div>
+                </div>
+            </div>
             <div class="col-12 p-0">
                 <canvas id="booking-chart"></canvas>
             </div>
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index 9409f821..f3876772 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -139,12 +139,19 @@
                                                     <div class="row">
                                                         <div class="col">
                                                             <div class="row">
-                                                                <div class="col">
-                                                                    <list-component key="2" section="purchaseOrderSection" :endpoint="route('api.address.list')">
+                                                                <div class="col" v-show="!displayAddressForm">
+                                                                    <list-component key="2" section="addresslist" :endpoint="route('api.address.list')" :options="{'company_id':this.id}">
                                                                         <template slot="list" slot-scope="{data}">
-                                                                            <address-component :data="data"></address-component>
+                                                                           <address-component :data="data" section="addressListItem"></address-component>
                                                                         </template>
                                                                     </list-component>
+                                                                    <modal-component id="deleteAddressModal">
+                                                                        <address-modal-component section="deleteAddressModal" :address_id="this.address_id"></address-modal-component>
+                                                                    </modal-component>
+                                                                </div>
+                                                                <div class="col"  v-show="this.displayAddressForm">
+                                                                    <div>Address form</div>
+                                                                    <address-form-component :id="parseInt(this.id)" :type="3" :addressData="this.address"></address-form-component>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -157,7 +164,11 @@
                                                         <div class="col">
                                                             <div class="row">
                                                                 <div class="col">
-                                                                    wonderful!!
+                                                                    <list-component key="2" section="paymentVerificationSection" :endpoint="route('api.transaction.list')" :options="{'type': 1, 'status': 3,'issuer':this.id}">
+                                                                        <template slot="list" slot-scope="{data}">
+                                                                            <payment-verification-component section="paymentVerificationSection" :data="data" :no_action="true"></payment-verification-component>
+                                                                        </template>
+                                                                    </list-component>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -211,7 +222,10 @@
                     created_before: '',
                     created_after: '',
                     status: ''
-                }
+                },
+                address_id:0,
+                address:{},
+                displayAddressForm:false,
             }
         },
         computed: {
@@ -228,12 +242,24 @@
                 })
             }
         },
+        mounted(){
+            this.$root.$on('deleteAddressConfirm', (id) => {
+                this.address_id=id;
+                $("#deleteAddressModal").closest('.modal').modal('show');
+            });
+            this.$root.$on('updateAddressForm', (address) => {
+                console.log(">>>> "+address);
+                console.log(">>>> "+address.street_one);
+                this.address=address;
+                this.displayAddressForm = true;
+            });
+        },
         watch: {
             pendingQueue(inComplete){
                 if(inComplete){
                     this.fetchCompany();
                 }
-            }
+            },
         },
         created(){
             this.$store.dispatch('updateListQueue', {'name': this.section});

From 6fc8e8ae45d6bb99d16b88cdfa42167ffd89a858 Mon Sep 17 00:00:00 2001
From: Fairuz <fairuz.tester@gmail.com>
Date: Sun, 30 May 2021 22:52:40 +0800
Subject: [PATCH 4/8] Set default, delete, update & view identity documents

---
 .../elements/AddressModalComponent.vue        | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 resources/assets/vue/components/address/elements/AddressModalComponent.vue

diff --git a/resources/assets/vue/components/address/elements/AddressModalComponent.vue b/resources/assets/vue/components/address/elements/AddressModalComponent.vue
new file mode 100644
index 00000000..0304eb2f
--- /dev/null
+++ b/resources/assets/vue/components/address/elements/AddressModalComponent.vue
@@ -0,0 +1,54 @@
+<template>
+    <div class="row m-b-10 parentContainer">
+        <div class="col">
+            <div class="row align-items-center">
+                <div class="col p-t-5 p-b-5">
+                    <div class="col text-center">
+                        <div class="row m-b-20">
+                            <div class="col">
+                                <h5 class="all-caps">Delete address</h5>
+                                <div class="fs-11">Are you sure you want to delete? This action is undoable.</div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col p-r-5">
+                                <div data-dismiss="modal" class="btn btn-sm btn-default bg-master-lighter btn-block b-rad-none">Cancel</div>
+                            </div>
+                            <div class="col p-l-5">
+                                <div data-dismiss="modal" class="btn btn-sm btn-success btn-block b-rad-none" @click="deleteAddress()">Delete</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    import staticFormHandler from '../../../general/mixins/staticFormHandler'
+    export default {
+        props: {
+            'address_id' : {
+                type: Number,
+                required:true,
+            },
+        },
+        data(){
+            return {
+                parameters:null,
+                isLoading: false,
+            }
+        },
+        methods: {
+            deleteAddress(){
+                this.submit(route('api.address.delete',this.address_id), 'delete', this.section, true, true);
+            },
+            successHandler(){
+                this.$store.dispatch('reloadList', {'name': "addresslist"});
+            },
+        },
+        mixins: [componentHandler, staticFormHandler]
+    }
+</script>

From ea465a8739263b83e558ac20ee2857f821fc158c Mon Sep 17 00:00:00 2001
From: Fairuz <fairuz.tester@gmail.com>
Date: Mon, 31 May 2021 11:45:41 +0800
Subject: [PATCH 5/8] Set default, delete, update & view identity documents

---
 .../ControllersLogic/UpdateAddressLogic.php   | 14 +++++++----
 .../Addresses/Services/UpdatesAddress.php     | 14 +++++------
 .../address/elements/AddressComponent.vue     |  2 +-
 .../address/forms/AddressFormComponent.vue    |  9 ++++++-
 .../elements/CompanyDetailsComponent.vue      | 24 +++++++++----------
 .../CustomerProfileSectionComponent.vue       | 20 ++++++++++------
 6 files changed, 50 insertions(+), 33 deletions(-)

diff --git a/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php b/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php
index aa76a032..805bc7ac 100644
--- a/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php
+++ b/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php
@@ -6,6 +6,7 @@ namespace App\Classes\Modules\Addresses\ControllersLogic;
 use App\Classes\General\Abstracts\AbstractControllerLogic;
 use App\Classes\Modules\Addresses\Services\UpdatesAddress;
 use App\Classes\Modules\Addresses\Services\FetchesAddress;
+use App\Classes\Modules\Addresses\Services\FetchesDistrict;
 use App\Classes\Modules\Addresses\Standards\Rules\CanUpdateAddress;
 use App\Classes\Modules\Addresses\DataTransferObjects\AddressObject;
 use App\Http\Resources\AddressResource;
@@ -35,17 +36,22 @@ class UpdateAddressLogic extends AbstractControllerLogic
     /** @var FetchesAddress */
     private $fetchesAddress;
 
+    /** @var FetchesDistrict */
+    private $fetchesDistrict;
+
     /**
      * UpdateAddressLogic constructor.
      * @param CanUpdateAddress $canUpdateAddress
      * @param UpdatesAddress $updatesAddress
      * @param FetchesAddress $fetchesAddress
+     * @param FetchesDistrict $fetchesDistrict
      */
-    public function __construct(CanUpdateAddress $canUpdateAddress, UpdatesAddress $updatesAddress, FetchesAddress $fetchesAddress)
+    public function __construct(CanUpdateAddress $canUpdateAddress, UpdatesAddress $updatesAddress, FetchesAddress $fetchesAddress, FetchesDistrict $fetchesDistrict)
     {
         $this->canUpdateAddress = $canUpdateAddress;
         $this->updatesAddress = $updatesAddress;
         $this->fetchesAddress = $fetchesAddress;
+        $this->fetchesDistrict = $fetchesDistrict;
     }
 
 
@@ -58,9 +64,9 @@ class UpdateAddressLogic extends AbstractControllerLogic
     {
         try {
 
-            //$district = $this->fetchesDistrict->execute(['id' => $request->input('district_id')]);
-            //$object = new AddressObject($request->input('street_one'), $request->input('street_two'), $district->country_id, $district->state_id, $district->id, $request->input('post_code'));
-            $object = new AddressObject($request->input('company_id'), $request->input('street_one'), $request->input('street_two'), $request->input('city'), $request->input('state'), $request->input('post_code'), $request->input('country'), $request->input('default'), $request->input('billing'));
+            $district = $this->fetchesDistrict->execute(['id' => $request->input('district_id')]);
+            $object = new AddressObject($request->input('street_one'), $request->input('street_two'), $district->country_id, $district->state_id, $district->id, $request->input('post_code'));
+            //$object = new AddressObject($request->input('company_id'), $request->input('street_one'), $request->input('street_two'), $request->input('city'), $request->input('state'), $request->input('post_code'), $request->input('country'), $request->input('default'), $request->input('billing'));
 
             $this->canUpdateAddress->passes($object);
 
diff --git a/app/Classes/Modules/Addresses/Services/UpdatesAddress.php b/app/Classes/Modules/Addresses/Services/UpdatesAddress.php
index 76ba4d15..907edc73 100644
--- a/app/Classes/Modules/Addresses/Services/UpdatesAddress.php
+++ b/app/Classes/Modules/Addresses/Services/UpdatesAddress.php
@@ -17,15 +17,15 @@ class UpdatesAddress extends AbstractUpdateRecord
      */
     public function execute(Address $model, AddressObject $object) {
 
-        $model->company_id = $object->getCompanyId();
+        //$model->company_id = $object->getCompanyId();
         $model->street_one = $object->getStreetOne();
         $model->street_two = $object->getStreetTwo();
-        $model->city = $object->getCity();
-        $model->state = $object->getState();
-        $model->post_code = $object->getPostCode();
-        $model->country = $object->getCountry();
-        $model->default = $object->getDefault();
-        $model->billing = $object->getBilling();
+        $model->district_id = $object->getDistrictId();
+        $model->state_id = $object->getStateId();
+        $model->postcode = $object->getPostCode();
+        $model->country_id = $object->getCountryId();
+        //$model->default = $object->getDefault();
+        //$model->billing = $object->getBilling();
 
         return $this->handler($model);
 
diff --git a/resources/assets/vue/components/address/elements/AddressComponent.vue b/resources/assets/vue/components/address/elements/AddressComponent.vue
index b4e9e8ec..df0062e6 100644
--- a/resources/assets/vue/components/address/elements/AddressComponent.vue
+++ b/resources/assets/vue/components/address/elements/AddressComponent.vue
@@ -88,7 +88,7 @@
                 this.submit(route('api.address.default',this.address.id), 'put', this.section, true, true);
             },
             updateAddress(id){
-                this.$root.$emit('updateAddressForm', this.address);
+                this.$root.$emit('updateAddressForm', this.address, true);
             },
             deleteAddress(id){
                 this.$root.$emit('deleteAddressConfirm', id);
diff --git a/resources/assets/vue/components/address/forms/AddressFormComponent.vue b/resources/assets/vue/components/address/forms/AddressFormComponent.vue
index 00dd0b2f..a201f4e5 100644
--- a/resources/assets/vue/components/address/forms/AddressFormComponent.vue
+++ b/resources/assets/vue/components/address/forms/AddressFormComponent.vue
@@ -40,6 +40,7 @@
                     <div class="row">
                         <div class="col text-right">
                             <button type="button" class="btn btn-sm btn-success b-rad-none" @click="submitForm()">{{(this.type==3)?"Update":"Create"}} Billing Address</button>
+                            <button v-show="this.type==3" type="button" class="btn btn-sm bg-master-lighter b-rad-none m-l-5" @click="closeForm()">Cancel</button>
                         </div>
                     </div>
                 </div>
@@ -56,6 +57,7 @@
                 required: true
             },
             type: {
+                //Npte: type 1 = create, type 2 = update set default, type 3 = update address
                 type: Number,
                 default: 1
             },
@@ -70,6 +72,7 @@
                 this.parameters.company_id = this.id;
             },
             'addressData': function() {
+                this.resetForm();
                 this.parameters = {
                     company_id: this.id,
                     street_one:  this.addressData.street_one,
@@ -107,9 +110,13 @@
                     this.submit((this.route('api.address.create')), 'post', 'bookingDetailSection', true, true)
                 }
             },
+            closeForm(){
+                this.$root.$emit('updateAddressForm', {}, false);
+            },
             successHandler(response){
                 if(this.type==3){
-                    console.log('updated??');
+                    this.closeForm();
+                    this.$store.dispatch('reloadList', {'name': "addresslist"});
                 }else {
                     this.type !== 2 ? this.$emit('updateDefaultAddress', response.payload.data) : this.$emit('createdAddress', response.payload.data);
                     this.resetForm();
diff --git a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
index 05d3c522..8576dd0f 100644
--- a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
@@ -17,17 +17,13 @@
                 <label class="muted" :style="minWidth">&nbsp;</label>
                 <label><i class="fa fa-phone text-primary fs-10"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.phone : ""}}</label>
             </div>
-            <div class="col-12 p-0">
-                <label class="muted" :style="minWidth">Total Booking</label>
-                <label>{{this.company_details.bookings ? this.company_details.bookings.length : ""}}</label>
+            <div class="col-12 p-0" v-if="this.company_details.identification && this.company_details.identification.document_type">
+                <label class="muted" :style="minWidth">Identification</label>
+                <label>{{ this.company_details.identification.document_type === 'IDENTITY_CARD' ? 'IC' : 'SSM Registration' }}</label>
             </div>
-            <div class="row m-b-10">
+            <div class="col-12 p-0" v-if="this.company_details.identification && this.company_details.identification.files">
+                <label class="muted" :style="minWidth">&nbsp;</label>
                 <div class="col">
-                    <div class="row m-b-5">
-                        <div class="col">
-                            <div class="fs-8 all-caps muted">{{ this.company_details.identification.document_type === 'IDENTITY_CARD' ? 'IC' : 'SSM Registration' }} Document</div>
-                        </div>
-                    </div>
                     <div class="row no-margin">
                         <div v-for="file in this.company_details.identification.files" v-bind:key="file.id"  class="col-auto no-padding m-r-5">
                             <document-file-viewer-component :file="file">
@@ -41,6 +37,10 @@
                     </div>
                 </div>
             </div>
+            <div class="col-12 p-0">
+                <label class="muted" :style="minWidth">Total Booking</label>
+                <label>{{this.company_details.bookings ? this.company_details.bookings.length : ""}}</label>
+            </div>
             <div class="col-12 p-0">
                 <canvas id="booking-chart"></canvas>
             </div>
@@ -70,12 +70,10 @@
             }
         },
         watch: {
-            company: function(newVal, oldVal) {
-                console.log(newVal);
-            },
             company_details: function(newVal, oldVal) {
+                this.company_details=newVal;
                 console.log(newVal);
-
+console.log('hellp');
                 if(newVal !== null) {
 
                     let approved  = 0, completed  = 0, rejected  = 0, expired  = 0, pending = 0;
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index f3876772..a7652179 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -78,7 +78,7 @@
                                             <div class="row justify-content-end">
                                                 <div class="col-6">
                                                     <div class="row fs-12 text-center">
-                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="profile">
+                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="profile" @click="refreshCompanyDetails()">
                                                             <div class="row justify-content-center">
                                                                 <div class="col-auto">
                                                                     <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -181,7 +181,7 @@
                                                         <div class="col">
                                                             <div class="row">
                                                                 <div class="col">
-                                                                    <company-details-component :company_details="company" section="customerProfileSection"></company-details-component>
+                                                                    <company-details-component :company_details="company_details" section="customerProfileSection"></company-details-component>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -215,6 +215,7 @@
             return {
                 section: 'customerProfileSection',
                 company: null,
+                company_details: {},
                 bookingFilters: {
                     reference: '',
                     type: 0,
@@ -247,11 +248,13 @@
                 this.address_id=id;
                 $("#deleteAddressModal").closest('.modal').modal('show');
             });
-            this.$root.$on('updateAddressForm', (address) => {
-                console.log(">>>> "+address);
-                console.log(">>>> "+address.street_one);
-                this.address=address;
-                this.displayAddressForm = true;
+            this.$root.$on('updateAddressForm', (address, show) => {
+                if(show) {
+                    this.address = address;
+                    this.displayAddressForm = true;
+                }else{
+                    this.displayAddressForm = false;
+                }
             });
         },
         watch: {
@@ -265,6 +268,9 @@
             this.$store.dispatch('updateListQueue', {'name': this.section});
         },
         methods: {
+            refreshCompanyDetails(){
+                this.company_details = this.company ;
+            },
             fetchCompany(){
                 this.submit(route('api.company.show', this.id), 'get', this.section, false, false)
             },

From cbae6cf1bd03b9efdfb39ec57a6c31bcd3f54d04 Mon Sep 17 00:00:00 2001
From: Fairuz <fairuz.tester@gmail.com>
Date: Mon, 31 May 2021 12:31:19 +0800
Subject: [PATCH 6/8] Layout adjust for document viewer

---
 .../companies/elements/CompanyDetailsComponent.vue       | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
index 8576dd0f..b258a4f0 100644
--- a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
@@ -18,12 +18,9 @@
                 <label><i class="fa fa-phone text-primary fs-10"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.phone : ""}}</label>
             </div>
             <div class="col-12 p-0" v-if="this.company_details.identification && this.company_details.identification.document_type">
-                <label class="muted" :style="minWidth">Identification</label>
-                <label>{{ this.company_details.identification.document_type === 'IDENTITY_CARD' ? 'IC' : 'SSM Registration' }}</label>
-            </div>
-            <div class="col-12 p-0" v-if="this.company_details.identification && this.company_details.identification.files">
-                <label class="muted" :style="minWidth">&nbsp;</label>
-                <div class="col">
+                <label class="muted pull-left" :style="minWidth">Identification</label>
+                <div class="col-4 pull-left p-l-0 p-b-5">
+                    <label>{{ this.company_details.identification.document_type === 'IDENTITY_CARD' ? 'IC' : 'SSM Registration' }}</label>
                     <div class="row no-margin">
                         <div v-for="file in this.company_details.identification.files" v-bind:key="file.id"  class="col-auto no-padding m-r-5">
                             <document-file-viewer-component :file="file">

From 4c57620f99016306964943439baf2a56cb9a3e19 Mon Sep 17 00:00:00 2001
From: Fairuz <fairuz.tester@gmail.com>
Date: Mon, 31 May 2021 12:44:46 +0800
Subject: [PATCH 7/8] Layout adjust for document viewer

---
 .../General/Eloquent/Filters/IssuerIn.php     | 20 +++++++++++++++++++
 .../CustomerProfileSectionComponent.vue       |  2 +-
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 app/Classes/General/Eloquent/Filters/IssuerIn.php

diff --git a/app/Classes/General/Eloquent/Filters/IssuerIn.php b/app/Classes/General/Eloquent/Filters/IssuerIn.php
new file mode 100644
index 00000000..b8c79282
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/IssuerIn.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use Illuminate\Database\Eloquent\Builder;
+
+class IssuerIn implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return Builder|mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->where('issuer', $value);
+    }
+
+}
\ No newline at end of file
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index a7652179..09a6db06 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -164,7 +164,7 @@
                                                         <div class="col">
                                                             <div class="row">
                                                                 <div class="col">
-                                                                    <list-component key="2" section="paymentVerificationSection" :endpoint="route('api.transaction.list')" :options="{'type': 1, 'status': 3,'issuer':this.id}">
+                                                                    <list-component key="2" section="paymentVerificationSection" :endpoint="route('api.transaction.list')" :options="{'type': 1, 'status': 3,'company_id':this.id}">
                                                                         <template slot="list" slot-scope="{data}">
                                                                             <payment-verification-component section="paymentVerificationSection" :data="data" :no_action="true"></payment-verification-component>
                                                                         </template>

From 1218a31f2c51c15b0a614a7b39e2e792d95cb042 Mon Sep 17 00:00:00 2001
From: Fairuz <fairuz.tester@gmail.com>
Date: Mon, 31 May 2021 13:26:06 +0800
Subject: [PATCH 8/8] Added issuer filter for transaction list

---
 app/Classes/General/Eloquent/Filters/IssuerIn.php               | 2 +-
 .../companies/sections/CustomerProfileSectionComponent.vue      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/Classes/General/Eloquent/Filters/IssuerIn.php b/app/Classes/General/Eloquent/Filters/IssuerIn.php
index b8c79282..f8958842 100644
--- a/app/Classes/General/Eloquent/Filters/IssuerIn.php
+++ b/app/Classes/General/Eloquent/Filters/IssuerIn.php
@@ -14,7 +14,7 @@ class IssuerIn implements Filter
      */
     public static function apply(Builder $builder, $value)
     {
-        return $builder->where('issuer', $value);
+        return $builder->whereIn('issuer', $value);
     }
 
 }
\ No newline at end of file
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index 09a6db06..4140bf55 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -164,7 +164,7 @@
                                                         <div class="col">
                                                             <div class="row">
                                                                 <div class="col">
-                                                                    <list-component key="2" section="paymentVerificationSection" :endpoint="route('api.transaction.list')" :options="{'type': 1, 'status': 3,'company_id':this.id}">
+                                                                    <list-component key="2" section="paymentVerificationSection" :endpoint="route('api.transaction.list')" :options="{'type': 1, 'status': 3,'issuer_in':[this.id]}">
                                                                         <template slot="list" slot-scope="{data}">
                                                                             <payment-verification-component section="paymentVerificationSection" :data="data" :no_action="true"></payment-verification-component>
                                                                         </template>