diff --git a/app/Abstracts/Widget.php b/app/Abstracts/Widget.php
index abe69783b..ac7a4e766 100644
--- a/app/Abstracts/Widget.php
+++ b/app/Abstracts/Widget.php
@@ -2,7 +2,6 @@
 
 namespace App\Abstracts;
 
-use App\Models\Sale\Invoice;
 use App\Traits\Charts;
 use Date;
 
@@ -12,21 +11,39 @@ abstract class Widget
 
     public $model;
 
+    public $default_name = '';
+
+    public $default_settings = [
+        'width' => 'col-md-4',
+    ];
+
+    public $views = [
+        'header' => 'partials.widgets.standard_header',
+    ];
+
     public function __construct($model = null)
     {
         $this->model = $model;
     }
 
+    public function getDefaultName()
+    {
+        return trans($this->default_name);
+    }
+
     public function getDefaultSettings()
     {
-        return [
-            'width' => 'col-md-4',
-        ];
+        return $this->default_settings;
+    }
+
+    public function getViews()
+    {
+        return $this->views;
     }
 
     public function view($name, $data = [])
     {
-        return view($name, array_merge(['model' => $this->model], (array) $data));
+        return view($name, array_merge(['class' => $this], (array) $data));
     }
 
     public function applyFilters($model, $args = ['date_field' => 'paid_at'])
diff --git a/app/Widgets/AccountBalance.php b/app/Widgets/AccountBalance.php
index 41a6978bb..5318d18aa 100644
--- a/app/Widgets/AccountBalance.php
+++ b/app/Widgets/AccountBalance.php
@@ -7,17 +7,7 @@ use App\Models\Banking\Account;
 
 class AccountBalance extends Widget
 {
-    public function getDefaultName()
-    {
-        return trans('widgets.account_balance');
-    }
-
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-4',
-        ];
-    }
+    public $default_name = 'widgets.account_balance';
 
     public function show()
     {
diff --git a/app/Widgets/CashFlow.php b/app/Widgets/CashFlow.php
index 612b11a9f..fbc9b5ece 100644
--- a/app/Widgets/CashFlow.php
+++ b/app/Widgets/CashFlow.php
@@ -13,17 +13,11 @@ class CashFlow extends Widget
 {
     use Currencies, DateTime;
 
-    public function getDefaultName()
-    {
-        return trans('widgets.cash_flow');
-    }
+    public $default_name = 'widgets.cash_flow';
 
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-12',
-        ];
-    }
+    public $default_settings = [
+        'width' => 'col-md-12',
+    ];
 
     public function show()
     {
diff --git a/app/Widgets/ExpensesByCategory.php b/app/Widgets/ExpensesByCategory.php
index 76d916a77..f131d67db 100644
--- a/app/Widgets/ExpensesByCategory.php
+++ b/app/Widgets/ExpensesByCategory.php
@@ -7,17 +7,11 @@ use App\Models\Setting\Category;
 
 class ExpensesByCategory extends Widget
 {
-    public function getDefaultName()
-    {
-        return trans('widgets.expenses_by_category');
-    }
+    public $default_name = 'widgets.expenses_by_category';
 
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-6',
-        ];
-    }
+    public $default_settings = [
+        'width' => 'col-md-6',
+    ];
 
     public function show()
     {
diff --git a/app/Widgets/IncomeByCategory.php b/app/Widgets/IncomeByCategory.php
index 23952184d..1d0dbf43d 100644
--- a/app/Widgets/IncomeByCategory.php
+++ b/app/Widgets/IncomeByCategory.php
@@ -7,17 +7,11 @@ use App\Models\Setting\Category;
 
 class IncomeByCategory extends Widget
 {
-    public function getDefaultName()
-    {
-        return trans('widgets.income_by_category');
-    }
+    public $default_name = 'widgets.income_by_category';
 
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-6',
-        ];
-    }
+    public $default_settings = [
+        'width' => 'col-md-6',
+    ];
 
     public function show()
     {
diff --git a/app/Widgets/LatestExpenses.php b/app/Widgets/LatestExpenses.php
index 6a48391e5..ffdfb521e 100644
--- a/app/Widgets/LatestExpenses.php
+++ b/app/Widgets/LatestExpenses.php
@@ -7,17 +7,7 @@ use App\Models\Banking\Transaction;
 
 class LatestExpenses extends Widget
 {
-    public function getDefaultName()
-    {
-        return trans('widgets.latest_expenses');
-    }
-
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-4',
-        ];
-    }
+    public $default_name = 'widgets.latest_expenses';
 
     public function show()
     {
diff --git a/app/Widgets/LatestIncome.php b/app/Widgets/LatestIncome.php
index 933c325e1..89334b9ee 100644
--- a/app/Widgets/LatestIncome.php
+++ b/app/Widgets/LatestIncome.php
@@ -7,17 +7,7 @@ use App\Models\Banking\Transaction;
 
 class LatestIncome extends Widget
 {
-    public function getDefaultName()
-    {
-        return trans('widgets.latest_income');
-    }
-
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-4',
-        ];
-    }
+    public $default_name = 'widgets.latest_income';
 
     public function show()
     {
diff --git a/app/Widgets/TotalExpenses.php b/app/Widgets/TotalExpenses.php
index 7f633001b..b69ce3dfd 100644
--- a/app/Widgets/TotalExpenses.php
+++ b/app/Widgets/TotalExpenses.php
@@ -8,17 +8,11 @@ use App\Models\Purchase\Bill;
 
 class TotalExpenses extends Widget
 {
-    public function getDefaultName()
-    {
-        return trans('widgets.total_expenses');
-    }
+    public $default_name = 'widgets.total_expenses';
 
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-4',
-        ];
-    }
+    public $views = [
+        'header' => 'partials.widgets.stats_header',
+    ];
 
     public function show()
     {
diff --git a/app/Widgets/TotalIncome.php b/app/Widgets/TotalIncome.php
index dc5e7c50d..e41ecc73d 100644
--- a/app/Widgets/TotalIncome.php
+++ b/app/Widgets/TotalIncome.php
@@ -8,17 +8,11 @@ use App\Models\Sale\Invoice;
 
 class TotalIncome extends Widget
 {
-    public function getDefaultName()
-    {
-        return trans('widgets.total_income');
-    }
+    public $default_name = 'widgets.total_income';
 
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-4',
-        ];
-    }
+    public $views = [
+        'header' => 'partials.widgets.stats_header',
+    ];
 
     public function show()
     {
diff --git a/app/Widgets/TotalProfit.php b/app/Widgets/TotalProfit.php
index bae805d14..298e4a00f 100644
--- a/app/Widgets/TotalProfit.php
+++ b/app/Widgets/TotalProfit.php
@@ -9,17 +9,11 @@ use App\Models\Sale\Invoice;
 
 class TotalProfit extends Widget
 {
-    public function getDefaultName()
-    {
-        return trans('widgets.total_profit');
-    }
+    public $default_name = 'widgets.total_profit';
 
-    public function getDefaultSettings()
-    {
-        return [
-            'width' => 'col-md-4',
-        ];
-    }
+    public $views = [
+        'header' => 'partials.widgets.stats_header',
+    ];
 
     public function show()
     {
diff --git a/resources/views/partials/widgets/standard_header.blade.php b/resources/views/partials/widgets/standard_header.blade.php
index 26af63eea..b56ee13d0 100644
--- a/resources/views/partials/widgets/standard_header.blade.php
+++ b/resources/views/partials/widgets/standard_header.blade.php
@@ -3,7 +3,7 @@
     <div class="row align-items-center">
 
         <div class="col-6 text-nowrap">
-            <h4 class="mb-0">{{ $model->name }}</h4>
+            <h4 class="mb-0">{{ $class->model->name }}</h4>
         </div>
 
         <div class="col-6 hidden-sm">
@@ -19,12 +19,12 @@
                             'type'    => 'button',
                             'class'   => 'dropdown-item',
                             'title'   => trans('general.edit'),
-                            '@click'  => 'onEditWidget(' . $model->id . ')'
+                            '@click'  => 'onEditWidget(' . $class->model->id . ')'
                         ]) !!}
                         @endpermission
                         @permission('delete-common-widgets')
                         <div class="dropdown-divider"></div>
-                        {!! Form::deleteLink($model, 'common/widgets') !!}
+                        {!! Form::deleteLink($class->model, 'common/widgets') !!}
                         @endpermission
                     </div>
                 </div>
diff --git a/resources/views/partials/widgets/stats_header.blade.php b/resources/views/partials/widgets/stats_header.blade.php
index 546035ea5..83044a71d 100644
--- a/resources/views/partials/widgets/stats_header.blade.php
+++ b/resources/views/partials/widgets/stats_header.blade.php
@@ -11,12 +11,12 @@
                 'type'    => 'button',
                 'class'   => 'dropdown-item',
                 'title'   => trans('general.edit'),
-                '@click'  => 'onEditWidget(' . $model->id . ')'
+                '@click'  => 'onEditWidget(' . $class->model->id . ')'
             ]) !!}
             @endpermission
             @permission('delete-common-widgets')
             <div class="dropdown-divider"></div>
-            {!! Form::deleteLink($model, 'common/widgets') !!}
+            {!! Form::deleteLink($class->model, 'common/widgets') !!}
             @endpermission
         </div>
     </div>
diff --git a/resources/views/widgets/account_balance.blade.php b/resources/views/widgets/account_balance.blade.php
index b61bd54d9..f9cd2974b 100644
--- a/resources/views/widgets/account_balance.blade.php
+++ b/resources/views/widgets/account_balance.blade.php
@@ -1,6 +1,6 @@
-<div id="widget-{{ $model->id }}" class="{{ $model->settings->width }}">
+<div id="widget-{{ $class->model->id }}" class="{{ $class->model->settings->width }}">
     <div class="card">
-        @include('partials.widgets.standard_header', ['header_class' => 'border-bottom-0'])
+        @include($class->views['header'], ['header_class' => 'border-bottom-0'])
 
         <div class="table-responsive">
             <table class="table align-items-center table-flush">
diff --git a/resources/views/widgets/donut_chart.blade.php b/resources/views/widgets/donut_chart.blade.php
index 5441b2709..9e3823b2b 100644
--- a/resources/views/widgets/donut_chart.blade.php
+++ b/resources/views/widgets/donut_chart.blade.php
@@ -1,8 +1,8 @@
-<div id="widget-{{ $model->id }}" class="{{ $model->settings->width }}">
+<div id="widget-{{ $class->model->id }}" class="{{ $class->model->settings->width }}">
     <div class="card">
-        @include('partials.widgets.standard_header')
+        @include($class->views['header'])
 
-        <div class="card-body" id="widget-donut-{{ $model->id }}">
+        <div class="card-body" id="widget-donut-{{ $class->model->id }}">
             <div class="chart-donut">
                 {!! $chart->container() !!}
             </div>
@@ -12,8 +12,8 @@
 
 @push('charts')
     <script>
-        var widget_donut_{{ $model->id }} = new Vue({
-            el: '#widget-donut-{{ $model->id }}',
+        var widget_donut_{{ $class->model->id }} = new Vue({
+            el: '#widget-donut-{{ $class->model->id }}',
         });
     </script>
 @endpush
diff --git a/resources/views/widgets/latest_expenses.blade.php b/resources/views/widgets/latest_expenses.blade.php
index 246d6b6ff..f82241a2c 100644
--- a/resources/views/widgets/latest_expenses.blade.php
+++ b/resources/views/widgets/latest_expenses.blade.php
@@ -1,6 +1,6 @@
-<div id="widget-{{ $model->id }}" class="{{ $model->settings->width }}">
+<div id="widget-{{ $class->model->id }}" class="{{ $class->model->settings->width }}">
     <div class="card">
-        @include('partials.widgets.standard_header', ['header_class' => 'border-bottom-0'])
+        @include($class->views['header'], ['header_class' => 'border-bottom-0'])
 
         <div class="table-responsive">
             <table class="table align-items-center table-flush">
diff --git a/resources/views/widgets/latest_income.blade.php b/resources/views/widgets/latest_income.blade.php
index 246d6b6ff..f82241a2c 100644
--- a/resources/views/widgets/latest_income.blade.php
+++ b/resources/views/widgets/latest_income.blade.php
@@ -1,6 +1,6 @@
-<div id="widget-{{ $model->id }}" class="{{ $model->settings->width }}">
+<div id="widget-{{ $class->model->id }}" class="{{ $class->model->settings->width }}">
     <div class="card">
-        @include('partials.widgets.standard_header', ['header_class' => 'border-bottom-0'])
+        @include($class->views['header'], ['header_class' => 'border-bottom-0'])
 
         <div class="table-responsive">
             <table class="table align-items-center table-flush">
diff --git a/resources/views/widgets/line_chart.blade.php b/resources/views/widgets/line_chart.blade.php
index 2f3d8efad..3a9f80ace 100644
--- a/resources/views/widgets/line_chart.blade.php
+++ b/resources/views/widgets/line_chart.blade.php
@@ -1,8 +1,8 @@
-<div id="widget-{{ $model->id }}" class="{{ $model->settings->width }}">
+<div id="widget-{{ $class->model->id }}" class="{{ $class->model->settings->width }}">
     <div class="card">
-        @include('partials.widgets.standard_header')
+        @include($class->views['header'])
 
-        <div class="card-body" id="widget-line-{{ $model->id }}">
+        <div class="card-body" id="widget-line-{{ $class->model->id }}">
             <div class="chart">
                 {!! $chart->container() !!}
             </div>
@@ -12,8 +12,8 @@
 
 @push('charts')
     <script>
-        var widget_line_{{ $model->id }} = new Vue({
-            el: '#widget-line-{{ $model->id }}',
+        var widget_line_{{ $class->model->id }} = new Vue({
+            el: '#widget-line-{{ $class->model->id }}',
         });
     </script>
 @endpush
diff --git a/resources/views/widgets/total_expenses.blade.php b/resources/views/widgets/total_expenses.blade.php
index caddf5b74..58bafe65f 100644
--- a/resources/views/widgets/total_expenses.blade.php
+++ b/resources/views/widgets/total_expenses.blade.php
@@ -1,11 +1,11 @@
-<div id="widget-{{ $model->id }}" class="{{ $model->settings->width }}">
+<div id="widget-{{ $class->model->id }}" class="{{ $class->model->settings->width }}">
     <div class="card bg-gradient-danger card-stats">
-        @include('partials.widgets.stats_header', ['header_class' => 'border-bottom-0'])
+        @include($class->views['header'], ['header_class' => 'border-bottom-0'])
 
         <div class="card-body">
             <div class="row">
                 <div class="col">
-                    <h5 class="text-uppercase text-white mb-0">{{ $model->name }}</h5>
+                    <h5 class="text-uppercase text-white mb-0">{{ $class->model->name }}</h5>
                     <span class="font-weight-bold text-white mb-0">@money($totals['current'], setting('default.currency'), true)</span>
                 </div>
 
diff --git a/resources/views/widgets/total_income.blade.php b/resources/views/widgets/total_income.blade.php
index 8ac73ec6f..8f95c66b2 100644
--- a/resources/views/widgets/total_income.blade.php
+++ b/resources/views/widgets/total_income.blade.php
@@ -1,11 +1,11 @@
-<div id="widget-{{ $model->id }}" class="{{ $model->settings->width }}">
+<div id="widget-{{ $class->model->id }}" class="{{ $class->model->settings->width }}">
     <div class="card bg-gradient-info card-stats">
-        @include('partials.widgets.stats_header', ['header_class' => 'border-bottom-0'])
+        @include($class->views['header'], ['header_class' => 'border-bottom-0'])
 
         <div class="card-body">
             <div class="row">
                 <div class="col">
-                    <h5 class="text-uppercase text-white mb-0">{{ $model->name }}</h5>
+                    <h5 class="text-uppercase text-white mb-0">{{ $class->model->name }}</h5>
                     <span class="font-weight-bold text-white mb-0">@money($totals['current'], setting('default.currency'), true)</span>
                 </div>
 
diff --git a/resources/views/widgets/total_profit.blade.php b/resources/views/widgets/total_profit.blade.php
index 2a312ff16..5545cec63 100644
--- a/resources/views/widgets/total_profit.blade.php
+++ b/resources/views/widgets/total_profit.blade.php
@@ -1,11 +1,11 @@
-<div id="widget-{{ $model->id }}" class="{{ $model->settings->width }}">
+<div id="widget-{{ $class->model->id }}" class="{{ $class->model->settings->width }}">
     <div class="card bg-gradient-success card-stats">
-        @include('partials.widgets.stats_header', ['header_class' => 'border-bottom-0'])
+        @include($class->views['header'], ['header_class' => 'border-bottom-0'])
 
         <div class="card-body">
             <div class="row">
                 <div class="col">
-                    <h5 class="text-uppercase text-white mb-0">{{ $model->name }}</h5>
+                    <h5 class="text-uppercase text-white mb-0">{{ $class->model->name }}</h5>
                     <span class="font-weight-bold text-white mb-0">@money($totals['current'], setting('default.currency'), true)</span>
                 </div>