diff --git a/src/Entity/JobOrder.php b/src/Entity/JobOrder.php
index d1cf59b9..ddaae016 100644
--- a/src/Entity/JobOrder.php
+++ b/src/Entity/JobOrder.php
@@ -12,6 +12,7 @@ use DateTime;
 use App\Ramcar\ModeOfPayment;
 use App\Ramcar\JOStatus;
 use App\Ramcar\ServiceType;
+use App\Ramcar\CMBCancelReason;
 
 /**
  * @ORM\Entity
@@ -704,6 +705,15 @@ class JobOrder
         return $this->cancel_reason;
     }
 
+    public function getCancelReasonName()
+    {
+        $reason = CMBCancelReason::getName($this->cancel_reason);
+        if ($reason == 'Unknown')
+            $reason = $this->cancel_reason;
+
+        return $reason;
+    }
+
     public function getTickets()
     {
         return $this->tickets;
diff --git a/templates/job-order/cmb.form.onestep.html.twig b/templates/job-order/cmb.form.onestep.html.twig
index f17f1f7c..9d2ef1cf 100644
--- a/templates/job-order/cmb.form.onestep.html.twig
+++ b/templates/job-order/cmb.form.onestep.html.twig
@@ -334,11 +334,11 @@
                                             <textarea name="delivery_instructions" class="form-control m-input" rows="4">{{ obj.getDeliveryInstructions }}</textarea>
                                         </div>
                                         <br>
-                                        <!-- <div class="col-lg-12 form-group-inner">
-                                            <label data-field="rider_plate_number">Rider Plate Number</label>
-                                            <input type="text" id="rider-plate-number" name="rider_plate_number" class="form-control m-input" value="{{ obj.getRiderPlateNum|default('') }}" >
-                                            <div class="form-control-feedback hide" data-field="rider_plate_number"></div>
-                                        </div>  -->
+                                        <div class="col-lg-12 form-group-inner">
+                                            <label data-field="cancel_reason">Cancellation Reason</label>
+                                            <input type="text" id="cancel-reason" name="cancel_reason" class="form-control m-input" value="{{ obj.getCancelReasonName|default('') }}" disabled>
+                                            <div class="form-control-feedback hide" data-field="cancel_reason"></div>
+                                        </div> 
                                     </div>
                                     <div class="col-lg-6">
                                         <div class="col-lg-12 form-group-inner">
diff --git a/templates/job-order/cmb.form.walkin.html.twig b/templates/job-order/cmb.form.walkin.html.twig
index c39d33dd..08568bc6 100644
--- a/templates/job-order/cmb.form.walkin.html.twig
+++ b/templates/job-order/cmb.form.walkin.html.twig
@@ -349,6 +349,11 @@
                                             <div class="form-control-feedback hide" data-field="responsible_party"></div>
                                         </div>
                                         <br>
+                                        <div class="col-lg-12 form-group-inner">
+                                            <label data-field="cancel_reason">Cancellation Reason</label>
+                                            <input type="text" id="cancel-reason" name="cancel_reason" class="form-control m-input" value="{{ obj.getCancelReasonName|default('') }}" disabled>
+                                            <div class="form-control-feedback hide" data-field="cancel_reason"></div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>