diff --git a/app/extensions/IconsHelper.php b/app/extensions/IconsHelper.php
new file mode 100644
index 0000000..c733ffb
--- /dev/null
+++ b/app/extensions/IconsHelper.php
@@ -0,0 +1,53 @@
+<?php
+
+class IconsHelper extends \Prefab {
+
+    static public $status_icons = [
+        'New' => ['fas fa-plus-circle has-text-warning', "🆕"],
+        'In Progress' => ['fas fa-repeat has-text-link', "🔄"],
+        'On Hold' => ['fas fa-pause-circle has-text-danger',"⏸️"],
+        'Completed' => ['fas fa-check-circle has-text-success', "✅"]
+    ];
+
+    static public $priority_icons = [
+        'Low' => ['fas fa-arrow-down',"🟢"],
+        'Medium' => ['fas fa-minus', "🟡"],
+        'High' => ['fas fa-arrow-up', "🔴"]
+    ];
+
+    static public function icons($node){
+
+        $attr = $node['@attrib'];
+
+        $tpl = Template::instance();
+        $f3 = Base::instance();
+
+        $context = $f3->hive();
+        $inner = $tpl->token($node[0], $context);
+
+        return '<?php echo IconsHelper::do_the_switch("' . $attr['type'] . '", ' . $inner . '); ?>';
+        
+    }
+
+    static function do_the_switch($type, $value){
+
+        $icon_class = '';
+        switch(strtolower($type)){
+            case 'status':
+                $icon_class = IconsHelper::$status_icons[$value] ?? ['fas fa-question-circle has-text-info', "🔲"];
+                break;
+            case 'priority':
+                $icon_class = IconsHelper::$priority_icons[$value] ?? ['fas fa-question-circle', "🔲"];
+                break;
+            default:
+                $icon_class = 'fas fa-question-circle';
+        }
+
+        return '<span class="is-size-5">'.$icon_class[1].'</span>';
+        return '<i class="'.$icon_class[0].' is-size-4"></i>';
+
+    }
+
+}
+
+\Template::instance()->extend('icons', 'IconsHelper::icons');
\ No newline at end of file
diff --git a/public/index.php b/public/index.php
index 2e844c9..d744fc6 100644
--- a/public/index.php
+++ b/public/index.php
@@ -15,7 +15,7 @@ $htmlpurifier = \HTMLPurifier::instance();
 $md = \ParsedownTableExtension::instance();
 $md->setSafeMode(true);
 
-$f3->set('EXT', [new ParsedownHelper, new BulmaFormHelper]);
+$f3->set('EXT', [new ParsedownHelper, new BulmaFormHelper, new IconsHelper]);
 
 $f3->set('DB', new \DB\SQL(
     'mysql:host=localhost;port=3306;dbname=' . $f3->get('database.db_name'),
diff --git a/ui/views/ticket/create.html b/ui/views/ticket/create.html
index b8c1263..7a75166 100644
--- a/ui/views/ticket/create.html
+++ b/ui/views/ticket/create.html
@@ -1,6 +1,5 @@
 <h1 class="title">Create Ticket Form</h1>
 
-
 <form action="/ticket/create" method="POST">
 
     <bulma type="H_FIELD_INPUT" label="Title:" name="title" value=""></bulma>
@@ -8,8 +7,13 @@
     <bulma type="H_FIELD_TEXTAREA" label="Description:" name="description" value=""></bulma>
 
     <!-- TODO implement priority and status -->
-    <bulma type="H_FIELD_SELECT" label="Priority:" name="priority" options="['Low', 'Medium', 'High']" selected="Medium"></bulma>
-    <bulma type="H_FIELD_SELECT" label="Status:" name="status" options="['New', 'In Progress', 'On Hold', 'Completed']" selected="New"></bulma>
+    <bulma type="H_FIELD_SELECT_NEW" label="Priority:" name="priority_id" 
+        options="priorities" option_value="id" option_name="name" 
+        selected="2"></bulma>
+    
+    <bulma type="H_FIELD_SELECT_NEW" label="Status:" name="status_id" 
+        options="statuses" option_value="id" option_name="name" 
+        selected="1"></bulma>
 
     <!-- custom fields -->
     <hr>
diff --git a/ui/views/ticket/edit.html b/ui/views/ticket/edit.html
index 588961f..066a888 100644
--- a/ui/views/ticket/edit.html
+++ b/ui/views/ticket/edit.html
@@ -7,8 +7,13 @@
     <bulma type="H_FIELD_TEXTAREA" label="Description:" name="description" value="{{@ticket.description}}"></bulma>
 
 
-    <bulma type="H_FIELD_SELECT" label="Priority:" name="priority" options="['Low', 'Medium', 'High']" selected="{{@ticket.priority}}"></bulma>
-    <bulma type="H_FIELD_SELECT" label="Status:" name="status" options="['New', 'In Progress', 'On Hold', 'Completed']" selected="{{@ticket.status}}"></bulma>
+    <bulma type="H_FIELD_SELECT_NEW" label="Priority:" name="priority_id" 
+        options="priorities" option_value="id" option_name="name" 
+        selected="{{@ticket.priority_id}}"></bulma>
+
+    <bulma type="H_FIELD_SELECT_NEW" label="Status:" name="status_id" 
+        options="statuses" option_value="id" option_name="name" 
+        selected="@ticket.status_id"></bulma>
 
     <include href="/ui/parts/clipboard.html"></include>
 
diff --git a/ui/views/ticket/index.html b/ui/views/ticket/index.html
index f6fe17e..d5eac19 100644
--- a/ui/views/ticket/index.html
+++ b/ui/views/ticket/index.html
@@ -17,8 +17,8 @@
             <tr>
                 <td>{{@ticket.id}}</td>
                 <td><a href="/ticket/{{@ticket.id}}">{{@ticket.title}}</a></td>
-                <td>{{@ticket.status}}</td>
-                <td>{{@ticket.priority}}</td>
+                <td><icons type="status">{{@ticket.status_name}}</icons></td>
+                <td><icons type="priority">{{@ticket.priority_name}}</icons></td>
                 <td>{{@ticket.created_at}}</td>
                 <td>
                     <a class="button is-link is-small" href="/ticket/{{@ticket.id}}/edit">