diff --git a/app/Entities/Projects/Status.php b/app/Entities/Projects/Status.php
index a66c80a..4a685e0 100644
--- a/app/Entities/Projects/Status.php
+++ b/app/Entities/Projects/Status.php
@@ -41,7 +41,7 @@ class Status extends ReferenceAbstract
 
     public static function getIconById($singleId)
     {
-        if ( !  ! static::getById($singleId) && isset(static::$icons[$singleId])) {
+        if (!!static::getById($singleId) && isset(static::$icons[$singleId])) {
             return static::$icons[$singleId];
         }
 
diff --git a/app/Entities/Subscriptions/Subscription.php b/app/Entities/Subscriptions/Subscription.php
index b7e5706..7a12182 100755
--- a/app/Entities/Subscriptions/Subscription.php
+++ b/app/Entities/Subscriptions/Subscription.php
@@ -63,6 +63,11 @@ class Subscription extends Model
 
     public function getTypeAttribute()
     {
-        return $this->type_id == 1 ? trans('subscription.types.domain') : trans('subscription.types.hosting');
+        return Type::getNameById($this->type_id);
+    }
+
+    public function getTypeColorAttribute()
+    {
+        return Type::getColorById($this->type_id);
     }
 }
diff --git a/app/Entities/Subscriptions/Type.php b/app/Entities/Subscriptions/Type.php
new file mode 100644
index 0000000..22b8b0d
--- /dev/null
+++ b/app/Entities/Subscriptions/Type.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Entities\Subscriptions;
+
+use App\Entities\ReferenceAbstract;
+
+class Type extends ReferenceAbstract
+{
+    protected static $lists = [
+        1 => 'domain',
+        2 => 'hosting',
+    ];
+
+    protected static $colors = [
+        1 => '#337ab7',
+        2 => '#4caf50',
+    ];
+
+    public static function getNameById($singleId)
+    {
+        return trans('subscription.types.'.static::getById($singleId));
+    }
+
+    public static function toArray()
+    {
+        $lists = [];
+        foreach (static::$lists as $key => $value) {
+            $lists[$key] = trans('subscription.types.'.$value);
+        }
+
+        return $lists;
+    }
+}
diff --git a/app/Http/Controllers/SubscriptionsController.php b/app/Http/Controllers/SubscriptionsController.php
index 3394366..4594bfb 100755
--- a/app/Http/Controllers/SubscriptionsController.php
+++ b/app/Http/Controllers/SubscriptionsController.php
@@ -4,6 +4,7 @@ namespace App\Http\Controllers;
 
 use App\Entities\Subscriptions\Subscription;
 use App\Entities\Subscriptions\SubscriptionsRepository;
+use App\Entities\Subscriptions\Type;
 use App\Http\Controllers\Controller;
 use App\Http\Requests\SubscriptionRequest as FormRequest;
 use Illuminate\Http\Request;
@@ -20,7 +21,11 @@ class SubscriptionsController extends Controller
 
     public function index(Request $request)
     {
-        $subscriptions = $this->repo->getSubscriptions($request->get('q'), $request->get('vendor_id'));
+        $subscriptions = $this->repo->getSubscriptions(
+            $request->get('q'),
+            $request->get('vendor_id')
+        );
+
         return view('subscriptions.index', compact('subscriptions'));
     }
 
@@ -29,9 +34,7 @@ class SubscriptionsController extends Controller
         $projects = $this->repo->getProjectsList();
         $vendors = $this->repo->getVendorsList();
 
-        $subscriptionTypes = $this->getSubscriptionTypes();
-
-        return view('subscriptions.create', compact('projects', 'vendors', 'subscriptionTypes'));
+        return view('subscriptions.create', compact('projects', 'vendors'));
     }
 
     public function store(FormRequest $subscriptionCreateRequest)
@@ -53,11 +56,10 @@ class SubscriptionsController extends Controller
     {
         $projects = $this->repo->getProjectsList();
         $vendors = $this->repo->getVendorsList();
-        $subscriptionTypes = $this->getSubscriptionTypes();
 
         $pageTitle = $this->getPageTitle('edit', $subscription);
 
-        return view('subscriptions.edit', compact('subscription', 'projects', 'vendors', 'subscriptionTypes', 'pageTitle'));
+        return view('subscriptions.edit', compact('subscription', 'projects', 'vendors', 'pageTitle'));
     }
 
     public function update(FormRequest $subscriptionUpdateRequest, Subscription $subscription)
@@ -78,10 +80,7 @@ class SubscriptionsController extends Controller
 
     private function getSubscriptionTypes()
     {
-        return [
-            1 => trans('subscription.types.domain'),
-            2 => trans('subscription.types.hosting'),
-        ];
+        return Type::toArray();
     }
 
     private function getPageTitle($pageType, $subscription)
diff --git a/resources/lang/id/app.php b/resources/lang/id/app.php
index 474a235..6a16b7d 100644
--- a/resources/lang/id/app.php
+++ b/resources/lang/id/app.php
@@ -13,6 +13,7 @@ return [
     'in_active'         => 'Non Aktif',
     'show_detail_title' => 'Lihat detail :type :name',
     'status'            => 'Status',
+    'type'              => 'Jenis',
     'total'             => 'Total',
     'count'             => 'Jumlah',
 
diff --git a/resources/lang/id/subscription.php b/resources/lang/id/subscription.php
index 53d2ee8..9667f56 100644
--- a/resources/lang/id/subscription.php
+++ b/resources/lang/id/subscription.php
@@ -3,48 +3,48 @@
 return [
 
     // Labels
-    'subscription' => 'Langganan',
+    'subscription'  => 'Langganan',
     'subscriptions' => 'Daftar Langganan',
-    'list' => 'Daftar Langganan',
-    'detail' => 'Detail Langganan',
-    'search' => 'Cari Langganan',
-    'found' => 'Langganan ditemukan',
-    'not_found' => 'Langganan tidak ditemukan',
-    'empty' => 'Belum ada Langganan',
-    'back_to_show' => 'Kembali ke Detail Langganan',
+    'list'          => 'Daftar Langganan',
+    'detail'        => 'Detail Langganan',
+    'search'        => 'Cari Langganan',
+    'found'         => 'Langganan ditemukan',
+    'not_found'     => 'Langganan tidak ditemukan',
+    'empty'         => 'Belum ada Langganan',
+    'back_to_show'  => 'Kembali ke Detail Langganan',
     'back_to_index' => 'Kembali ke daftar Langganan',
 
     // Actions
-    'create' => 'Input Langganan Baru',
-    'created' => 'Input Langganan baru telah berhasil.',
-    'show' => 'Lihat Detail Langganan',
-    'edit' => 'Edit Langganan',
-    'update' => 'Update Langganan',
-    'updated' => 'Update data Langganan telah berhasil.',
-    'delete' => 'Hapus Langganan',
-    'deleted' => 'Hapus data Langganan telah berhasil.',
+    'create'    => 'Input Langganan Baru',
+    'created'   => 'Input Langganan baru telah berhasil.',
+    'show'      => 'Lihat Detail Langganan',
+    'edit'      => 'Edit Langganan',
+    'update'    => 'Update Langganan',
+    'updated'   => 'Update data Langganan telah berhasil.',
+    'delete'    => 'Hapus Langganan',
+    'deleted'   => 'Hapus data Langganan telah berhasil.',
     'undeleted' => 'Data Langganan gagal dihapus.',
 
     // Attributes
-    'name' => 'Nama Langganan',
-    'price' => 'Harga',
-    'domain_name' => 'Domain',
-    'domain_price' => 'Harga Domain',
-    'epp_code' => 'Kode EPP',
+    'name'             => 'Nama Langganan',
+    'price'            => 'Harga',
+    'domain_name'      => 'Domain',
+    'domain_price'     => 'Harga Domain',
+    'epp_code'         => 'Kode EPP',
     'hosting_capacity' => 'Kapasitas Hosting',
-    'hosting_price' => 'Harga Hosting',
-    'start_date' => 'Mulai Sewa',
-    'due_date' => 'Perpanjangan',
-    'extension_price' => 'Biaya Perpanjangan',
-    'project' => 'Project',
-    'customer' => 'Customer',
-    'vendor' => 'Vendor',
-    'notes' => 'Catatan',
-    'type' => 'Jenis Langganan',
+    'hosting_price'    => 'Harga Hosting',
+    'start_date'       => 'Mulai Sewa',
+    'due_date'         => 'Perpanjangan',
+    'extension_price'  => 'Biaya Perpanjangan',
+    'project'          => 'Project',
+    'customer'         => 'Customer',
+    'vendor'           => 'Vendor',
+    'notes'            => 'Catatan',
+    'type'             => 'Jenis Langganan',
 
     // Types
     'types' => [
-        'domain' => 'Domain',
+        'domain'  => 'Domain',
         'hosting' => 'Hosting',
     ],
 ];
diff --git a/resources/views/subscriptions/create.blade.php b/resources/views/subscriptions/create.blade.php
index 2c34089..35b3ffe 100755
--- a/resources/views/subscriptions/create.blade.php
+++ b/resources/views/subscriptions/create.blade.php
@@ -3,6 +3,8 @@
 @section('title', trans('subscription.create'))
 
 @section('content')
+@inject('subscriptionTypes', 'App\Entities\Subscriptions\Type')
+
 <ul class="breadcrumb hidden-print">
     <li>{{ link_to_route('subscriptions.index',trans('subscription.subscriptions')) }}</li>
     <li class="active">{{ trans('subscription.create') }}</li>
@@ -32,7 +34,7 @@
                 </div>
                 {!! FormField::select('project_id', $projects, ['label' => trans('subscription.project'), 'value' => Request::get('project_id')]) !!}
                 {!! FormField::select('vendor_id', $vendors, ['label' => trans('subscription.vendor'), 'value' => Request::get('vendor_id')]) !!}
-                {!! FormField::radios('type_id', $subscriptionTypes, ['label' => trans('subscription.type'), 'value' => Request::get('type_id')]) !!}
+                {!! FormField::radios('type_id', $subscriptionTypes::toArray(), ['label' => trans('subscription.type'), 'value' => Request::get('type_id')]) !!}
                 {!! FormField::textarea('notes', ['label' => trans('subscription.notes')]) !!}
             </div>
 
diff --git a/resources/views/subscriptions/edit.blade.php b/resources/views/subscriptions/edit.blade.php
index d9c2dcf..9295654 100755
--- a/resources/views/subscriptions/edit.blade.php
+++ b/resources/views/subscriptions/edit.blade.php
@@ -3,6 +3,7 @@
 @section('title', $pageTitle)
 
 @section('content')
+@inject('subscriptionTypes', 'App\Entities\Subscriptions\Type')
 @include('subscriptions.partials.breadcrumb', ['title' => $pageTitle])
 
 @includeWhen(request('action') == 'delete', 'subscriptions.partials.delete')
@@ -15,7 +16,7 @@
             <div class="panel-heading"><h3 class="panel-title">{{ $pageTitle }}</h3></div>
             <div class="panel-body">
                 <div class="row">
-                    <div class="col-md-6">{!! FormField::radios('type_id', $subscriptionTypes, ['label' => trans('subscription.type'), 'value' => Request::get('type_id')]) !!}</div>
+                    <div class="col-md-6">{!! FormField::radios('type_id', $subscriptionTypes::toArray(), ['label' => trans('subscription.type'), 'value' => Request::get('type_id')]) !!}</div>
                     <div class="col-md-6">{!! FormField::radios('status_id', [trans('app.in_active'), trans('app.active')],['label' => trans('app.status')]) !!}</div>
                 </div>
                 <div class="row">
diff --git a/resources/views/subscriptions/index.blade.php b/resources/views/subscriptions/index.blade.php
index 40cfeb3..fe72f3f 100755
--- a/resources/views/subscriptions/index.blade.php
+++ b/resources/views/subscriptions/index.blade.php
@@ -19,6 +19,7 @@
     <thead>
         <th>{{ trans('app.table_no') }}</th>
         <th>{{ trans('subscription.name') }}</th>
+        <th class="text-center">{{ trans('app.type') }}</th>
         <th>{{ trans('subscription.customer') }}</th>
         <th class="text-right">{{ trans('subscription.due_date') }}</th>
         <th class="text-right">{{ trans('subscription.extension_price') }}</th>
@@ -30,6 +31,11 @@
         <tr>
             <td>{{ $subscriptions->firstItem() + $key }}</td>
             <td>{{ $subscription->nameLink() }}</td>
+            <td class="text-center">
+                <span class="badge" style="background-color: {{ $subscription->type_color }};">
+                    {{ $subscription->type }}
+                </span>
+            </td>
             <td>{{ $subscription->customer->name }}</td>
             <td class="text-right" title="{!! $subscription->dueDateDescription() !!}">
                 {{ dateId($subscription->due_date) }} {!! $subscription->nearOfDueDateSign() !!}
diff --git a/tests/Unit/Models/SubscriptionTest.php b/tests/Unit/Models/SubscriptionTest.php
index f2e9068..d98dfe2 100644
--- a/tests/Unit/Models/SubscriptionTest.php
+++ b/tests/Unit/Models/SubscriptionTest.php
@@ -6,6 +6,7 @@ use App\Entities\Partners\Customer;
 use App\Entities\Partners\Vendor;
 use App\Entities\Projects\Project;
 use App\Entities\Subscriptions\Subscription;
+use App\Entities\Subscriptions\Type;
 use Carbon\Carbon;
 use Tests\TestCase as TestCase;
 
@@ -98,11 +99,25 @@ class SubscriptionTest extends TestCase
         $subscription = factory(Subscription::class)->create();
 
         $this->assertEquals(1, $subscription->type_id);
-        $this->assertEquals(trans('subscription.types.domain'), $subscription->type);
+        $this->assertEquals(Type::getNameById(1), $subscription->type);
 
         $subscription = factory(Subscription::class)->create(['type_id' => 2]);
 
         $this->assertEquals(2, $subscription->type_id);
-        $this->assertEquals(trans('subscription.types.hosting'), $subscription->type);
+        $this->assertEquals(Type::getNameById(2), $subscription->type);
+    }
+
+    /** @test */
+    public function a_subscription_has_type_color_attribute()
+    {
+        $subscription = factory(Subscription::class)->create();
+
+        $this->assertEquals(1, $subscription->type_id);
+        $this->assertEquals(Type::getColorById(1), $subscription->type_color);
+
+        $subscription = factory(Subscription::class)->create(['type_id' => 2]);
+
+        $this->assertEquals(2, $subscription->type_id);
+        $this->assertEquals(Type::getColorById(2), $subscription->type_color);
     }
 }
diff --git a/tests/Unit/References/SubscriptionTypeTest.php b/tests/Unit/References/SubscriptionTypeTest.php
new file mode 100644
index 0000000..48ea828
--- /dev/null
+++ b/tests/Unit/References/SubscriptionTypeTest.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace Tests\Unit\Reference;
+
+use App\Entities\Subscriptions\Type;
+use Tests\TestCase;
+
+class SubscriptionTypeTest extends TestCase
+{
+    /** @test */
+    public function retrieve_subscription_type_list()
+    {
+        $subscriptionType = new Type;
+
+        $this->assertEquals([
+            1 => trans('subscription.types.domain'),
+            2 => trans('subscription.types.hosting'),
+        ], $subscriptionType->toArray());
+    }
+
+    /** @test */
+    public function retrieve_subscription_type_name_by_id()
+    {
+        $subscriptionType = new Type;
+
+        $this->assertEquals(trans('subscription.types.domain'), $subscriptionType->getNameById(1));
+        $this->assertEquals(trans('subscription.types.hosting'), $subscriptionType->getNameById(2));
+    }
+
+    /** @test */
+    public function retrieve_subscription_type_color_class_by_id()
+    {
+        $subscriptionType = new Type;
+
+        $this->assertEquals('#337ab7', $subscriptionType->getColorById(1));
+        $this->assertEquals('#4caf50', $subscriptionType->getColorById(2));
+    }
+}