diff --git a/attendance/templates/attendance/attendance/attendance_request_one.html b/attendance/templates/attendance/attendance/attendance_request_one.html
index 796d520d3..b624aae24 100644
--- a/attendance/templates/attendance/attendance/attendance_request_one.html
+++ b/attendance/templates/attendance/attendance/attendance_request_one.html
@@ -1,11 +1,11 @@
 {% load i18n %} {% load basefilters %}
 <div class="oh-modal__dialog oh-modal__dialog--navigation m-0 p-0">
-    <button hx-get="{% url "user-request-one-view" previous_instance %}?instances_ids={{instance_ids_json}}&validate={{request.GET.validate}}&ot={{request.GET.ot}}&all_attendance={{request.GET.all_attendance}}&my_attendance={{request.GET.my_attendance}}" hx-target="#detailAttendanceModalBody" class="oh-modal__diaglog-nav oh-modal__nav-prev">
+    <button hx-get="{% url "user-request-one-view" previous_instance %}?instances_ids={{instance_ids_json}}&validate={{request.GET.validate}}&ot={{request.GET.ot}}&all_attendance={{request.GET.all_attendance}}&my_attendance={{request.GET.my_attendance}}&dashboard={{dashboard}}" hx-target="{% if dashboard == 'true' %}#bigModalTarget{% else %}#detailAttendanceModalBody {% endif %}" class="oh-modal__diaglog-nav oh-modal__nav-prev">
         <ion-icon name="chevron-back-outline" class="md hydrated" role="img"
         aria-label="chevron back outline"></ion-icon>
     </button>
 
-    <button hx-get="{% url "user-request-one-view" next_instance %}?instances_ids={{instance_ids_json}}&validate={{request.GET.validate}}&ot={{request.GET.ot}}&all_attendance={{request.GET.all_attendance}}&my_attendance={{request.GET.my_attendance}}" hx-target="#detailAttendanceModalBody" class="oh-modal__diaglog-nav oh-modal__nav-next">
+    <button hx-get="{% url "user-request-one-view" next_instance %}?instances_ids={{instance_ids_json}}&validate={{request.GET.validate}}&ot={{request.GET.ot}}&all_attendance={{request.GET.all_attendance}}&my_attendance={{request.GET.my_attendance}}&dashboard={{dashboard}}" hx-target="{% if dashboard == 'true' %}#bigModalTarget{% else %}#detailAttendanceModalBody {% endif %}" class="oh-modal__diaglog-nav oh-modal__nav-next">
         <ion-icon name="chevron-forward-outline" class="md hydrated" role="img"
         aria-label="chevron forward outline"></ion-icon>
     </button>
@@ -118,10 +118,10 @@
             <div class="oh-btn-group">
                 <a 
                     class="oh-btn oh-btn--info"
-                    hx-get="{% url 'attendance-update' attendance_request.id %}"
-                    hx-target='#updateAttendanceModalBody' hx-swap='innerHTML' 
+                    hx-get="{% url 'attendance-update' attendance_request.id %}?dashboard={{dashboard}}"
+                    hx-target="{% if dashboard == 'true' %}#editModalForm {% else %}#updateAttendanceModalBody{% endif %}" hx-swap='innerHTML' 
                     data-toggle='oh-modal-toggle' 
-                    data-target='#updateAttendanceModal'
+                    data-target="{% if dashboard == 'true' %}#editModal {% else %}#updateAttendanceModal {% endif %}"
                     style="width: 50%;"
                     >
                     <ion-icon name="create-outline" role="img" 
@@ -160,9 +160,9 @@
             <a 
                 class="oh-btn oh-btn--info"
                 hx-get="{% url 'attendance-update' attendance_request.id %}"
-                hx-target='#updateAttendanceModalBody' hx-swap='innerHTML' 
+                hx-target="{% if dashboard == 'true' %}#editModalForm {% else %}#updateAttendanceModalBody{% endif %}" hx-swap='innerHTML' 
                 data-toggle='oh-modal-toggle' 
-                data-target='#updateAttendanceModal'
+                data-target="{% if dashboard == 'true' %}#editModal {% else %}#updateAttendanceModal {% endif %}"
                 style="width: 50%;"
                 >
                 <ion-icon name="create-outline" role="img" 
diff --git a/base/request_and_approve.py b/base/request_and_approve.py
index 84a096ec5..d7e805576 100644
--- a/base/request_and_approve.py
+++ b/base/request_and_approve.py
@@ -6,6 +6,9 @@ This module is used to map url patterns with request and approve methods in Dash
 
 import json
 from django.shortcuts import render
+from attendance.models import Attendance, AttendanceValidationCondition
+from attendance.views.views import strtime_seconds
+from base.methods import filtersubordinates
 from base.models import ShiftRequest, WorkTypeRequest
 from employee.not_in_out_dashboard import paginator_qry
 from horilla.decorators import login_required
@@ -14,6 +17,9 @@ from horilla.decorators import login_required
 @login_required
 def dashboard_shift_request(request):
     requests = ShiftRequest.objects.filter(approved= False,canceled = False)
+    requests = filtersubordinates(
+        request, requests, "base.add_shiftrequest"
+    )
     requests_ids = json.dumps(
         [
             instance.id for instance in requests
@@ -25,9 +31,54 @@ def dashboard_shift_request(request):
 @login_required
 def dashboard_work_type_request(request):
     requests = WorkTypeRequest.objects.filter(approved= False,canceled = False)
+    requests = filtersubordinates(
+        request, requests, "base.add_worktyperequest"
+    )
     requests_ids = json.dumps(
         [
             instance.id for instance in requests
         ]
     )
-    return render(request, "request_and_approve/work_type_request.html",{"requests": requests,"requests_ids": requests_ids,})
\ No newline at end of file
+    return render(request, "request_and_approve/work_type_request.html",{"requests": requests,"requests_ids": requests_ids,})
+
+
+@login_required
+def dashboard_overtime_approve(request):
+    condition = AttendanceValidationCondition.objects.first()
+    min_ot = strtime_seconds("00:00")
+    if condition is not None and condition.minimum_overtime_to_approve is not None:
+        min_ot = strtime_seconds(condition.minimum_overtime_to_approve)
+    ot_attendances = Attendance.objects.filter(
+        overtime_second__gte=min_ot,
+        attendance_validated=True,
+        employee_id__is_active=True,
+        attendance_overtime_approve =False,
+    )
+    ot_attendances =  filtersubordinates(
+        request, ot_attendances, "attendance.change_attendance"
+    )
+    ot_attendances_ids = json.dumps(
+        [
+            instance.id for instance in ot_attendances
+        ]
+    )
+    return render(request, "request_and_approve/overtime_approve.html",{"overtime_attendances": ot_attendances,"ot_attendances_ids": ot_attendances_ids,})
+
+
+@login_required
+def dashboard_attendance_validate(request):
+    previous_data = request.GET.urlencode()
+    page_number = request.GET.get("page")
+    validate_attendances = Attendance.objects.filter(
+        attendance_validated=False, employee_id__is_active=True
+    )
+    validate_attendances =  filtersubordinates(
+        request, validate_attendances, "attendance.change_attendance"
+    )
+    validate_attendances = paginator_qry(validate_attendances, page_number)
+    validate_attendances_ids = json.dumps(
+        [
+            instance.id for instance in validate_attendances
+        ]
+    )
+    return render(request, "request_and_approve/attendance_validate.html",{"validate_attendances": validate_attendances,"validate_attendances_ids": validate_attendances_ids, "pd": previous_data,})
diff --git a/base/templates/request_and_approve/attendance_validate.html b/base/templates/request_and_approve/attendance_validate.html
new file mode 100644
index 000000000..b80dba434
--- /dev/null
+++ b/base/templates/request_and_approve/attendance_validate.html
@@ -0,0 +1,90 @@
+{% load i18n %}
+
+<div
+class="oh-card-dashboard__header oh-card-dashboard__header--divider"
+>        
+{% if validate_attendances.has_previous %}
+    <span class="oh-card-dashboard__title" id="department-previous" style="cursor: pointer;" hx-target="#AttendanceValidateTarget"
+    hx-get="{% url 'dashboard-attendance-validate' %}?{{pd}}&page={{ validate_attendances.previous_page_number }}">
+    <ion-icon name="caret-back-outline" role="img" class="md hydrated" aria-label="caret back outline"></ion-icon>
+    </span>
+{% endif %}
+
+<span class="oh-card-dashboard__title">{% trans 'Attendance to validate' %} </span>
+
+{% if validate_attendances.has_next %}        
+    <span class="oh-card-dashboard__title float-end" id="department-previous" style="cursor: pointer;" hx-target="#AttendanceValidateTarget"
+    hx-get="{% url 'dashboard-attendance-validate' %}?{{pd}}&page={{ validate_attendances.next_page_number }}">
+    <ion-icon name="caret-forward-outline" role="img" class="md hydrated" aria-label="caret back outline"></ion-icon>
+    </span>
+{% endif %}
+</div>
+<div class="oh-card-dashboard__body" style="height:80%">
+{% if validate_attendances %}
+<div class="oh-sticky-table h-100">
+    <div class="oh-sticky-table__table oh-table--sortable">
+        <div class="oh-sticky-table__thead">
+            <div class="oh-sticky-table__tr">
+                <div
+                  class="oh-sticky-table__th"
+                  >
+                  {% trans "Employee" %}
+                </div>
+                <div
+                  class="oh-sticky-table__th"
+                  >
+                  {% trans "Worked Hours" %}
+                </div>
+                <div class="oh-sticky-table__th"></div>
+            </div>
+        </div>
+        {% for attendance in validate_attendances %}
+            <div class="oh-sticky-table__tbody">
+                <div
+                  class="oh-sticky-table__tr"
+                  draggable="false"
+                  data-toggle="oh-modal-toggle"
+                  data-target="#bigModal"
+                  hx-target="#bigModalTarget"
+                  hx-get="{% url 'user-request-one-view' attendance.id %}?validate=true&instances_ids={{validate_attendances_ids}}&dashboard=true"
+                  >
+                    <div class="oh-sticky-table__sd">
+                        <div class="oh-profile oh-profile--md">
+                            <div class="oh-profile__avatar mr-1">
+                              <img
+                              src="{{attendance.employee_id.get_avatar}}"
+                                class="oh-profile__image"
+                                alt=""
+                              />
+                            </div>
+                            <span class="oh-profile__name oh-text--dark"
+                              >{{attendance.employee_id}}</span
+                            >
+                        </div>
+                    </div>
+                    <div class="oh-sticky-table__td">
+                      {{attendance.attendance_worked_hour}}
+                    </div>
+                    <div class="oh-sticky-table__td">
+                        <a
+                        href='{% url "validate-this-attendance" attendance.id %}'
+                        class="oh-btn oh-btn--info"
+                        onclick="event.stopPropagation();"
+                        >
+                        {% trans "Validate" %}
+                        </a>
+                    </div>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+</div>
+{% else %}
+<div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+    <div style="" class="">
+        <img style="display: block;width: 70px;margin: 20px auto ;" src="/static/images/ui/joiningchart.png" class="" alt=""/>
+		<h3 style="font-size:16px" class="oh-404__subtitle">{% trans "No data Found..." %}</h3>
+	</div>
+</div>
+{% endif %}
+</div>
diff --git a/base/templates/request_and_approve/overtime_approve.html b/base/templates/request_and_approve/overtime_approve.html
new file mode 100644
index 000000000..9bc5bab41
--- /dev/null
+++ b/base/templates/request_and_approve/overtime_approve.html
@@ -0,0 +1,68 @@
+{% load i18n %}
+{% if overtime_attendances %}
+<div class="oh-sticky-table h-100">
+    <div class="oh-sticky-table__table oh-table--sortable">
+        <div class="oh-sticky-table__thead">
+            <div class="oh-sticky-table__tr">
+                <div
+                  class="oh-sticky-table__th"
+                  >
+                  {% trans "Employee" %}
+                </div>
+                <div
+                  class="oh-sticky-table__th"
+                  >
+                  {% trans "Overtime" %}
+                </div>
+                <div class="oh-sticky-table__th"></div>
+            </div>
+        </div>
+        {% for attendance in overtime_attendances %}
+            <div class="oh-sticky-table__tbody">
+                <div
+                  class="oh-sticky-table__tr"
+                  draggable="false"
+                  data-toggle="oh-modal-toggle"
+                  data-target="#bigModal"
+                  hx-target="#bigModalTarget"
+                  hx-get="{% url 'user-request-one-view' attendance.id %}?ot=true&instances_ids={{ot_attendances_ids}}&dashboard=true"
+                  >
+                    <div class="oh-sticky-table__sd">
+                        <div class="oh-profile oh-profile--md">
+                            <div class="oh-profile__avatar mr-1">
+                              <img
+                              src="{{attendance.employee_id.get_avatar}}"
+                                class="oh-profile__image"
+                                alt=""
+                              />
+                            </div>
+                            <span class="oh-profile__name oh-text--dark"
+                              >{{attendance.employee_id}}</span
+                            >
+                        </div>
+                    </div>
+                    <div class="oh-sticky-table__td">
+                      {{attendance.attendance_overtime}}
+                    </div>
+                    <div class="oh-sticky-table__td">
+                        <a
+                            href="{% url 'approve-overtime' attendance.id %}"
+                            onclick="event.stopPropagation()"
+                            class="oh-btn oh-btn--info"
+                            >
+                            {% trans "Approve" %}
+                        </a>
+                    </div>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+</div>
+{% else %}
+<div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+    <div style="" class="">
+        <img style="display: block;width: 70px;margin: 20px auto ;" src="/static/images/ui/joiningchart.png" class="" alt=""/>
+		<h3 style="font-size:16px" class="oh-404__subtitle">{% trans "No data Found..." %}</h3>
+	</div>
+</div>
+{% endif %}
\ No newline at end of file
diff --git a/base/templates/request_and_approve/shift_request.html b/base/templates/request_and_approve/shift_request.html
index 1da1427ef..156d769e9 100644
--- a/base/templates/request_and_approve/shift_request.html
+++ b/base/templates/request_and_approve/shift_request.html
@@ -16,9 +16,9 @@
             <div
                 class="oh-sticky-table__tr"
                 hx-get="{% url 'shift-request-details' shift_request.id %}?instances_ids={{requests_ids}}&dashboard=true"
-                hx-target="#shiftRequestDetailTarget"
+                hx-target="#smallModalTarget"
                 data-toggle="oh-modal-toggle"
-                data-target="#shiftRequestDetailModal"
+                data-target="#smallModal"
             >
                 <div class="oh-sticky-table__sd">
                     <div class="oh-profile oh-profile--md">
diff --git a/base/templates/request_and_approve/work_type_request.html b/base/templates/request_and_approve/work_type_request.html
index 77c8b97c5..d5ae8af58 100644
--- a/base/templates/request_and_approve/work_type_request.html
+++ b/base/templates/request_and_approve/work_type_request.html
@@ -16,9 +16,9 @@
             <div
                 class="oh-sticky-table__tr"
                 hx-get="{% url 'work-type-request-single-view' work_type.id %}?instances_ids={{requests_ids}}&dashboard=true"
-                hx-target="#shiftRequestDetailTarget"
+                hx-target="#smallModalTarget"
                 data-toggle="oh-modal-toggle"
-                data-target="#shiftRequestDetailModal"
+                data-target="#smallModal"
             >
                 <div class="oh-sticky-table__sd">
                     <div class="oh-profile oh-profile--md">
diff --git a/base/templates/shift_request/htmx/shift_request_detail.html b/base/templates/shift_request/htmx/shift_request_detail.html
index dc5e68170..5e721138e 100644
--- a/base/templates/shift_request/htmx/shift_request_detail.html
+++ b/base/templates/shift_request/htmx/shift_request_detail.html
@@ -4,7 +4,7 @@
 <div class="oh-modal__dialog oh-modal__dialog--navigation m-0 p-0">
     <button 
         hx-get="{% url 'shift-request-details' previous %}?instances_ids={{requests_ids}}&dashboard={{dashboard}}" 
-        hx-target="#shiftRequestDetailTarget"  
+        hx-target="{% if dashboard == 'true' %}#smallModalTarget{% else %}#shiftRequestDetailTarget {% endif %}"  
         class="oh-modal__diaglog-nav oh-modal__nav-prev">
         <ion-icon name="chevron-back-outline" class="md hydrated" role="img"
         aria-label="chevron back outline"></ion-icon>
@@ -12,7 +12,7 @@
 
     <button  
         hx-get="{% url 'shift-request-details' next %}?instances_ids={{requests_ids}}&dashboard={{dashboard}}" 
-        hx-target="#shiftRequestDetailTarget"  
+        hx-target="{% if dashboard == 'true' %}#smallModalTarget{% else %}#shiftRequestDetailTarget {% endif %}"  
         class="oh-modal__diaglog-nav oh-modal__nav-next">
         <ion-icon name="chevron-forward-outline" class="md hydrated" role="img"
         aria-label="chevron forward outline"></ion-icon>
diff --git a/base/templates/work_type_request/htmx/work_type_request_single_view.html b/base/templates/work_type_request/htmx/work_type_request_single_view.html
index 6db2088d8..cc21cea55 100644
--- a/base/templates/work_type_request/htmx/work_type_request_single_view.html
+++ b/base/templates/work_type_request/htmx/work_type_request_single_view.html
@@ -4,7 +4,7 @@
 <div class="oh-modal__dialog oh-modal__dialog--navigation m-0 p-0">
     <button 
         hx-get="{% url 'work-type-request-single-view' previous %}?instances_ids={{requests_ids}}&dashboard={{dashboard}}" 
-        hx-target="{% if dashboard == 'true' %}#shiftRequestDetailTarget{% else %}#workTypeRequestSingleViewTarget{% endif %}"  
+        hx-target="{% if dashboard == 'true' %}#smallModalTarget{% else %}#workTypeRequestSingleViewTarget{% endif %}"  
         class="oh-modal__diaglog-nav oh-modal__nav-prev">
         <ion-icon name="chevron-back-outline" class="md hydrated" role="img"
         aria-label="chevron back outline"></ion-icon>
@@ -12,7 +12,7 @@
 
     <button  
         hx-get="{% url 'work-type-request-single-view' next %}?instances_ids={{requests_ids}}&dashboard={{dashboard}}" 
-        hx-target="{% if dashboard == 'true' %}#shiftRequestDetailTarget{% else %}#workTypeRequestSingleViewTarget{% endif %}"  
+        hx-target="{% if dashboard == 'true' %}#smallModalTarget{% else %}#workTypeRequestSingleViewTarget{% endif %}"  
         class="oh-modal__diaglog-nav oh-modal__nav-next">
         <ion-icon name="chevron-forward-outline" class="md hydrated" role="img"
         aria-label="chevron forward outline"></ion-icon>
diff --git a/base/urls.py b/base/urls.py
index 8864352e0..4879b969c 100644
--- a/base/urls.py
+++ b/base/urls.py
@@ -661,6 +661,16 @@ urlpatterns = [
         request_and_approve.dashboard_work_type_request,
         name="dashboard-work-type-request",
     ),
+    path(
+        "dashboard-overtime-approve",
+        request_and_approve.dashboard_overtime_approve,
+        name="dashboard-overtime-approve",
+    ),
+    path(
+        "dashboard-attendance-validate",
+        request_and_approve.dashboard_attendance_validate,
+        name="dashboard-attendance-validate",
+    ),
     
       
 ]
diff --git a/templates/dashboard.html b/templates/dashboard.html
index 3ca455dce..f3014ed6d 100755
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -32,6 +32,15 @@
     width: 100%;
     text-align: center;
   }
+  .oh-modal_close--custom {
+    border: none;
+    background: none;
+    font-size: 1.5rem;
+    opacity: 0.7;
+    position: absolute;
+    top: 25px;
+    right: 15px;
+  }
 </style>
 <main>
   <div class="oh-wrapper">
@@ -482,7 +491,7 @@
               </div>              
             </div>      
             {% endif %}
-            {% if perms.base.change_shiftrequest or request.user|is_reportingmanager %}
+            {% if perms.base.change_worktyperequest or request.user|is_reportingmanager %}
             <div
               class="col-12 col-sm-12 col-md-12 col-lg-6 oh-card-dashboard--moveable" id="WorkTypeRequestApprove"
             >
@@ -507,6 +516,45 @@
               </div>              
             </div>      
             {% endif %}
+            {% if perms.attendance.change_attendance or request.user|is_reportingmanager %}
+            <div
+              class="col-12 col-sm-12 col-md-12 col-lg-6 oh-card-dashboard--moveable" id="OTApprove"
+            >
+              <div
+                class="oh-card-dashboard oh-card-dashboard--no-scale oh-card-dashboard--transparent" style="height:425px"
+              >
+                <div
+                  class="oh-card-dashboard__header oh-card-dashboard__header--divider"
+                >
+                  <span class="oh-card-dashboard__title"
+                    >{% trans "Overtime Approve" %}</span
+                  >
+                </div>
+                <div class="oh-card-dashboard__body"
+                  id="OTApproveBody"
+                  hx-get="{% url "dashboard-overtime-approve" %}"
+                  hx-trigger="load"
+                  style="height:80%"
+                >
+                  {% include "request_and_approve/overtime_approve.html" %}
+                </div>
+              </div>              
+            </div>      
+            {% endif %}
+            {% if perms.attendance.change_attendance or request.user|is_reportingmanager %}
+            <div
+              class="col-12 col-sm-12 col-md-12 col-lg-6 oh-card-dashboard--moveable" id="AttendanceValidate"
+            >
+              <div
+                class="oh-card-dashboard oh-card-dashboard--no-scale oh-card-dashboard--transparent" style="height:425px"
+                hx-get="{% url "dashboard-attendance-validate" %}"
+                hx-trigger="load"
+                id="AttendanceValidateTarget"
+              >
+                  {% include "request_and_approve/attendance_validate.html" %}
+              </div>
+            </div>      
+            {% endif %}
           </div>
         </div>
       </div>
@@ -592,31 +640,87 @@
   </div>
   
 <div
-class="oh-modal"
-id="shiftRequestDetailModal"
-role="dialog"
-aria-labelledby="shiftRequestDetailModal"
-aria-hidden="true"
+  class="oh-modal"
+  id="smallModal"
+  role="dialog"
+  aria-labelledby="smallModal"
+  aria-hidden="true"
 >
-<div class="oh-modal__dialog oh-modal__dialog--timeoff oh-timeoff-modal">
-  <div class="oh-modal__dialog-header">
-    <h2
-      class="oh-modal__dialog-title"
-      id=""
-    >
-      {% trans "Details" %}
-    </h2>
-    <button class="oh-modal__close" aria-label="Close">
-      <ion-icon name="close-outline"></ion-icon>
-    </button>
+  <div class="oh-modal__dialog oh-modal__dialog--timeoff oh-timeoff-modal">
+    <div class="oh-modal__dialog-header">
+      <h2
+        class="oh-modal__dialog-title"
+        id=""
+      >
+        {% trans "Details" %}
+      </h2>
+      <button class="oh-modal__close" aria-label="Close">
+        <ion-icon name="close-outline"></ion-icon>
+      </button>
+    </div>
+    <div
+      class="oh-modal__dialog-body oh-modal__dialog-relative"
+      id="smallModalTarget"
+    ></div>
   </div>
-  <div
-    class="oh-modal__dialog-body oh-modal__dialog-relative"
-    id="shiftRequestDetailTarget"
-  ></div>
 </div>
+  
+<div
+  class="oh-modal"
+  id="bigModal"
+  role="dialog"
+  aria-labelledby="bigModal"
+  aria-hidden="true"
+>
+  <div class="oh-modal__dialog">
+    <div class="oh-modal__dialog-header">
+      <h2
+        class="oh-modal__dialog-title"
+        id=""
+      >
+        {% trans "Details" %}
+      </h2>
+      <button class="oh-modal__close" aria-label="Close">
+        <ion-icon name="close-outline"></ion-icon>
+      </button>
+    </div>
+    <div
+      class="oh-modal__dialog-body oh-modal__dialog-relative"
+      id="bigModalTarget"
+    ></div>
+  </div>
 </div>
 
+
+<div
+  class="oh-modal"
+  id="editModal"
+  role="dialog"
+  aria-labelledby="editModal"
+  aria-hidden="true"
+  >
+    <div class="oh-modal__dialog">
+        <div class="oh-modal__dialog-header">
+            <h2 class="oh-modal__dialog-title" id="editModalLabel">
+              {% trans "Add Asset Report" %}
+            </h2>
+            <button
+              type="button"
+              class="oh-modal_close--custom"
+              onclick="$('#editModal').removeClass('oh-modal--show');"
+                >
+                <ion-icon
+                  name="close-outline"
+                  role="img"
+                  aria-label="close outline"
+                ></ion-icon>
+            </button>
+        </div>
+        <div class="oh-modal__dialog-body" id="editModalForm"></div>
+    </div>
+</div>
+
+
 </main>
 
 <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>