diff --git a/osinaweb/db.sqlite3 b/osinaweb/db.sqlite3
index e6e9acbf..530b13e4 100644
Binary files a/osinaweb/db.sqlite3 and b/osinaweb/db.sqlite3 differ
diff --git a/osinaweb/osinacore/__pycache__/views.cpython-310.pyc b/osinaweb/osinacore/__pycache__/views.cpython-310.pyc
index 81f6cc75..6e058f40 100644
Binary files a/osinaweb/osinacore/__pycache__/views.cpython-310.pyc and b/osinaweb/osinacore/__pycache__/views.cpython-310.pyc differ
diff --git a/osinaweb/osinacore/add/__pycache__/views.cpython-310.pyc b/osinaweb/osinacore/add/__pycache__/views.cpython-310.pyc
index 217897db..ed8dea01 100644
Binary files a/osinaweb/osinacore/add/__pycache__/views.cpython-310.pyc and b/osinaweb/osinacore/add/__pycache__/views.cpython-310.pyc differ
diff --git a/osinaweb/osinacore/add/views.py b/osinaweb/osinacore/add/views.py
index 4f90aa72..a93e20d0 100644
--- a/osinaweb/osinacore/add/views.py
+++ b/osinaweb/osinacore/add/views.py
@@ -131,7 +131,7 @@ def add_business(request):
 
 @staff_login_required
 def add_staff(request):
-    staffpositions = StaffPosition.objects.all().order_by('-id')
+    jobpositions = JobPosition.objects.all().order_by('-id')
     if request.method == 'POST':
         email = request.POST.get('email').lower()
         first_name = request.POST.get('first_name')
@@ -160,26 +160,41 @@ def add_staff(request):
         user.last_name = last_name.lower().capitalize()
         user.save()
 
-        staff_positionid = request.POST.get('staff_position')
-        staff_position = get_object_or_404(StaffPosition, id=staff_positionid)
-
         if request.POST.get('intern'):
             intern = True
         else:
             intern = False
 
-        StaffProfile.objects.create(
+        staff = StaffProfile.objects.create(
             user=user,
             image=request.FILES.get('image'),
             mobile_number=request.POST.get('mobile_number'),
             active=active,
             intern=intern,
-            staff_position=staff_position,
         )
+
+        position_ids = request.POST.getlist('position[]')
+        start_dates = request.POST.getlist('start_date[]')
+        end_dates = request.POST.getlist('end_date[]')
+
+        for position_id, start_date, end_date in zip(position_ids, start_dates, end_dates):
+            position = get_object_or_404(JobPosition, id=position_id)
+            if end_date:
+                end_date = end_date
+            else:
+                end_date = None
+            StaffPosition.objects.create(
+                staff = staff,
+                position = position,
+                start_date = start_date,
+                end_date = end_date
+            )
+
+
         return redirect('users')
 
     context = {
-        'staffpositions': staffpositions,
+        'jobpositions': jobpositions,
     }
     return render(request, 'add_templates/add-staff.html', context)
 
diff --git a/osinaweb/osinacore/templates/add_templates/add-staff.html b/osinaweb/osinacore/templates/add_templates/add-staff.html
index 618fb650..7b686f4d 100644
--- a/osinaweb/osinacore/templates/add_templates/add-staff.html
+++ b/osinaweb/osinacore/templates/add_templates/add-staff.html
@@ -76,8 +76,8 @@
                                     <select name="position[]"
                                         class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-1">
                                         <option disabled selected>Select Position</option>
-                                        {% for position in positions %}
-                                        <option value="{{position.id}}">{{posiiton.name}}</option>
+                                        {% for position in jobpositions %}
+                                        <option value="{{position.id}}">{{position.name}}</option>
                                         {% endfor %}
                                     </select>
                                 </div>
diff --git a/osinaweb/osinacore/templates/details_templates/staff-details.html b/osinaweb/osinacore/templates/details_templates/staff-details.html
index 69febab5..ca8918b8 100644
--- a/osinaweb/osinacore/templates/details_templates/staff-details.html
+++ b/osinaweb/osinacore/templates/details_templates/staff-details.html
@@ -68,6 +68,8 @@
             </div>
 
             <div class="w-full flex flex-col gap-3 mt-3" id="positionsContainer">
+
+                {% for position in positions %}
                 <div class="w-full p-3 bg-gray-50 border border-gray-100 rounded-md flex justify-between items-center gap-3">
                     <div class="flex flex-col">
                         <p class="text-gray-500">Position: <span
@@ -86,6 +88,7 @@
                         </svg>
                     </div>
                 </div>  
+                {% endfor %}
 
                 <div class="w-full bg-gray-50 border border-gray-100 rounded-md flex items-center gap-3 p-3 initialPositionContainer" style="display: none;">
                     <div class="w-full grid grid-cols-1 md:grid-cols-3 gap-3">
@@ -94,8 +97,8 @@
                             <select
                                 class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-1">
                                 <option disabled selected>Select Position</option>
-                                {% for position in positions %}
-                                <option value="{{position.id}}">{{posiiton.name}}</option>
+                                {% for position in jobpositions %}
+                                <option value="{{position.id}}">{{position.name}}</option>
                                 {% endfor %}
                             </select>
                         </div>
diff --git a/osinaweb/osinacore/views.py b/osinaweb/osinacore/views.py
index 3d75184e..105ece26 100644
--- a/osinaweb/osinacore/views.py
+++ b/osinaweb/osinacore/views.py
@@ -576,9 +576,31 @@ def businessdetails(request, business_id):
 @staff_login_required
 def staffdetails( request, staff_id):
     staff = get_object_or_404(StaffProfile, staff_id=staff_id)
+    jobpositions = JobPosition.objects.all().order_by('-id')
+    positions = StaffPosition.objects.filter(staff=staff).order_by('-id')
+    if request.method == 'POST':
+        position_ids = request.POST.getlist('position[]')
+        start_dates = request.POST.getlist('start_date[]')
+        end_dates = request.POST.getlist('end_date[]')
+        for position_id, start_date, end_date in zip(position_ids, start_dates, end_dates):
+                position = get_object_or_404(JobPosition, id=position_id)
+                if end_date:
+                    end_date = end_date
+                else:
+                    end_date = None
+                StaffPosition.objects.create(
+                    staff = staff,
+                    position = position,
+                    start_date = start_date,
+                    end_date = end_date
+                )
+        return HttpResponse('<script>window.top.location.reload();</script>')
+
 
     context = {
         'staff' : staff,
+        'positions': positions,
+        'jobpositions': jobpositions,
     }
     return render(request, 'details_templates/staff-details.html', context)
 
diff --git a/osinaweb/static/images/uploaded_images/Screenshot_2024-06-13_at_9.01.20AM.png b/osinaweb/static/images/uploaded_images/Screenshot_2024-06-13_at_9.01.20AM.png
new file mode 100644
index 00000000..7339f1c8
Binary files /dev/null and b/osinaweb/static/images/uploaded_images/Screenshot_2024-06-13_at_9.01.20AM.png differ
diff --git a/osinaweb/static/images/uploaded_images/Screenshot_2024-06-20_at_9.32.29AM.png b/osinaweb/static/images/uploaded_images/Screenshot_2024-06-20_at_9.32.29AM.png
new file mode 100644
index 00000000..c6e4f406
Binary files /dev/null and b/osinaweb/static/images/uploaded_images/Screenshot_2024-06-20_at_9.32.29AM.png differ