From b4594e14744d6d91cfd2b1a95a5ce851ac6f4384 Mon Sep 17 00:00:00 2001
From: Horilla <support@horilla.com>
Date: Thu, 4 Sep 2025 16:49:50 +0530
Subject: [PATCH] [UPDT] OFFBOARDING: Updated resignation view detail view

---
 .../exit_process/detail_page_description.html |   9 ++
 .../templates/cbv/resignation/actions.html    | 101 +++++++++++-------
 2 files changed, 69 insertions(+), 41 deletions(-)
 create mode 100644 offboarding/templates/cbv/exit_process/detail_page_description.html

diff --git a/offboarding/templates/cbv/exit_process/detail_page_description.html b/offboarding/templates/cbv/exit_process/detail_page_description.html
new file mode 100644
index 000000000..1f9302ab4
--- /dev/null
+++ b/offboarding/templates/cbv/exit_process/detail_page_description.html
@@ -0,0 +1,9 @@
+{% load i18n %}
+<div class="col-span-1 md:col-span-6 mb-2">
+    <span class="font-medium text-xs text-[#565E6C] w-32">
+        {% trans "Description" %}
+    </span>
+    <div class="text-xs">
+        {{ instance.description|default:"-"|safe }}
+    </div>
+</div>
\ No newline at end of file
diff --git a/offboarding/templates/cbv/resignation/actions.html b/offboarding/templates/cbv/resignation/actions.html
index 56f844c68..b4389f8bb 100644
--- a/offboarding/templates/cbv/resignation/actions.html
+++ b/offboarding/templates/cbv/resignation/actions.html
@@ -2,46 +2,66 @@
 <div style="width : 100%" onclick="event.stopPropagation()">
     <form action="{% url 'update-letter-status' %}">
         {% if perms.offboarding.change_resignationletter %}
-        <div class="oh-btn-group">
-            {% if instance.status != "approved" %}
-            <button
-                title="By approving the request employee will added to the offboarding pipeline"
-                type="button"
-                onclick="event.stopPropagation();$(this).closest('form').find('input[name=status]').val('approved');resignLetterConfirmation('{% trans 'Do You really want to approve the request' %}?',$(this).closest('form').find('[type=submit]'),true);"
-                class="oh-btn oh-btn--success w-100 oh-btn--block w-100"
-            >
-                <ion-icon
-                    name="checkmark"
-                    class="mr-1 md hydrated"
-                    role="img"
-                    aria-label="checkmark"
-                ></ion-icon>
-            </button>
-            {% else %}
-            <button
-                type="button"
-                class="oh-btn oh-btn--success oh-btn--disabled oh-btn--block w-100"
-            >
-                <ion-icon
-                    name="checkmark"
-                    class="mr-1 md hydrated"
-                    role="img"
-                    aria-label="checkmark"
-                ></ion-icon>
-            </button>
-            {% endif %}
-            <button
-                type="button"
-                onclick="event.stopPropagation();$(this).closest('form').find('input[name=status]').val('rejected');resignLetterConfirmation('{% trans 'Do You really want to reject the request?' %}',$(this).closest('form').find('[type=submit]'));"
-                class="oh-btn oh-btn--danger oh-btn--block w-100"
-            >
-                <ion-icon
-                    name="close-circle-outline"
-                    class="mr-1 md hydrated"
-                    role="img"
-                    aria-label="close"
-                ></ion-icon>
-            </button>
+            <div class="oh-btn-group">
+                {% if instance.status != "approved" %}
+                <button
+                    title="By approving the request employee will added to the offboarding pipeline"
+                    type="button"
+                    onclick="event.stopPropagation();$(this).closest('form').find('input[name=status]').val('approved');resignLetterConfirmation('{% trans 'Do You really want to approve the request' %}?',$(this).closest('form').find('[type=submit]'),true);"
+                    class="oh-btn oh-btn--success w-100 oh-btn--block w-100"
+                >
+                    <ion-icon
+                        name="checkmark"
+                        class="mr-1 md hydrated"
+                        role="img"
+                        aria-label="checkmark"
+                    ></ion-icon>
+                    {% trans "Approve" %}
+                </button>
+                {% else %}
+                <button
+                    type="button"
+                    class="oh-btn oh-btn--success oh-btn--disabled oh-btn--block w-100"
+                >
+                    <ion-icon
+                        name="checkmark"
+                        class="mr-1 md hydrated"
+                        role="img"
+                        aria-label="checkmark"
+                    ></ion-icon>
+                    {% trans "Approve" %}
+                </button>
+                {% endif %}
+                {% if instance.status == 'rejected' %}
+                    <button
+                        type="button"
+                        class="oh-btn oh-btn--danger oh-btn--block w-100"
+                        disabled
+                    >
+                        <ion-icon
+                            name="close-circle-outline"
+                            class="mr-1 md hydrated"
+                            role="img"
+                            aria-label="close"
+                        ></ion-icon>
+                        {% trans "Reject" %}
+                    </button>
+                {% else %}
+                    <button
+                        type="button"
+                        onclick="event.stopPropagation();$(this).closest('form').find('input[name=status]').val('rejected');resignLetterConfirmation('{% trans 'Do You really want to reject the request?' %}',$(this).closest('form').find('[type=submit]'));"
+                        class="oh-btn oh-btn--danger oh-btn--block w-100"
+                    >
+                        <ion-icon
+                            name="close-circle-outline"
+                            class="mr-1 md hydrated"
+                            role="img"
+                            aria-label="close"
+                        ></ion-icon>
+                        {% trans "Reject" %}
+                    </button>
+                    {% endif %}
+            </div>
             <input type="hidden" name="status" />
             <input
                 type="hidden"
@@ -58,7 +78,6 @@
                 id="notice_period_ends{{instance.id}}"
             />
             <button type="submit" hidden></button>
-        </div>
         {% endif %}
         <input
             type="submit"