From 509aceeacdb4a3031aa9e1d92171b97ed8917342 Mon Sep 17 00:00:00 2001
From: Horilla <support@horilla.com>
Date: Thu, 13 Feb 2025 17:15:29 +0530
Subject: [PATCH] [ADD] PROJECT: Project management module for Horilla (beta)

---
 horilla/horilla_apps.py                       |    3 +
 project/__init__.py                           |    0
 project/admin.py                              |    7 +
 project/apps.py                               |   12 +
 project/decorator.py                          |  138 ++
 project/filters.py                            |  162 ++
 project/forms.py                              |  259 +++
 project/methods.py                            |  196 +++
 project/migrations/__init__.py                |    0
 project/models.py                             |  249 +++
 project/sidebar.py                            |  105 ++
 project/static/dashboard/projectChart.js      |   89 +
 project/static/project/import.js              |  252 +++
 project/static/project/project_action.js      |  408 +++++
 project/static/project/project_view.js        |   25 +
 project/static/project/task_pipeline.js       |  138 ++
 project/static/task_all/task_all_action.js    |  220 +++
 .../static/time_sheet/time_sheet_action.js    |  118 ++
 .../dashboard/project_dashboard.html          |  152 ++
 .../templates/dashboard/project_details.html  |   71 +
 .../templates/project/new/filter_project.html |   44 +
 .../project/new/forms/project_creation.html   |   30 +
 .../project/new/forms/project_update.html     |   30 +
 project/templates/project/new/navbar.html     |  235 +++
 project/templates/project/new/overall.html    |   34 +
 .../project/new/project_kanban_view.html      |  201 +++
 .../project/new/project_list_view.html        |  236 +++
 .../forms/create_project_stage.html           |   30 +
 .../forms/update_project_stage.html           |   30 +
 project/templates/task/new/filter_task.html   |   43 +
 .../templates/task/new/forms/create_task.html |   30 +
 .../task/new/forms/create_task_project.html   |   55 +
 .../task/new/forms/create_timesheet.html      |   38 +
 .../templates/task/new/forms/update_task.html |   55 +
 .../task/new/forms/update_timesheet.html      |   37 +
 project/templates/task/new/overall.html       |  144 ++
 .../task/new/task_accordion_view.html         |  105 ++
 project/templates/task/new/task_details.html  |  134 ++
 .../templates/task/new/task_kanban_view.html  |  210 +++
 .../templates/task/new/task_list_view.html    |  427 +++++
 project/templates/task/new/task_navbar.html   |  104 ++
 .../templates/task/new/task_timesheet.html    |  140 ++
 .../forms/create_project_stage_taskall.html   |   88 +
 .../task_all/forms/create_taskall.html        |  115 ++
 .../task_all/forms/update_taskall.html        |  110 ++
 project/templates/task_all/task_all_card.html |  157 ++
 .../templates/task_all/task_all_filter.html   |   48 +
 project/templates/task_all/task_all_list.html |  180 ++
 .../templates/task_all/task_all_navbar.html   |  168 ++
 .../templates/task_all/task_all_overall.html  |  123 ++
 project/templates/task_all/update_task.html   |   42 +
 project/templates/time_sheet/chart.html       |  252 +++
 project/templates/time_sheet/filters.html     |   66 +
 project/templates/time_sheet/form-create.html |  126 ++
 project/templates/time_sheet/form-update.html |   98 ++
 .../time_sheet/form_project_time_sheet.html   |   92 +
 .../time_sheet/form_task_time_sheet.html      |  110 ++
 .../time_sheet/time_sheet_card_view.html      |  149 ++
 .../time_sheet/time_sheet_list_view.html      |  188 +++
 .../time_sheet/time_sheet_navbar.html         |  144 ++
 .../time_sheet/time_sheet_single_view.html    |   94 ++
 .../templates/time_sheet/time_sheet_view.html |   65 +
 project/tests.py                              |    3 +
 project/urls.py                               |  117 ++
 project/views.py                              | 1489 +++++++++++++++++
 static/images/ui/project.png                  |  Bin 0 -> 13360 bytes
 static/images/ui/project/brief.png            |  Bin 0 -> 6598 bytes
 static/images/ui/project/document.png         |  Bin 0 -> 7573 bytes
 static/images/ui/project/project.png          |  Bin 0 -> 21381 bytes
 static/images/ui/project/project_sidebar.png  |  Bin 0 -> 16344 bytes
 static/images/ui/project/task.png             |  Bin 0 -> 12948 bytes
 static/images/ui/project/timesheet.png        |  Bin 0 -> 16418 bytes
 static/images/ui/project/waterfall.png        |  Bin 0 -> 5213 bytes
 73 files changed, 9020 insertions(+)
 create mode 100644 project/__init__.py
 create mode 100644 project/admin.py
 create mode 100644 project/apps.py
 create mode 100644 project/decorator.py
 create mode 100644 project/filters.py
 create mode 100644 project/forms.py
 create mode 100644 project/methods.py
 create mode 100644 project/migrations/__init__.py
 create mode 100644 project/models.py
 create mode 100644 project/sidebar.py
 create mode 100644 project/static/dashboard/projectChart.js
 create mode 100644 project/static/project/import.js
 create mode 100644 project/static/project/project_action.js
 create mode 100644 project/static/project/project_view.js
 create mode 100644 project/static/project/task_pipeline.js
 create mode 100644 project/static/task_all/task_all_action.js
 create mode 100644 project/static/time_sheet/time_sheet_action.js
 create mode 100644 project/templates/dashboard/project_dashboard.html
 create mode 100644 project/templates/dashboard/project_details.html
 create mode 100644 project/templates/project/new/filter_project.html
 create mode 100644 project/templates/project/new/forms/project_creation.html
 create mode 100644 project/templates/project/new/forms/project_update.html
 create mode 100644 project/templates/project/new/navbar.html
 create mode 100644 project/templates/project/new/overall.html
 create mode 100644 project/templates/project/new/project_kanban_view.html
 create mode 100644 project/templates/project/new/project_list_view.html
 create mode 100644 project/templates/project_stage/forms/create_project_stage.html
 create mode 100644 project/templates/project_stage/forms/update_project_stage.html
 create mode 100644 project/templates/task/new/filter_task.html
 create mode 100644 project/templates/task/new/forms/create_task.html
 create mode 100644 project/templates/task/new/forms/create_task_project.html
 create mode 100644 project/templates/task/new/forms/create_timesheet.html
 create mode 100644 project/templates/task/new/forms/update_task.html
 create mode 100644 project/templates/task/new/forms/update_timesheet.html
 create mode 100644 project/templates/task/new/overall.html
 create mode 100644 project/templates/task/new/task_accordion_view.html
 create mode 100644 project/templates/task/new/task_details.html
 create mode 100644 project/templates/task/new/task_kanban_view.html
 create mode 100644 project/templates/task/new/task_list_view.html
 create mode 100644 project/templates/task/new/task_navbar.html
 create mode 100644 project/templates/task/new/task_timesheet.html
 create mode 100644 project/templates/task_all/forms/create_project_stage_taskall.html
 create mode 100644 project/templates/task_all/forms/create_taskall.html
 create mode 100644 project/templates/task_all/forms/update_taskall.html
 create mode 100644 project/templates/task_all/task_all_card.html
 create mode 100644 project/templates/task_all/task_all_filter.html
 create mode 100644 project/templates/task_all/task_all_list.html
 create mode 100644 project/templates/task_all/task_all_navbar.html
 create mode 100644 project/templates/task_all/task_all_overall.html
 create mode 100644 project/templates/task_all/update_task.html
 create mode 100644 project/templates/time_sheet/chart.html
 create mode 100644 project/templates/time_sheet/filters.html
 create mode 100644 project/templates/time_sheet/form-create.html
 create mode 100644 project/templates/time_sheet/form-update.html
 create mode 100644 project/templates/time_sheet/form_project_time_sheet.html
 create mode 100644 project/templates/time_sheet/form_task_time_sheet.html
 create mode 100644 project/templates/time_sheet/time_sheet_card_view.html
 create mode 100644 project/templates/time_sheet/time_sheet_list_view.html
 create mode 100644 project/templates/time_sheet/time_sheet_navbar.html
 create mode 100644 project/templates/time_sheet/time_sheet_single_view.html
 create mode 100644 project/templates/time_sheet/time_sheet_view.html
 create mode 100644 project/tests.py
 create mode 100644 project/urls.py
 create mode 100644 project/views.py
 create mode 100644 static/images/ui/project.png
 create mode 100644 static/images/ui/project/brief.png
 create mode 100644 static/images/ui/project/document.png
 create mode 100644 static/images/ui/project/project.png
 create mode 100644 static/images/ui/project/project_sidebar.png
 create mode 100644 static/images/ui/project/task.png
 create mode 100644 static/images/ui/project/timesheet.png
 create mode 100644 static/images/ui/project/waterfall.png

diff --git a/horilla/horilla_apps.py b/horilla/horilla_apps.py
index c0dbc780d..21c1944dc 100644
--- a/horilla/horilla_apps.py
+++ b/horilla/horilla_apps.py
@@ -19,6 +19,8 @@ INSTALLED_APPS.append("auditlog")
 INSTALLED_APPS.append("biometric")
 INSTALLED_APPS.append("helpdesk")
 INSTALLED_APPS.append("offboarding")
+INSTALLED_APPS.append("project")
+
 if settings.env("AWS_ACCESS_KEY_ID", default=None) and "storages" not in INSTALLED_APPS:
     INSTALLED_APPS.append("storages")
 
@@ -54,6 +56,7 @@ SIDEBARS = [
     "offboarding",
     "asset",
     "helpdesk",
+    "project",
 ]
 
 WHITE_LABELLING = False
diff --git a/project/__init__.py b/project/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/project/admin.py b/project/admin.py
new file mode 100644
index 000000000..9191a4891
--- /dev/null
+++ b/project/admin.py
@@ -0,0 +1,7 @@
+from django.contrib import admin
+from .models import *
+# Register your models here.
+admin.site.register(Project)
+admin.site.register(ProjectStage)
+admin.site.register(Task)
+admin.site.register(TimeSheet)
diff --git a/project/apps.py b/project/apps.py
new file mode 100644
index 000000000..7d1aa97f0
--- /dev/null
+++ b/project/apps.py
@@ -0,0 +1,12 @@
+from django.apps import AppConfig
+
+
+class ProjectConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "project"
+
+    def ready(self):
+        from horilla.horilla_settings import APPS
+
+        APPS.append("project")
+        super().ready()
diff --git a/project/decorator.py b/project/decorator.py
new file mode 100644
index 000000000..da809b736
--- /dev/null
+++ b/project/decorator.py
@@ -0,0 +1,138 @@
+from project.methods import any_project_manager, any_project_member, any_task_manager, any_task_member
+from .models import Project,Task,ProjectStage
+from django.contrib import messages
+from django.http import HttpResponseRedirect
+
+
+decorator_with_arguments = lambda decorator: lambda *args, **kwargs: lambda func: decorator(func, *args, **kwargs)
+
+@decorator_with_arguments
+def is_projectmanager_or_member_or_perms(function,perm):
+    def _function(request, *args, **kwargs):
+        """
+        This method is used to check the employee is project manager or not       
+        """
+        user = request.user
+        if (
+            user.has_perm(perm) or 
+            any_project_manager(user) or
+            any_project_member(user) or
+            any_task_manager(user) or
+            any_task_member(user)
+        ):
+            return function(request, *args, **kwargs)
+        messages.info(request, "You don't have permission.")
+        return HttpResponseRedirect(request.META.get("HTTP_REFERER", "/"))
+    return _function
+
+@decorator_with_arguments
+def project_update_permission(function=None, *args, **kwargs):
+    def check_project_member(request,project_id=None,*args, **kwargs,):
+        """
+        This method is used to check the employee is project member or not       
+        """
+        project = Project.objects.get(id = project_id)
+        if (request.user.has_perm('project.change_project') or 
+            request.user.employee_get == project.manager or
+            request.user.employee_get in project.members.all()    
+        ):
+            return function(request, *args,project_id=project_id, **kwargs)
+        messages.info(request,'You dont have permission.')
+        return HttpResponseRedirect(request. META. get('HTTP_REFERER', '/'))
+        # return function(request, *args, **kwargs)
+    return check_project_member
+
+
+@decorator_with_arguments
+def project_delete_permission(function=None,*args,**kwargs):
+    def is_project_manager(request,project_id=None,*args, **kwargs,):
+        """
+        This method is used to check the employee is project manager or not       
+        """
+        project = Project.objects.get(id = project_id)
+        if ( 
+            request.user.employee_get == project.manager or
+            request.user.has_perm('project.delete_project')
+        ):
+            return function(request, *args,project_id=project_id, **kwargs)
+        messages.info(request,'You dont have permission.')
+        return HttpResponseRedirect(request. META. get('HTTP_REFERER', '/'))
+    return is_project_manager
+
+
+@decorator_with_arguments
+def project_stage_update_permission(function=None, *args, **kwargs):
+    def check_project_member(request,stage_id=None,*args, **kwargs,):
+        """
+        This method is used to check the employee is project stage member or not       
+        """
+        project = ProjectStage.objects.get(id = stage_id).project
+        if (request.user.has_perm('project.change_project') or
+            request.user.has_perm('project.change_task') or 
+            request.user.employee_get == project.manager or
+            request.user.employee_get in project.members.all() 
+        ):
+            return function(request, *args,stage_id=stage_id, **kwargs)
+        messages.info(request,'You dont have permission.')
+        return HttpResponseRedirect(request. META. get('HTTP_REFERER', '/'))
+        # return function(request, *args, **kwargs)
+    return check_project_member
+
+@decorator_with_arguments
+def project_stage_delete_permission(function=None,*args,**kwargs):
+    def is_project_manager(request,stage_id=None,*args, **kwargs,):
+        """
+        This method is used to check the employee is project stage manager or not       
+        """
+        project = ProjectStage.objects.get(id = stage_id).project
+        if ( 
+            request.user.employee_get == project.manager or
+            request.user.has_perm('project.delete_project')
+        ):
+            return function(request, *args,stage_id=stage_id, **kwargs)
+        messages.info(request,'You dont have permission.')
+        return HttpResponseRedirect(request. META. get('HTTP_REFERER', '/'))
+    return is_project_manager
+
+@decorator_with_arguments
+def task_update_permission(function=None,*args,**kwargs):
+    def is_task_member(request,task_id):
+        """
+        This method is used to check the employee is task member or not       
+        """
+        task = Task.objects.get(id = task_id)
+        project = task.project
+
+        if (request.user.has_perm('project.change_task') or 
+            request.user.has_perm('project.change_project') or 
+            request.user.employee_get == task.task_manager or
+            request.user.employee_get in task.task_members.all() or
+            request.user.employee_get == project.manager or
+            request.user.employee_get in project.members.all()     
+        ):
+            return function(request, *args,task_id=task_id, **kwargs)
+        
+        messages.info(request,'You dont have permission.')
+        return HttpResponseRedirect(request. META. get('HTTP_REFERER', '/'))    
+    return is_task_member
+
+
+@decorator_with_arguments
+def task_delete_permission(function=None,*args,**kwargs):
+    def is_task_manager(request,task_id):
+        """
+        This method is used to check the employee is task manager or not       
+        """
+        task = Task.objects.get(id = task_id)
+        project = task.project
+
+        if (request.user.has_perm('project.delete_task') or 
+            request.user.has_perm('project.delete_project') or 
+            request.user.employee_get == task.task_manager or
+            request.user.employee_get == project.manager 
+        ):
+            return function(request,task_id=task_id)
+        
+        messages.info(request,'You dont have permission.')
+        return HttpResponseRedirect(request. META. get('HTTP_REFERER', '/'))    
+    return is_task_manager
\ No newline at end of file
diff --git a/project/filters.py b/project/filters.py
new file mode 100644
index 000000000..de8049214
--- /dev/null
+++ b/project/filters.py
@@ -0,0 +1,162 @@
+import django_filters
+from django import forms
+from django.db.models import Q
+import django_filters
+from attendance.filters import FilterSet
+from horilla.filters import filter_by_name
+from .models import TimeSheet, Project, Task,Employee
+
+
+class ProjectFilter(FilterSet):
+    search = django_filters.CharFilter(method="filter_by_project")
+
+    class Meta:
+        model = Project
+        fields = ["title",
+                  "manager",
+                  "status",
+                  "end_date",
+                  "start_date",
+                  ]
+        
+    manager = django_filters.ModelChoiceFilter(
+         field_name = 'manager',queryset=Employee.objects.all() 
+    )
+    start_from = django_filters.DateFilter(
+        field_name="start_date",
+        lookup_expr="gte",
+        widget=forms.DateInput(attrs={"type": "date"}),
+    )
+    end_till = django_filters.DateFilter(
+        field_name="end_date",
+        lookup_expr="lte",
+        widget=forms.DateInput(attrs={"type": "date"}),
+    )
+     
+    def filter_by_project(self, queryset, _, value):
+        queryset = queryset.filter(title__icontains=value)
+        return queryset
+
+
+class TaskFilter(FilterSet):
+    search = django_filters.CharFilter(method="filter_by_task")
+    task_manager = django_filters.ModelChoiceFilter(
+         field_name = 'task_manager',queryset=Employee.objects.all() 
+    )
+    end_till = django_filters.DateFilter(
+        field_name="end_date",
+        lookup_expr="lte",
+        widget=forms.DateInput(attrs={"type": "date"}),
+    )
+
+    class Meta:
+        model = Task
+        fields = ["title",
+                  "stage",
+                  "task_manager",
+                  "end_date",
+                  "status",
+                  "project",
+                  ]
+
+    def filter_by_task(self, queryset, _, value):
+        queryset = queryset.filter(title__icontains=value)
+        return queryset
+    
+class TaskAllFilter(FilterSet):
+    search = django_filters.CharFilter(method="filter_by_task")
+    manager = django_filters.ModelChoiceFilter(
+         field_name = 'task_manager',queryset=Employee.objects.all() 
+    )
+    end_till = django_filters.DateFilter(
+        field_name="end_date",
+        lookup_expr="lte",
+        widget=forms.DateInput(attrs={"type": "date"}),
+    )
+
+    class Meta:
+        model = Task
+        fields = ["title",
+                  'project',
+                  "stage",
+                  "task_manager",
+                  "end_date",
+                  "status",
+                  ]
+
+    def filter_by_task(self, queryset, _, value):
+        queryset = queryset.filter(title__icontains=value)
+        return queryset
+    
+
+
+class TimeSheetFilter(FilterSet):
+    """
+    Filter set class for Timesheet model
+    """
+
+    date = django_filters.DateFilter(
+        field_name="date", widget=forms.DateInput(attrs={"type": "date"})
+    )
+    start_from = django_filters.DateFilter(
+        field_name="date",
+        lookup_expr="gte",
+        widget=forms.DateInput(attrs={"type": "date"}),
+    )
+    end_till = django_filters.DateFilter(
+        field_name="date",
+        lookup_expr="lte",
+        widget=forms.DateInput(attrs={"type": "date"}),
+    )
+
+    project = django_filters.ModelChoiceFilter(
+        field_name="project_id", queryset=Project.objects.all()
+    ),
+
+    task = django_filters.ModelChoiceFilter(
+        field_name="task_id", queryset=Task.objects.all()
+    )
+    search = django_filters.CharFilter(method="filter_by_employee")
+
+    class Meta:
+        """
+        Meta class to add additional options
+        """
+
+        model = TimeSheet
+        fields = [
+            "employee_id",
+            "project_id",
+            "task_id",
+            "date",
+            "status",
+        ]
+        
+    def filter_by_employee(self, queryset, _, value):
+        """
+        Filter queryset by first name or last name.
+        """
+
+        # Split the search value into first name and last name
+
+        parts = value.split()
+        first_name = parts[0]
+        last_name = " ".join(parts[1:]) if len(parts) > 1 else ""
+
+        # Filter the queryset by first name and last name
+        if first_name and last_name != "":
+            queryset = queryset.filter(
+                Q(employee_id__employee_first_name__icontains=first_name)
+                | Q(employee_id__employee_last_name__icontains=last_name)
+            )
+        elif first_name:
+            queryset = queryset.filter(
+                Q(employee_id__employee_first_name__icontains=first_name)
+                | Q(employee_id__employee_last_name__icontains=first_name)
+            )
+        elif last_name:
+            queryset = queryset.filter(
+                employee_id__employee_last_name__icontains=last_name
+            )
+        return queryset
+    
diff --git a/project/forms.py b/project/forms.py
new file mode 100644
index 000000000..158caab5d
--- /dev/null
+++ b/project/forms.py
@@ -0,0 +1,259 @@
+from django import forms
+from django.utils.translation import gettext_lazy as _
+from .models import *
+from payroll.forms.forms import ModelForm
+from django.template.loader import render_to_string
+
+
+class ProjectForm(ModelForm):
+    """
+    Form for Project model
+    """
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+
+        model = Project
+        fields = "__all__"
+        widgets = {
+            "start_date": forms.DateInput(attrs={"type": "date"}),
+            "end_date": forms.DateInput(attrs={"type": "date"}),
+        }
+
+
+class ProjectTimeSheetForm(ModelForm):
+    """
+    Form for Project model in Time sheet form
+    """
+    def __init__(self, *args, **kwargs):
+        super(ProjectTimeSheetForm, self).__init__(*args, **kwargs)
+        self.fields["status"].widget.attrs.update(
+            {
+                "style": "width: 100%; height: 47px;",
+                "class": "oh-select",
+            }
+        )
+    def __init__(self, *args, request=None, **kwargs):
+        super(ProjectTimeSheetForm, self).__init__(*args, **kwargs)
+        self.fields["manager"].widget.attrs.update({"id":"manager_id"})
+        self.fields["status"].widget.attrs.update({"id":"status_id"})
+        self.fields["members"].widget.attrs.update({"id":"members_id"})
+        self.fields['title'].widget.attrs.update({'id':'id_project'})
+
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+
+        model = Project
+        fields = "__all__"
+        widgets = {
+            "start_date": forms.DateInput(attrs={"type": "date"}),
+            "end_date": forms.DateInput(attrs={"type": "date"}),
+        }
+
+
+
+class TaskForm(ModelForm):
+    """
+    Form for Task model
+    """
+
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+
+        model = Task
+        fields = "__all__"
+        # exclude = ("project_id",)
+
+        widgets = {
+            "end_date": forms.DateInput(attrs={"type": "date"}),
+            "project":forms.HiddenInput(),
+            "stage":forms.HiddenInput(),
+            "sequence":forms.HiddenInput()
+            }
+        
+class TaskFormCreate(ModelForm):
+    
+    """
+    Form for Task model in create button inside task view
+    """
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+
+        model = Task
+        fields = "__all__"
+        # exclude = ("project_id",)
+
+        widgets = {
+            "end_date": forms.DateInput(attrs={"type": "date"}),
+            "project":forms.HiddenInput(),
+            "sequence":forms.HiddenInput(),
+            "stage": forms.SelectMultiple(
+                attrs={
+                    "class": "oh-select oh-select-2 select2-hidden-accessible",
+                    "onchange": "keyResultChange($(this))",
+                }
+            ),
+            }
+        
+    def __init__(self, *args, request=None, **kwargs):
+        super(TaskFormCreate, self).__init__(*args, **kwargs)
+        self.fields["stage"].widget.attrs.update({"id":"project_stage"})
+
+    def as_p(self):
+        """
+        Render the form fields as HTML table rows with Bootstrap styling.
+        """
+        context = {"form": self}
+        table_html = render_to_string("common_form.html", context)
+        return table_html
+        
+class TaskAllForm(ModelForm):
+    """
+    Form for Task model in task all view
+    """
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+        model = Task
+        fields = "__all__"
+
+        widgets= {
+            "end_date": forms.DateInput(attrs={"type": "date"}),
+            "sequence":forms.HiddenInput()
+        }
+    def __init__(self, *args, request=None, **kwargs):
+        super(TaskAllForm, self).__init__(*args, **kwargs)
+        self.fields["project"].choices = list(self.fields["project"].choices)
+        self.fields["project"].choices.append(
+                ("create_new_project", "Create a new project")
+            )
+        # Remove the select2 class from the "project" field
+        # self.fields["project"].widget.attrs.pop("class", None)
+        # self.fields["stage"].widget.attrs.pop("class", None)
+        self.fields["stage"].widget.attrs.update({"id":"project_stage"})
+
+
+
+class TimeSheetForm(ModelForm):
+    """
+    Form for Time Sheet model
+    """
+
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+
+        model = TimeSheet
+        fields = "__all__"
+        widgets = {
+            "date": forms.DateInput(attrs={"type": "date"}),
+        }
+
+    def __init__(self, *args, request=None, **kwargs):
+        super(TimeSheetForm, self).__init__(*args, **kwargs)
+        if request:
+            if not request.user.has_perm("project.add_timesheet"):
+                employee = Employee.objects.filter(employee_user_id=request.user)
+                employee_list = Employee.objects.filter(employee_work_info__reporting_manager_id=employee.first())
+                self.fields["employee_id"].queryset = employee_list | employee
+                if len(employee_list) == 0:
+                    self.fields["employee_id"].widget = forms.HiddenInput()
+            self.fields['project_id'].widget.attrs.update({'id':'id_project'})
+            self.fields["project_id"].choices = list(self.fields["project_id"].choices)
+            self.fields["project_id"].choices.append(
+                ("create_new_project", "Create a new project")
+            )
+
+class TimesheetInTaskForm(ModelForm):
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+        model = TimeSheet
+        fields = "__all__"
+        widgets = {
+            "date": forms.DateInput(attrs={"type": "date"}),
+            "project_id":forms.HiddenInput(),
+            "task_id":forms.HiddenInput(),
+        }
+
+class ProjectStageForm(ModelForm):
+    """
+    Form for Project stage model
+    """
+
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+
+        model = ProjectStage
+        fields = "__all__"
+        # exclude = ("project",)
+
+        widgets = {
+            "project":forms.HiddenInput(),
+            'sequence':forms.HiddenInput()
+            }
+        
+class TaskTimeSheetForm(ModelForm):
+    """
+    Form for Task model in timesheet form
+    """
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+
+        model = Task
+        fields = "__all__"
+        widgets = {
+            "end_date": forms.DateInput(attrs={"type": "date"}),
+            "project": forms.HiddenInput(),
+        }
+
+    def __init__(self, *args, **kwargs):
+        super(TaskTimeSheetForm, self).__init__(*args, **kwargs)
+        # Add style to the start_date and end_date fields
+        # self.fields["stage"].choices.append(
+        #         ("create_new_project", "Create a new project")
+        #     )
+        self.fields["status"].widget.attrs.update(
+            {
+                "style": "width: 100%; height: 47px;",
+                "class": "oh-select",
+                
+            }
+        )
+        self.fields["description"].widget.attrs.update(
+            {
+                "style": "width: 100%; height: 130px;",
+                "class": "oh-select",
+            }
+        )
+        self.fields["description"].widget.attrs.update(
+            {
+                "style": "width: 100%; height: 130px;",
+                "class": "oh-select",
+            }
+        )
+        
+        self.fields["stage"].widget.attrs.update(
+            {
+                "id":'project_stage'
+            }
+        )
+
+
+
+    
+        
diff --git a/project/methods.py b/project/methods.py
new file mode 100644
index 000000000..26372310d
--- /dev/null
+++ b/project/methods.py
@@ -0,0 +1,196 @@
+import random
+from django.core.paginator import Paginator
+from django.contrib import messages
+from django.http import HttpResponseRedirect
+from base.methods import get_pagination
+from recruitment.decorators import decorator_with_arguments
+from employee.models import Employee
+from project.models import TimeSheet,Project,Task
+
+
+def strtime_seconds(time):
+    """
+    this method is used to reconvert time in H:M formate string back to seconds and return it
+    args:
+        time : time in H:M format
+    """
+    ftr = [3600, 60, 1]
+    return sum(a * b for a, b in zip(ftr, map(int, time.split(":"))))
+
+
+def paginator_qry(qryset, page_number):
+    """
+    This method is used to generate common paginator limit.
+    """
+    paginator = Paginator(qryset, get_pagination())
+    qryset = paginator.get_page(page_number)
+    return qryset
+
+
+def random_color_generator():
+    r = random.randint(0, 255)
+    g = random.randint(0, 255)
+    b = random.randint(0, 255)
+    if r==g or g==b or b==r:
+        random_color_generator()
+    return f"rgba({r}, {g}, {b} , 0.7)"
+
+
+# color_palette=[]
+# Function to generate distinct colors for each project
+def generate_colors(num_colors):
+    # Define a color palette with distinct colors
+    color_palette = [
+        "rgba(255, 99, 132, 1)",   # Red
+        "rgba(54, 162, 235, 1)",   # Blue
+        "rgba(255, 206, 86, 1)",   # Yellow
+        "rgba(75, 192, 192, 1)",   # Green
+        "rgba(153, 102, 255, 1)",  # Purple
+        "rgba(255, 159, 64, 1)",   # Orange
+    ]
+    
+    if num_colors > len(color_palette):
+        for i in range(num_colors-len(color_palette)):
+            color_palette.append(random_color_generator())
+
+    colors = []
+    for i in range(num_colors):
+        # color=random_color_generator()
+        colors.append(color_palette[i % len(color_palette)])
+
+    return colors
+
+def any_project_manager(user):
+    employee = user.employee_get
+    if employee.project_manager.all().exists():
+        return True
+    else:
+        return False
+
+def any_project_member(user):
+    employee = user.employee_get
+    if employee.project_members.all().exists():
+        return True
+    else:
+        return False
+    
+def any_task_manager(user):
+    employee = user.employee_get
+    if employee.task_set.all().exists():
+        return True
+    else:
+        return False
+
+def any_task_member(user):
+    employee = user.employee_get
+    if employee.tasks.all().exists():
+        return True
+    else:
+        return False
+    
+@decorator_with_arguments
+def is_projectmanager_or_member_or_perms(function,perm):
+    def _function(request, *args, **kwargs):
+
+        """
+        This method is used to check the employee is project manager or not       
+        """
+        user = request.user
+        if (
+            user.has_perm(perm) or 
+            any_project_manager(user) or
+            any_project_member(user) or
+            any_task_manager(user) or
+            any_task_member(user)
+        ):
+            return function(request, *args, **kwargs)
+        messages.info(request, "You don't have permission.")
+        return HttpResponseRedirect(request.META.get("HTTP_REFERER", "/"))
+    return _function
+
+
+# def is_project_member(request,project_id):
+#     """
+#     This method is used to check the employee is project member or not       
+#     """
+#     print(Project.objects.get(id = project_id))
+#     print(Project.objects.get(id = project_id).members.all() )
+#     if (request.user.has_perm('project.change_project') or 
+#         request.user.employee_get == Project.objects.get(id = project_id).manager or
+#         request.user.employee_get in Project.objects.get(id = project_id).members.all()    
+#     ):
+#         return True
+#     return False
+
+# def is_project_manager(request,project_id):
+#     """
+#     This method is used to check the employee is project manager or not       
+#     """
+#     print(Project.objects.get(id = project_id))
+#     print(Project.objects.get(id = project_id).manager )
+#     if ( 
+#         request.user.employee_get == Project.objects.get(id = project_id).manager or
+#         request.user.has_perm('project.delete_project')
+
+#     ):
+#         return True
+#     return False
+
+
+# def is_project_manager(request, project_id):
+#     """
+#     This function checks if the user is a project manager or has permission to delete a project.
+#     """
+#     user = request.user
+#     try:
+#         project = Project.objects.get(id=project_id)
+#     except Project.DoesNotExist:
+#         return False  # Project with the specified ID does not exist
+
+#     if user.employee_get == project.manager or user.has_perm('project.delete_project'):
+#         return True  # User is a project manager or has delete_project permission
+    
+#     return False  # User does not have the required permission
+
+
+def is_task_member(request,task_id):
+    """
+    This method is used to check the employee is task member or not       
+    """
+    if (request.user.has_perm('project.change_task') or 
+        request.user.employee_get == Task.objects.get(id = task_id).task_manager or
+        request.user.employee_get in Task.objects.get(id = task_id).task_members.all()    
+    ):
+        return True
+    return False
+
+def is_task_manager(request,task_id):
+    """
+    This method is used to check the employee is task member or not       
+    """
+    if (request.user.has_perm('project.delete_task') or 
+        request.user.employee_get == Task.objects.get(id = task_id).task_manager    
+    ):
+        return True
+    return False
+
+
+def time_sheet_update_permissions(request,time_sheet_id):
+    if (
+        request.user.has_perm("project.change_timesheet") 
+        or request.user.employee_get == TimeSheet.objects.get(id=time_sheet_id).employee_id
+        or TimeSheet.objects.get(id=time_sheet_id).employee_id in Employee.objects.filter(employee_work_info__reporting_manager_id=request.user.employee_get)
+    ):
+        return True
+    else:
+        return False
+    
+def time_sheet_delete_permissions(request,time_sheet_id):
+    if (
+        request.user.has_perm("project.delete_timesheet") 
+        or request.user.employee_get == TimeSheet.objects.get(id=time_sheet_id).employee_id
+        or TimeSheet.objects.get(id=time_sheet_id).employee_id in Employee.objects.filter(employee_work_info__reporting_manager_id=request.user.employee_get)
+    ):
+        return True
+    else:
+        return False
\ No newline at end of file
diff --git a/project/migrations/__init__.py b/project/migrations/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/project/models.py b/project/models.py
new file mode 100644
index 000000000..44bd138b2
--- /dev/null
+++ b/project/models.py
@@ -0,0 +1,249 @@
+"""
+models.py
+
+This module is used to register models for project app
+
+"""
+from django.db import models
+from django.apps import apps
+from employee.models import Employee
+from django.core.exceptions import ValidationError
+from django.utils.translation import gettext_lazy as _
+from django.utils import timezone
+from employee.models import Employee
+from datetime import date
+
+
+
+# Create your models here.
+
+def validate_time_format(value):
+    """
+    this method is used to validate the format of duration like fields.
+    """
+    if len(value) > 5:
+        raise ValidationError(_("Invalid format, it should be HH:MM format"))
+    try:
+        hour, minute = value.split(":")
+        
+        if len(hour) < 2 or len(minute) < 2:
+            raise ValidationError(_( "Invalid format, it should be HH:MM format"))
+        
+        minute = int(minute)
+        if len(hour) > 2 or minute not in range(60):
+            raise ValidationError(_("Invalid time"))
+    except ValueError as error:
+        raise ValidationError(_("Invalid format")) from error
+
+
+
+class Project(models.Model):
+    PROJECT_STATUS = [
+        ("new", "New"),
+        ("in_progress", "In Progress"),
+        ("completed", "Completed"),
+        ("on_hold", "On Hold"),
+        ("cancelled", "Cancelled"),
+        ("expired", "Expired"),
+    ]
+    title = models.CharField(max_length=200, unique=True, verbose_name="Name")
+    manager = models.ForeignKey(
+        Employee,
+        on_delete=models.CASCADE,
+        null=True,
+        blank=True,
+        related_name="project_manager",
+        verbose_name="Project Manager",
+    )
+    members = models.ManyToManyField(
+        Employee,
+        blank=True,
+        related_name="project_members",
+        verbose_name="Project Members",
+    )
+    status = models.CharField(choices=PROJECT_STATUS, max_length=250, default="new")
+    start_date = models.DateField()
+    end_date = models.DateField(null=True, blank=True)
+    document = models.FileField(
+        upload_to="project/files", blank=True, null=True, verbose_name="Project File"
+    )
+    is_active = models.BooleanField(default=True)
+    description = models.TextField()
+    objects = models.Manager()
+
+    
+
+    def clean(self) -> None:
+        # validating end date 
+        if self.end_date is not None:
+            if self.end_date < self.start_date:
+                raise ValidationError({"document": "End date is less than start date"})
+            if self.end_date < date.today():
+                self.status = "expired"
+
+    def __str__(self):
+        return self.title
+    
+
+
+class ProjectStage(models.Model):
+    """
+    ProjectStage model
+    """
+    title = models.CharField(max_length=200)
+    project = models.ForeignKey(
+        Project,
+        on_delete=models.CASCADE,
+        null=True,
+        blank=True,
+        related_name="project_stages",
+    )
+    sequence = models.IntegerField(null=True,blank=True)
+    is_end_stage = models.BooleanField(default=False)
+   
+
+    def __str__(self) -> str:
+        return f"{self.title}"
+    
+    def clean(self) -> None:
+        if self.is_end_stage:
+            project = self.project
+            existing_end_stage = project.project_stages.filter(is_end_stage = True).exclude(id = self.id)
+
+            if existing_end_stage:
+                end_stage = project.project_stages.filter(is_end_stage = True).first()
+                raise ValidationError(
+                    _(f"Already exist an end stage - {end_stage.title}.")
+                    )
+                
+                    
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+
+        unique_together = ["project", "title"]
+
+
+class Task(models.Model):
+    """
+    Task model
+    """
+    TASK_STATUS = [
+        ("to_do", "To Do"),
+        ("in_progress", "In Progress"),
+        ("completed", "Completed"),
+        ("expired", "Expired"),
+    ]
+    title = models.CharField(max_length=200)
+    project = models.ForeignKey(Project, on_delete=models.CASCADE, null = True, blank= True)
+    stage = models.ForeignKey(
+            ProjectStage,
+            on_delete=models.CASCADE,
+            null=True,
+            blank=True,
+            related_name="tasks",
+            verbose_name="Project Stage",
+            )
+    task_manager = models.ForeignKey(
+        Employee,
+        on_delete=models.CASCADE,
+        null=True,
+        blank=True,  
+        verbose_name="Task Manager",
+    )
+    task_members = models.ManyToManyField(
+        Employee, blank=True, related_name="tasks", verbose_name="Task Members"
+    )
+    start_date = models.DateField(null=True, blank=True)
+    end_date = models.DateField(null=True, blank=True)
+    status = models.CharField(choices=TASK_STATUS, max_length=250, default="to_do")
+    document = models.FileField(
+        upload_to="task/files", blank=True, null=True, verbose_name="Task File"
+    )
+    is_active = models.BooleanField(default=True)
+    description = models.TextField()
+    sequence = models.IntegerField(default=0)
+    objects = models.Manager()
+
+
+    def clean(self) -> None:
+        if self.end_date is not None and self.project.end_date is not None:
+            if (
+                self.project.end_date < self.end_date
+                or self.project.start_date > self.end_date
+            ):
+                raise ValidationError(
+                    {"status": "End date must be between project start and end dates."}
+                )
+            if self.end_date < date.today():
+                self.status = "expired"
+    class Meta:
+        """
+        Meta class to add the additional info
+        """
+        unique_together = ["project", "title"]
+
+    def __str__(self):
+        return f"{self.title}"
+    
+
+
+
+
+class TimeSheet(models.Model):
+    """
+    TimeSheet model
+    """
+    TIME_SHEET_STATUS = [
+        ("in_Progress", "In Progress"),
+        ("completed", "Completed"),
+    ]
+    project_id = models.ForeignKey(
+        Project,
+        on_delete=models.CASCADE,
+        blank=True,
+        null=True,
+        related_name="project_timesheet",
+        verbose_name="Project",
+    )
+    task_id = models.ForeignKey(
+        Task,
+        on_delete=models.CASCADE,
+        blank=True,
+        null=True,
+        related_name="task_timesheet",
+        verbose_name="Task",
+    )
+    employee_id = models.ForeignKey(
+        Employee,
+        on_delete=models.CASCADE,
+        verbose_name="Employee",
+    )
+    date = models.DateField(default=timezone.now)
+    time_spent = models.CharField(
+        null=True,
+        default="00:00",
+        max_length=10,
+        validators=[validate_time_format],
+        verbose_name="Hours Spent",
+    )
+    status = models.CharField(
+        choices=TIME_SHEET_STATUS, max_length=250, default="in_Progress"
+    )
+    description = models.TextField(blank=True, null=True)
+    objects = models.Manager()
+
+    class Meta:
+        ordering = ("-id",)
+
+    def clean(self):
+        if self.project_id is None:
+            raise ValidationError({"project_id": "Project name is Required."})
+        if self.description is None or self.description == "":
+            raise ValidationError(
+                {"description": "Please provide a description to your Time sheet"}
+            )
+
+    def __str__(self):
+        return f"{self.project_id} {self.date} {self.time_spent}"
diff --git a/project/sidebar.py b/project/sidebar.py
new file mode 100644
index 000000000..4baa544cf
--- /dev/null
+++ b/project/sidebar.py
@@ -0,0 +1,105 @@
+"""
+project/sidebar.py
+"""
+
+from django.urls import reverse
+from base.templatetags.basefilters import is_reportingmanager
+from django.utils.translation import gettext_lazy as trans
+from django.contrib.auth.context_processors import PermWrapper
+
+
+from project.methods import any_project_manager, any_project_member, any_task_manager, any_task_member
+
+MENU = trans("Project")
+IMG_SRC = "images/ui/project.png"
+ACCESSIBILITY = "project.sidebar.menu_accessibilty"
+
+SUBMENUS = [
+    {
+        "menu": trans("Dashboard"),
+        "redirect": reverse("project-dashboard-view"),
+        "accessibility": "project.sidebar.dashboard_accessibility"
+    },
+    {
+        "menu": trans("Projects"),
+        "redirect": reverse("project-view"),
+        "accessibility": "project.sidebar.project_accessibility",
+    },
+    {
+        "menu": trans("Tasks"),
+        "redirect": reverse("task-all"),
+        "accessibility": "project.sidebar.task_accessibility",
+    },
+    {
+        "menu": trans("Timesheet"),
+        "redirect": reverse("view-time-sheet"),
+        "accessibility": "project.sidebar.timesheet_accessibility",
+    },
+]
+
+def menu_accessibilty(
+    request, _menu: str = "", user_perms: PermWrapper = [], *args, **kwargs
+) -> bool:
+    user = request.user
+    return (
+            "project" in user_perms or
+            is_reportingmanager(user) or 
+            any_project_manager(user) or
+            any_project_member(user) or
+            any_task_manager(user) or
+            any_task_member(user)
+    )
+
+def dashboard_accessibility(request, submenu, user_perms, *args, **kwargs):
+    user = request.user
+    if (
+        user.has_perm("project.view_project") or 
+        is_reportingmanager(user) or
+        any_project_manager(user) or
+        any_task_manager(user) 
+    ):
+        return True
+    else:
+        return False
+
+def project_accessibility(request, submenu, user_perms, *args, **kwargs):
+    user = request.user
+    if (
+        user.has_perm("project.view_project") or 
+        is_reportingmanager(user) or
+        any_project_manager(user) or
+        any_project_member(user) or
+        any_task_manager(user) or
+        any_task_member(user)
+    ):
+        return True
+    else:
+        return False
+
+def task_accessibility(request, submenu, user_perms, *args, **kwargs):
+    user = request.user
+    if (
+        user.has_perm("project.view_task") or 
+        is_reportingmanager(user) or
+        any_project_manager(user) or
+        any_project_member(user) or
+        any_task_manager(user) or
+        any_task_member(user)
+    ):
+        return True
+    else:
+        return False
+    
+def timesheet_accessibility(request, submenu, user_perms, *args, **kwargs):
+    user = request.user
+    if (
+        user.has_perm("project.view_timesheet") or 
+        is_reportingmanager(user) or
+        any_project_manager(user) or
+        any_project_member(user) or
+        any_task_manager(user) or
+        any_task_member(user)
+    ):
+        return True
+    else:
+        return False
\ No newline at end of file
diff --git a/project/static/dashboard/projectChart.js b/project/static/dashboard/projectChart.js
new file mode 100644
index 000000000..fc9e5752a
--- /dev/null
+++ b/project/static/dashboard/projectChart.js
@@ -0,0 +1,89 @@
+$(document).ready(function(){
+    function projectStatusChart(dataSet, labels) {
+        const data = {
+            labels: labels,
+            datasets: dataSet,
+        };
+        // Create chart using the Chart.js library
+        window['projectChart'] = {}
+        const ctx = document.getElementById("projectStatusCanvas").getContext("2d");
+        
+        projectChart = new Chart(ctx, {
+            type: 'bar',
+            data: data,
+            options: {
+            },
+        });
+    }
+        $.ajax({
+        url: "/project/project-status-chart",
+        type: "GET",
+        success: function (response) {
+            // Code to handle the response
+            // response =  {'dataSet': [{'label': 'Odoo developer 2023-03-30', 'data': [3, 0, 5, 3]}, {'label': 'React developer 2023-03-31', 'data': [0, 1, 1, 0]}, {'label': 'Content Writer 2023-04-01', 'data': [1, 0, 0, 0]}], 'labels': ['Initial', 'Test', 'Interview', 'Hired']}
+            dataSet = response.dataSet;
+            labels = response.labels;
+            projectStatusChart(dataSet, labels);
+
+        },
+        });
+        $('#projectStatusForward').click(function (e) { 
+        var chartType = projectChart.config.type
+        if (chartType === 'line') {
+            chartType = 'bar';
+        } else if(chartType==='bar') {
+            chartType = 'doughnut';
+        } else if(chartType==='doughnut'){
+            chartType = 'pie'
+        }else if(chartType==='pie'){
+            chartType = 'line'
+        }
+        projectChart.config.type = chartType;
+        projectChart.update();    
+        });
+
+        // for creating task status chart 
+        function taskStatusChart(dataSet, labels) {
+            const data = {
+                labels: labels,
+                datasets: dataSet,
+            };
+            // Create chart using the Chart.js library
+            window['taskChart'] = {}
+            const ctx = document.getElementById("taskStatusCanvas").getContext("2d");
+            
+            taskChart = new Chart(ctx, {
+                type: 'bar',
+                data: data,
+                options: {
+                },
+            });
+        }
+            $.ajax({
+            url: "/project/task-status-chart",
+            type: "GET",
+            success: function (response) {
+                // Code to handle the response
+                // response =  {'dataSet': [{'label': 'Odoo developer 2023-03-30', 'data': [3, 0, 5, 3]}, {'label': 'React developer 2023-03-31', 'data': [0, 1, 1, 0]}, {'label': 'Content Writer 2023-04-01', 'data': [1, 0, 0, 0]}], 'labels': ['Initial', 'Test', 'Interview', 'Hired']}
+                dataSet = response.dataSet;
+                labels = response.labels;
+                taskStatusChart(dataSet, labels);
+    
+            },
+            });
+            $('#taskStatusForward').click(function (e) { 
+            var chartType = taskChart.config.type
+            if (chartType === 'line') {
+                chartType = 'bar';
+            } else if(chartType==='bar') {
+                chartType = 'doughnut';
+            } else if(chartType==='doughnut'){
+                chartType = 'pie'
+            }else if(chartType==='pie'){
+                chartType = 'line'
+            }
+            taskChart.config.type = chartType;
+            taskChart.update();    
+            });
+
+});
\ No newline at end of file
diff --git a/project/static/project/import.js b/project/static/project/import.js
new file mode 100644
index 000000000..c55a305ea
--- /dev/null
+++ b/project/static/project/import.js
@@ -0,0 +1,252 @@
+var downloadMessages = {
+    ar: "هل ترغب في تنزيل القالب؟",
+    de: "Möchten Sie die Vorlage herunterladen?",
+    es: "¿Quieres descargar la plantilla?",
+    en: "Do you want to download the template?",
+    fr: "Voulez-vous télécharger le modèle ?",
+  };
+  
+  var importsuccess = {
+    ar: "نجح الاستيراد", // Arabic
+    de: "Import erfolgreich", // German
+    es: "Importado con éxito", // Spanish
+    en: "Imported Successfully!", // English
+    fr: "Importation réussie" // French
+  };
+  
+  var uploadsuccess = {
+    ar: "تحميل كامل", // Arabic
+    de: "Upload abgeschlossen", // German
+    es: "Carga completa", // Spanish
+    en: "Upload Complete!", // English
+    fr: "Téléchargement terminé" // French
+  };
+  
+  var uploadingmessage = {
+    ar: "جارٍ الرفع",
+    de: "Hochladen...",
+    es: "Subiendo...",
+    en: "Uploading...",
+    fr: "Téléchargement en cours...",
+  };
+  
+  var validationmessage = {
+    ar: "يرجى تحميل ملف بامتداد .xlsx فقط.",
+    de: "Bitte laden Sie nur eine Datei mit der Erweiterung .xlsx hoch.",
+    es: "Por favor, suba un archivo con la extensión .xlsx solamente.",
+    en: "Please upload a file with the .xlsx extension only.",
+    fr: "Veuillez télécharger uniquement un fichier avec l'extension .xlsx.",
+  };
+  
+  function getCookie(name) {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== '') {
+        const cookies = document.cookie.split(';');
+        for (let i = 0; i < cookies.length; i++) {
+            const cookie = cookies[i].trim();
+            // Does this cookie string begin with the name we want?
+            if (cookie.substring(0, name.length + 1) === (name + '=')) {
+                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                break;
+            }
+        }
+    }
+    return cookieValue;
+  }
+  
+  function getCurrentLanguageCode(callback) {
+    $.ajax({
+      type: "GET",
+      url: "/employee/get-language-code/",
+      success: function (response) {
+        var languageCode = response.language_code;
+        callback(languageCode); // Pass the language code to the callback
+      },
+    });
+  }
+  
+  
+  // Get the form element
+  var form = document.getElementById("projectImportForm");
+  
+  // Add an event listener to the form submission
+  form.addEventListener("submit", function (event) {
+    // Prevent the default form submission
+    event.preventDefault();
+  
+    // Create a new form data object
+    var formData = new FormData();
+  
+    // Append the file to the form data object
+    var fileInput = document.querySelector("#projectImportFile");
+    formData.append("file", fileInput.files[0]);
+    $.ajax({
+      type: "POST",
+      url: "/project/project-import",
+      dataType: "binary",
+      data: formData,
+      processData: false,
+      contentType: false,
+      headers: {
+        "X-CSRFToken": getCookie('csrftoken'), // Replace with your csrf token value
+      },
+      xhrFields: {
+        responseType: "blob",
+      },
+      success: function (response) {
+        const file = new Blob([response], {
+          type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+        });
+        const url = URL.createObjectURL(file);
+        const link = document.createElement("a");
+        link.href = url;
+        link.download = "ImportError.xlsx";
+        document.body.appendChild(link);
+        link.click();
+      },
+      error: function (xhr, textStatus, errorThrown) {
+        console.error("Error downloading file:", errorThrown);
+      },
+    });
+  });
+  
+  
+  $("#importProject").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+        languageCode = code;
+        var confirmMessage = downloadMessages[languageCode];
+        // Use SweetAlert for the confirmation dialog
+        Swal.fire({
+            
+            text: confirmMessage,
+            icon: 'question',
+            showCancelButton: true,
+            confirmButtonColor: '#008000',
+            cancelButtonColor: '#d33',
+            confirmButtonText: 'Confirm'
+        }).then(function(result) {
+            if (result.isConfirmed) {
+                $("#loading").show();
+                var xhr = new XMLHttpRequest();
+                xhr.open('GET', "/project/project-import", true);
+                xhr.responseType = 'arraybuffer';
+  
+                xhr.upload.onprogress = function (e) {
+                    if (e.lengthComputable) {
+                        var percent = (e.loaded / e.total) * 100;
+                        $(".progress-bar").width(percent + "%").attr("aria-valuenow", percent);
+                        $("#progress-text").text("Uploading... " + percent.toFixed(2) + "%");
+                    }
+                };
+  
+                xhr.onload = function (e) {
+                    if (this.status == 200) {
+                        const file = new Blob([this.response], {
+                            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+                        });
+                        const url = URL.createObjectURL(file);
+                        const link = document.createElement("a");
+                        link.href = url;
+                        link.download = "project_template.xlsx";
+                        document.body.appendChild(link);
+                        link.click();
+                    }
+                };
+  
+                xhr.onerror = function (e) {
+                    console.error("Error downloading file:", e);
+                };
+  
+                xhr.send();
+            }
+        });
+    });
+  });
+  
+  $(document).ajaxStart(function () {
+    $("#loading").show();
+  });
+  
+  $(document).ajaxStop(function () {
+    $("#loading").hide();
+  });
+  
+  function simulateProgress() {
+    var languageCode = null;
+    getCurrentLanguageCode(function(code){
+    languageCode = code;
+    var importMessage = importsuccess[languageCode];
+    var uploadMessage = uploadsuccess[languageCode];
+    var uploadingMessage = uploadingmessage[languageCode];
+    let progressBar = document.querySelector('.progress-bar');
+    let progressText = document.getElementById('progress-text');
+  
+    let width = 0;
+    let interval = setInterval(function() {
+      if (width >= 100) {
+        clearInterval(interval);
+        progressText.innerText = uploadMessage;
+        setTimeout(function() {
+          document.getElementById('loading').style.display = 'none';
+        }, 3000);
+        Swal.fire({
+          text: importMessage,
+          icon: "success",
+          showConfirmButton: false,
+          timer: 2000,
+          timerProgressBar: true,
+        });
+        setTimeout(function() {
+          $('#projectImport').removeClass('oh-modal--show');
+          location.reload(true);
+        }, 2000);
+      } else {
+        width++;
+        progressBar.style.width = width + '%';
+        progressBar.setAttribute('aria-valuenow', width);
+        progressText.innerText = uploadingMessage + width + '%';
+      }
+    }, 20);
+  }
+  )}
+  
+  document.getElementById('projectImportForm').addEventListener('submit', function(event) {
+    event.preventDefault(); 
+    var languageCode = null;
+    getCurrentLanguageCode(function(code){
+    languageCode = code;
+    var erroMessage = validationmessage[languageCode];
+  
+    var fileInput = $('#projectImportFile').val();
+    var allowedExtensions = /(\.xlsx)$/i;
+  
+    if (!allowedExtensions.exec(fileInput)) {
+  
+      var errorMessage = document.createElement('div');
+      errorMessage.classList.add('error-message');
+      
+      errorMessage.textContent = erroMessage;
+  
+      document.getElementById('error-container').appendChild(errorMessage);
+  
+      fileInput.value = '';
+      
+      setTimeout(function() {
+        errorMessage.remove();
+      }, 2000);
+  
+      return false;
+    }
+    else{
+  
+            document.getElementById('loading').style.display = 'block';
+  
+  
+            simulateProgress();
+    }
+  
+  });
+  })
+  
\ No newline at end of file
diff --git a/project/static/project/project_action.js b/project/static/project/project_action.js
new file mode 100644
index 000000000..2f27f7a0e
--- /dev/null
+++ b/project/static/project/project_action.js
@@ -0,0 +1,408 @@
+var archiveMessages = {
+    // ar: "هل ترغب حقًا في أرشفة جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter archivieren?",
+    // es: "¿Realmente quieres archivar a todos los empleados seleccionados?",
+    en: "Do you really want to archive all the selected projects?",
+    // fr: "Voulez-vous vraiment archiver tous les employés sélectionnés ?",
+  };
+  
+  var unarchiveMessages = {
+    // ar: "هل ترغب حقًا في إلغاء أرشفة جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter aus der Archivierung zurückholen?",
+    // es: "¿Realmente quieres desarchivar a todos los empleados seleccionados?",
+    en: "Do you really want to unarchive all the selected projects?",
+    // fr: "Voulez-vous vraiment désarchiver tous les employés sélectionnés?",
+  };
+  
+  var deleteMessages = {
+    // ar: "هل ترغب حقًا في حذف جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter löschen?",
+    // es: "¿Realmente quieres eliminar a todos los empleados seleccionados?",
+    en: "Do you really want to delete all the selected projects?",
+    // fr: "Voulez-vous vraiment supprimer tous les employés sélectionnés?",
+  };
+
+  var exportMessages = {
+    // ar: "هل ترغب حقًا في حذف جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter löschen?",
+    // es: "¿Realmente quieres eliminar a todos los empleados seleccionados?",
+    en: "Do you really want to export all the selected projects?",
+    // fr: "Voulez-vous vraiment supprimer tous les employés sélectionnés?",
+  };
+
+  var downloadMessages = {
+    ar: "هل ترغب في تنزيل القالب؟",
+    de: "Möchten Sie die Vorlage herunterladen?",
+    es: "¿Quieres descargar la plantilla?",
+    en: "Do you want to download the template?",
+    fr: "Voulez-vous télécharger le modèle ?",
+  };
+
+  var norowMessages = {
+    // ar: "لم يتم تحديد أي صفوف.",
+    // de: "Es wurden keine Zeilen ausgewählt.",
+    // es: "No se han seleccionado filas.",
+    en: "No rows have been selected.",
+    // fr: "Aucune ligne n'a été sélectionnée.",
+  };
+
+  function getCookie(name) {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== "") {
+      const cookies = document.cookie.split(";");
+      for (let i = 0; i < cookies.length; i++) {
+        const cookie = cookies[i].trim();
+        // Does this cookie string begin with the name we want?
+        if (cookie.substring(0, name.length + 1) === name + "=") {
+          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+          break;
+        }
+      }
+    }
+    return cookieValue;
+  }
+
+  function getCurrentLanguageCode(callback) {
+    $.ajax({
+      type: "GET",
+      url: "/employee/get-language-code/",
+      success: function (response) {
+        var languageCode = response.language_code;
+        callback(languageCode); // Pass the language code to the callback
+      },
+    });
+  }
+
+
+  // // Get the form element
+  // var form = document.getElementById("projectImportForm");
+
+  // // Add an event listener to the form submission
+  // form.addEventListener("submit", function (event) {
+  //   // Prevent the default form submission
+  //   event.preventDefault();
+
+  //   // Create a new form data object
+  //   var formData = new FormData();
+
+  //   // Append the file to the form data object
+  //   var fileInput = document.querySelector("#projectImportFile");
+  //   formData.append("file", fileInput.files[0]);
+  //   $.ajax({
+  //     type: "POST",
+  //     url: "/project/project-import",
+  //     dataType: "binary",
+  //     data: formData,
+  //     processData: false,
+  //     contentType: false,
+  //     headers: {
+  //       "X-CSRFToken": getCookie('csrftoken'), // Replace with your csrf token value
+  //     },
+  //     xhrFields: {
+  //       responseType: "blob",
+  //     },
+  //     success: function (response) {
+  //       const file = new Blob([response], {
+  //         type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  //       });
+  //       const url = URL.createObjectURL(file);
+  //       const link = document.createElement("a");
+  //       link.href = url;
+  //       link.download = "ImportError.xlsx";
+  //       document.body.appendChild(link);
+  //       link.click();
+  //     },
+  //     error: function (xhr, textStatus, errorThrown) {
+  //       console.error("Error downloading file:", errorThrown);
+  //     },
+  //   });
+  // });
+
+  // $("#importProject").click(function (e) {
+  //   e.preventDefault();
+  //   var languageCode = null;
+  //   getCurrentLanguageCode(function (code) {
+  //     languageCode = code;
+  //     var confirmMessage = downloadMessages[languageCode];
+  //     // Use SweetAlert for the confirmation dialog
+  //     Swal.fire({
+  //       text: confirmMessage,
+  //       icon: 'question',
+  //       showCancelButton: true,
+  //       confirmButtonColor: '#008000',
+  //       cancelButtonColor: '#d33',
+  //       confirmButtonText: 'Confirm'
+  //     }).then(function(result) {
+  //       if (result.isConfirmed) {
+  //         $.ajax({
+  //           type: "GET",
+  //           url: "/project/project-import",
+  //           dataType: "binary",
+  //           xhrFields: {
+  //             responseType: "blob",
+  //           },
+  //           success: function (response) {
+  //             const file = new Blob([response], {
+  //               type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  //             });
+  //             const url = URL.createObjectURL(file);
+  //             const link = document.createElement("a");
+  //             link.href = url;
+  //             link.download = "project_template.xlsx";
+  //             document.body.appendChild(link);
+  //             link.click();
+  //           },
+  //           error: function (xhr, textStatus, errorThrown) {
+  //             console.error("Error downloading file:", errorThrown);
+  //           },
+  //         });
+  //       }
+  //     });
+  //   });
+  // });
+
+  // $('#importProject').click(function (e) { 
+  //   $.ajax({
+  //     type: 'POST',
+  //     url: '/project/project-import',
+  //     dataType: 'binary',
+  //     xhrFields: {
+  //       responseType: 'blob'
+  //     },
+  //     success: function(response) {
+  //       const file = new Blob([response], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
+  //       const url = URL.createObjectURL(file);
+  //       const link = document.createElement('a');
+  //       link.href = url;
+  //       link.download = 'project.xlsx';
+  //       document.body.appendChild(link);
+  //       link.click();
+  //     },
+  //     error: function(xhr, textStatus, errorThrown) {
+  //       console.error('Error downloading file:', errorThrown);
+  //     }
+  //   });
+  // });
+
+
+  $(".all-projects").change(function (e) {
+    var is_checked = $(this).is(":checked");
+    if (is_checked) {
+      $(".all-project-row").prop("checked", true);
+    } else {
+      $(".all-project-row").prop("checked", false);
+    }
+  });
+
+  $("#exportProject").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+      languageCode = code;
+      var confirmMessage = exportMessages[languageCode];
+      var textMessage = norowMessages[languageCode];
+      var checkedRows = $(".all-project-row").filter(":checked");
+      if (checkedRows.length === 0) {
+        Swal.fire({
+          text: textMessage,
+          icon: "warning",
+          confirmButtonText: "Close",
+        });
+      } else {
+        Swal.fire({
+          text: confirmMessage,
+          icon: "info",
+          showCancelButton: true,
+          confirmButtonColor: "#008000",
+          cancelButtonColor: "#d33",
+          confirmButtonText: "Confirm",
+        }).then(function (result) {
+          if (result.isConfirmed) {
+            var checkedRows = $(".all-project-row").filter(":checked");
+            ids = [];
+            checkedRows.each(function () {
+              ids.push($(this).attr("id"));
+            });
+            
+            $.ajax({
+              type: "POST",
+              url: "/project/project-bulk-export",
+              dataType: "binary",
+              xhrFields: {
+              responseType: "blob",
+              },
+              data: {
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                ids: JSON.stringify(ids),
+              },
+              success: function (response, textStatus, jqXHR) {
+                const file = new Blob([response], {
+                  type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+                });
+                const url = URL.createObjectURL(file);
+                const link = document.createElement("a");
+                link.href = url;
+                link.download = "project details.xlsx";
+                document.body.appendChild(link);
+                link.click();
+              },
+            });
+          }
+        });
+      }
+    });
+  });
+
+  $("#archiveProject").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+      languageCode = code;
+      var confirmMessage = archiveMessages[languageCode];
+      var textMessage = norowMessages[languageCode];
+      var checkedRows = $(".all-project-row").filter(":checked");
+      if (checkedRows.length === 0) {
+        Swal.fire({
+          text: textMessage,
+          icon: "warning",
+          confirmButtonText: "Close",
+        });
+      } else {
+        Swal.fire({
+          text: confirmMessage,
+          icon: "info",
+          showCancelButton: true,
+          confirmButtonColor: "#008000",
+          cancelButtonColor: "#d33",
+          confirmButtonText: "Confirm",
+        }).then(function (result) {
+          if (result.isConfirmed) {
+            e.preventDefault();
+            ids = [];
+            checkedRows.each(function () {
+              ids.push($(this).attr("id"));
+            });
+            
+            $.ajax({
+              type: "POST",
+              url: "/project/project-bulk-archive?is_active=False",
+              data: {
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                ids: JSON.stringify(ids),
+              },
+              success: function (response, textStatus, jqXHR) {
+                if (jqXHR.status === 200) {
+                  location.reload(); // Reload the current page
+                } else {
+                  // console.log("Unexpected HTTP status:", jqXHR.status);
+                }
+              },
+            });
+          }
+        });
+      }
+    });
+  });
+
+
+$("#unArchiveProject").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+      languageCode = code;
+      var confirmMessage = unarchiveMessages[languageCode];
+      var textMessage = norowMessages[languageCode];
+      var checkedRows = $(".all-project-row").filter(":checked");
+      if (checkedRows.length === 0) {
+        Swal.fire({
+          text: textMessage,
+          icon: "warning",
+          confirmButtonText: "Close",
+        });
+      } else {
+        Swal.fire({
+          text: confirmMessage,
+          icon: "info",
+          showCancelButton: true,
+          confirmButtonColor: "#008000",
+          cancelButtonColor: "#d33",
+          confirmButtonText: "Confirm",
+        }).then(function (result) {
+          if (result.isConfirmed) {
+            var checkedRows = $(".all-project-row").filter(":checked");
+            ids = [];
+            checkedRows.each(function () {
+              ids.push($(this).attr("id"));
+            });
+            
+            $.ajax({
+              type: "POST",
+              url: "/project/project-bulk-archive?is_active=True",
+              data: {
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                ids: JSON.stringify(ids),
+              },
+              success: function (response, textStatus, jqXHR) {
+                if (jqXHR.status === 200) {
+                  location.reload(); // Reload the current page
+                } else {
+                  // console.log("Unexpected HTTP status:", jqXHR.status);
+                }
+              },
+            });
+          }
+        });
+      }
+    });
+  });
+  
+$("#deleteProject").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+      languageCode = code;
+      var confirmMessage = deleteMessages[languageCode];
+      var textMessage = norowMessages[languageCode];
+      var checkedRows = $(".all-project-row").filter(":checked");
+      if (checkedRows.length === 0) {
+        Swal.fire({
+          text: textMessage,
+          icon: "warning",
+          confirmButtonText: "Close",
+        });
+      } else {
+        Swal.fire({
+          text: confirmMessage,
+          icon: "error",
+          showCancelButton: true,
+          confirmButtonColor: "#008000",
+          cancelButtonColor: "#d33",
+          confirmButtonText: "Confirm",
+        }).then(function (result) {
+          if (result.isConfirmed) {
+            var checkedRows = $(".all-project-row").filter(":checked");
+            ids = [];
+            checkedRows.each(function () {
+              ids.push($(this).attr("id"));
+            });
+            
+            $.ajax({
+              type: "POST",
+              url: "/project/project-bulk-delete",
+              data: {
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                ids: JSON.stringify(ids),
+              },
+              success: function (response, textStatus, jqXHR) {
+                if (jqXHR.status === 200) {
+                  location.reload(); // Reload the current page
+                } else {
+                  // console.log("Unexpected HTTP status:", jqXHR.status);
+                }
+              },
+            });
+          }
+        });
+      }
+    });
+  });
\ No newline at end of file
diff --git a/project/static/project/project_view.js b/project/static/project/project_view.js
new file mode 100644
index 000000000..5195a526a
--- /dev/null
+++ b/project/static/project/project_view.js
@@ -0,0 +1,25 @@
+$(document).ready(function(){
+    $("#filter-project").keyup(function (e) {
+        $(".project-view-type").attr("hx-vals", `{"search":"${$(this).val()}"}`);
+    });
+    $(".project-view-type").click(function (e) {
+        let view = $(this).data("view");
+        var currentURL = window.location.href;
+        if (view != undefined){
+          // Check if the query string already exists in the URL
+          if (/\?view=[^&]+/.test(currentURL)) {
+            // If the query parameter ?view exists, replace it with the new value
+            newURL = currentURL.replace(/\?view=[^&]+/, "?view="+view);
+          }
+          else {
+            // If the query parameter ?view does not exist, add it to the URL
+            var separator = currentURL.includes('?') ? '&' : '?';
+            newURL = currentURL + separator + "view="+view;
+          }
+  
+          history.pushState({}, "", newURL);
+        $("#filter-project").attr("hx-vals", `{"view":"${view}"}`);
+        $('#timesheetForm').attr("hx-vals", `{"view":"${view}"}`);
+      }
+    });
+});
\ No newline at end of file
diff --git a/project/static/project/task_pipeline.js b/project/static/project/task_pipeline.js
new file mode 100644
index 000000000..12093c1fb
--- /dev/null
+++ b/project/static/project/task_pipeline.js
@@ -0,0 +1,138 @@
+$(document).ready(function(){
+    function getCookie(name) {
+        let cookieValue = null;
+        if (document.cookie && document.cookie !== "") {
+          const cookies = document.cookie.split(";");
+          for (let i = 0; i < cookies.length; i++) {
+            const cookie = cookies[i].trim();
+            // Does this cookie string begin with the name we want?
+            if (cookie.substring(0, name.length + 1) === name + "=") {
+              cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+              break;
+            }
+          }
+        }
+        return cookieValue;
+    }
+
+    // for the search function
+    $("#filter-task").keyup(function (e) {
+      var search = $(this).val().toLowerCase();
+      var view = $(this).data('view')
+      if (view == 'list') {
+        $('.task_row').each(function () {
+          var task = $(this).data('task')
+          if (task.includes(search)) {
+           $(this).show();  
+          } else {
+           $(this).hide();
+          } 
+         })
+        
+      } else {
+        $('.task').each(function () {
+          var task = $(this).data('task')
+          if (task.includes(search)) {
+           $(this).show();  
+          } else {
+           $(this).hide();
+          } 
+         })
+      }
+    });
+    
+
+    $('.task').mousedown(function(){
+        window ['previous_task_id'] = $(this).attr('data-task-id')
+        window ['previous_stage_id'] = $(this).parent().attr('data-stage-id')   
+    });
+
+    $(".tasks-container").on("DOMNodeInserted", function (e) {
+        var updated_task_id = $(e.target).attr('data-task-id');
+        var updated_stage_id = $(this).attr("data-stage-id");
+        if (updated_task_id != null) {
+          var new_seq = {}
+          var task_container = $(this).children(".task")
+          task_container.each(function(i, obj) {
+            new_seq[$(obj).data('task-id')] = i
+          });
+          $.ajax({
+              type: "post",
+              url: '/project/drag-and-drop-task',
+              data: {
+              csrfmiddlewaretoken: getCookie("csrftoken"),
+              updated_task_id: updated_task_id,
+              updated_stage_id : updated_stage_id,
+              previous_task_id : previous_task_id,
+              previous_stage_id : previous_stage_id,
+              sequence:JSON.stringify(new_seq),
+              },
+              success: function(response){
+                if (response.change) {  // Check if the 'change' attribute in the response is True
+                  $("#ohMessages").append(`
+                      <div class="oh-alert-container">
+                          <div class="oh-alert oh-alert--animated oh-alert--${response.type}">
+                              ${response.message}
+                          </div>
+                      </div>`);
+              }
+              },
+          });
+        };
+    });
+
+    
+
+    $('.stage').mouseup(function(){
+      window['previous_stage_id'] = $(this).attr('data-stage-id')
+      window['previous_sequence'] = $(this).attr('data-sequence')
+      setTimeout(function() {
+        var new_seq = {}
+        $('.stage').each(function(i, obj) {
+          new_seq[$(obj).attr('data-stage-id')] = i
+        });
+        $.ajax({
+          type: 'post',
+          url: '/project/drag-and-drop-stage',
+          data:{
+            csrfmiddlewaretoken: getCookie("csrftoken"),
+            sequence:JSON.stringify(new_seq),
+          },
+          success: function(response) {
+            if (response.change) {  // Check if the 'change' attribute in the response is True
+                $("#ohMessages").append(`
+                    <div class="oh-alert-container">
+                        <div class="oh-alert oh-alert--animated oh-alert--${response.type}">
+                            ${response.message}
+                        </div>
+                    </div>`);
+            }
+        },
+        })
+      }, 100);
+    })  
+
+    $("#filter-task").keyup(function (e) {
+      $(".task-view-type").attr("hx-vals", `{"search":"${$(this).val()}"}`);
+    });
+    $(".task-view-type").click(function (e) {
+      let view = $(this).data("view");
+      var currentURL = window.location.href;
+      if (view != undefined){
+        // Check if the query string already exists in the URL
+        if (/\?view=[^&]+/.test(currentURL)) {
+          // If the query parameter ?view exists, replace it with the new value
+          newURL = currentURL.replace(/\?view=[^&]+/, "?view="+view);
+        }
+        else {
+          // If the query parameter ?view does not exist, add it to the URL
+          var separator = currentURL.includes('?') ? '&' : '?';
+          newURL = currentURL + separator + "view=card";
+        }
+
+        history.pushState({}, "", newURL);
+      $("#filter-task").attr("hx-vals", `{"view":"${view}"}`);
+      $('#timesheetForm').attr("hx-vals", `{"view":"${view}"}`);
+    }
+    });
+});
\ No newline at end of file
diff --git a/project/static/task_all/task_all_action.js b/project/static/task_all/task_all_action.js
new file mode 100644
index 000000000..9f8d18335
--- /dev/null
+++ b/project/static/task_all/task_all_action.js
@@ -0,0 +1,220 @@
+var archiveMessages = {
+    // ar: "هل ترغب حقًا في أرشفة جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter archivieren?",
+    // es: "¿Realmente quieres archivar a todos los empleados seleccionados?",
+    en: "Do you really want to archive all the selected tasks?",
+    // fr: "Voulez-vous vraiment archiver tous les employés sélectionnés ?",
+  };
+  
+  var unarchiveMessages = {
+    // ar: "هل ترغب حقًا في إلغاء أرشفة جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter aus der Archivierung zurückholen?",
+    // es: "¿Realmente quieres desarchivar a todos los empleados seleccionados?",
+    en: "Do you really want to unarchive all the selected tasks?",
+    // fr: "Voulez-vous vraiment désarchiver tous les employés sélectionnés?",
+  };
+  
+  var deleteMessages = {
+    // ar: "هل ترغب حقًا في حذف جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter löschen?",
+    // es: "¿Realmente quieres eliminar a todos los empleados seleccionados?",
+    en: "Do you really want to delete all the selected tasks?",
+    // fr: "Voulez-vous vraiment supprimer tous les employés sélectionnés?",
+  };
+  
+  var norowMessages = {
+    // ar: "لم يتم تحديد أي صفوف.",
+    // de: "Es wurden keine Zeilen ausgewählt.",
+    // es: "No se han seleccionado filas.",
+    en: "No rows have been selected.",
+    // fr: "Aucune ligne n'a été sélectionnée.",
+  };
+
+  function getCookie(name) {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== "") {
+      const cookies = document.cookie.split(";");
+      for (let i = 0; i < cookies.length; i++) {
+        const cookie = cookies[i].trim();
+        // Does this cookie string begin with the name we want?
+        if (cookie.substring(0, name.length + 1) === name + "=") {
+          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+          break;
+        }
+      }
+    }
+    return cookieValue;
+  }
+
+  function getCurrentLanguageCode(callback) {
+    $.ajax({
+      type: "GET",
+      url: "/employee/get-language-code/",
+      success: function (response) {
+        var languageCode = response.language_code;
+        callback(languageCode); // Pass the language code to the callback
+      },
+    });
+  }
+  $(".all-task-all").change(function (e) {
+    var is_checked = $(this).is(":checked");
+    if (is_checked) {
+      $(".all-task-all-row").prop("checked", true);
+    } else {
+      $(".all-task-all-row").prop("checked", false);
+    }
+  });
+
+  $("#archiveTaskAll").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+      languageCode = code;
+      var confirmMessage = archiveMessages[languageCode];
+      var textMessage = norowMessages[languageCode];
+      var checkedRows = $(".all-task-all-row").filter(":checked");
+      if (checkedRows.length === 0) {
+        Swal.fire({
+          text: textMessage,
+          icon: "warning",
+          confirmButtonText: "Close",
+        });
+      } else {
+        Swal.fire({
+          text: confirmMessage,
+          icon: "info",
+          showCancelButton: true,
+          confirmButtonColor: "#008000",
+          cancelButtonColor: "#d33",
+          confirmButtonText: "Confirm",
+        }).then(function (result) {
+          if (result.isConfirmed) {
+            e.preventDefault();
+            ids = [];
+            checkedRows.each(function () {
+              ids.push($(this).attr("id"));
+            });
+            
+            $.ajax({
+              type: "POST",
+              url: "/project/task-all-bulk-archive?is_active=False",
+              data: {
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                ids: JSON.stringify(ids),
+              },
+              success: function (response, textStatus, jqXHR) {
+                if (jqXHR.status === 200) {
+                  location.reload(); // Reload the current page
+                } else {
+                  // console.log("Unexpected HTTP status:", jqXHR.status);
+                }
+              },
+            });
+          }
+        });
+      }
+    });
+  });
+
+
+$("#unArchiveTaskAll").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+      languageCode = code;
+      var confirmMessage = unarchiveMessages[languageCode];
+      var textMessage = norowMessages[languageCode];
+      var checkedRows = $(".all-task-all-row").filter(":checked");
+      if (checkedRows.length === 0) {
+        Swal.fire({
+          text: textMessage,
+          icon: "warning",
+          confirmButtonText: "Close",
+        });
+      } else {
+        Swal.fire({
+          text: confirmMessage,
+          icon: "info",
+          showCancelButton: true,
+          confirmButtonColor: "#008000",
+          cancelButtonColor: "#d33",
+          confirmButtonText: "Confirm",
+        }).then(function (result) {
+          if (result.isConfirmed) {
+            var checkedRows = $(".all-task-all-row").filter(":checked");
+            ids = [];
+            checkedRows.each(function () {
+              ids.push($(this).attr("id"));
+            });
+            
+            $.ajax({
+              type: "POST",
+              url: "/project/task-all-bulk-archive?is_active=True",
+              data: {
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                ids: JSON.stringify(ids),
+              },
+              success: function (response, textStatus, jqXHR) {
+                if (jqXHR.status === 200) {
+                  location.reload(); // Reload the current page
+                } else {
+                  // console.log("Unexpected HTTP status:", jqXHR.status);
+                }
+              },
+            });
+          }
+        });
+      }
+    });
+  });
+  
+$("#deleteTaskAll").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+      languageCode = code;
+      var confirmMessage = deleteMessages[languageCode];
+      var textMessage = norowMessages[languageCode];
+      var checkedRows = $(".all-task-all-row").filter(":checked");
+      if (checkedRows.length === 0) {
+        Swal.fire({
+          text: textMessage,
+          icon: "warning",
+          confirmButtonText: "Close",
+        });
+      } else {
+        Swal.fire({
+          text: confirmMessage,
+          icon: "error",
+          showCancelButton: true,
+          confirmButtonColor: "#008000",
+          cancelButtonColor: "#d33",
+          confirmButtonText: "Confirm",
+        }).then(function (result) {
+          if (result.isConfirmed) {
+            var checkedRows = $(".all-task-all-row").filter(":checked");
+            ids = [];
+            checkedRows.each(function () {
+              ids.push($(this).attr("id"));
+            });
+            
+            $.ajax({
+              type: "POST",
+              url: "/project/task-all-bulk-delete",
+              data: {
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                ids: JSON.stringify(ids),
+              },
+              success: function (response, textStatus, jqXHR) {
+                if (jqXHR.status === 200) {
+                  location.reload(); // Reload the current page
+                } else {
+                  // console.log("Unexpected HTTP status:", jqXHR.status);
+                }
+              },
+            });
+          }
+        });
+      }
+    });
+  });
\ No newline at end of file
diff --git a/project/static/time_sheet/time_sheet_action.js b/project/static/time_sheet/time_sheet_action.js
new file mode 100644
index 000000000..a8801f77a
--- /dev/null
+++ b/project/static/time_sheet/time_sheet_action.js
@@ -0,0 +1,118 @@
+var archiveMessages = {
+    // ar: "هل ترغب حقًا في أرشفة جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter archivieren?",
+    // es: "¿Realmente quieres archivar a todos los empleados seleccionados?",
+    en: "Do you really want to archive all the selected timesheet?",
+    // fr: "Voulez-vous vraiment archiver tous les employés sélectionnés ?",
+  };
+  
+  var unarchiveMessages = {
+    // ar: "هل ترغب حقًا في إلغاء أرشفة جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter aus der Archivierung zurückholen?",
+    // es: "¿Realmente quieres desarchivar a todos los empleados seleccionados?",
+    en: "Do you really want to unarchive all the selected timesheet?",
+    // fr: "Voulez-vous vraiment désarchiver tous les employés sélectionnés?",
+  };
+  
+  var deleteMessages = {
+    // ar: "هل ترغب حقًا في حذف جميع الموظفين المحددين؟",
+    // de: "Möchten Sie wirklich alle ausgewählten Mitarbeiter löschen?",
+    // es: "¿Realmente quieres eliminar a todos los empleados seleccionados?",
+    en: "Do you really want to delete all the selected timesheet?",
+    // fr: "Voulez-vous vraiment supprimer tous les employés sélectionnés?",
+  };
+  
+  var norowMessages = {
+    // ar: "لم يتم تحديد أي صفوف.",
+    // de: "Es wurden keine Zeilen ausgewählt.",
+    // es: "No se han seleccionado filas.",
+    en: "No rows have been selected.",
+    // fr: "Aucune ligne n'a été sélectionnée.",
+  };
+
+  function getCookie(name) {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== "") {
+      const cookies = document.cookie.split(";");
+      for (let i = 0; i < cookies.length; i++) {
+        const cookie = cookies[i].trim();
+        // Does this cookie string begin with the name we want?
+        if (cookie.substring(0, name.length + 1) === name + "=") {
+          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+          break;
+        }
+      }
+    }
+    return cookieValue;
+  }
+
+  function getCurrentLanguageCode(callback) {
+    $.ajax({
+      type: "GET",
+      url: "/employee/get-language-code/",
+      success: function (response) {
+        var languageCode = response.language_code;
+        callback(languageCode); // Pass the language code to the callback
+      },
+    });
+  }
+  $(".all-time-sheet").change(function (e) {
+    var is_checked = $(this).is(":checked");
+    if (is_checked) {
+      $(".all-time-sheet-row").prop("checked", true);
+    } else {
+      $(".all-time-sheet-row").prop("checked", false);
+    }
+  });
+
+    
+$("#deleteTimeSheet").click(function (e) {
+    e.preventDefault();
+    var languageCode = null;
+    getCurrentLanguageCode(function (code) {
+      languageCode = code;
+      var confirmMessage = deleteMessages[languageCode];
+      var textMessage = norowMessages[languageCode];
+      var checkedRows = $(".all-time-sheet-row").filter(":checked");
+      if (checkedRows.length === 0) {
+        Swal.fire({
+          text: textMessage,
+          icon: "warning",
+          confirmButtonText: "Close",
+        });
+      } else {
+        Swal.fire({
+          text: confirmMessage,
+          icon: "error",
+          showCancelButton: true,
+          confirmButtonColor: "#008000",
+          cancelButtonColor: "#d33",
+          confirmButtonText: "Confirm",
+        }).then(function (result) {
+          if (result.isConfirmed) {
+            var checkedRows = $(".all-time-sheet-row").filter(":checked");
+            ids = [];
+            checkedRows.each(function () {
+              ids.push($(this).attr("id"));
+            });
+            
+            $.ajax({
+              type: "POST",
+              url: "/project/time-sheet-bulk-delete",
+              data: {
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                ids: JSON.stringify(ids),
+              },
+              success: function (response, textStatus, jqXHR) {
+                if (jqXHR.status === 200) {
+                  location.reload(); // Reload the current page
+                } else {
+                  // console.log("Unexpected HTTP status:", jqXHR.status);
+                }
+              },
+            });
+          }
+        });
+      }
+    });
+  });
\ No newline at end of file
diff --git a/project/templates/dashboard/project_dashboard.html b/project/templates/dashboard/project_dashboard.html
new file mode 100644
index 000000000..9a9329f04
--- /dev/null
+++ b/project/templates/dashboard/project_dashboard.html
@@ -0,0 +1,152 @@
+{% extends 'index.html' %}
+{% block content %}
+{% load static i18n %}
+{% load i18n %}
+
+<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
+    <div class="oh-wrapper">
+        <div class="oh-dashboard row">
+            <div class="oh-dashboard__left col-12 col-sm-12 col-md-12 col-lg-9">
+                <div class="oh-dashboard__cards row">
+                    <!-- column -->
+                    <div class="col-12 col-sm-12 col-md-6 col-lg-4">
+                        <div class="oh-card-dashboard oh-card-dashboard oh-card-dashboard--success">
+                            <div class="oh-card-dashboard__header">
+                                <span class="oh-card-dashboard__title">{% trans "Total Projects" %}</span>
+                            </div>
+                            <div class="oh-card-dashboard__body">
+                                <a href="{% url 'objective-list-view' %}" style="text-decoration: none;" class="oh-card-dashboard__counts">
+                                    <span class="oh-card-dashboard__count">{{total_projects}}</span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- column -->
+                    <div class="col-12 col-sm-12 col-md-6 col-lg-4">
+                        <div class="oh-card-dashboard oh-card-dashboard oh-card-dashboard--neutral">
+                            <div class="oh-card-dashboard__header">
+                                <span class="oh-card-dashboard__title">{% trans "New Projects" %}</span>
+                            </div>
+                            <div class="oh-card-dashboard__body">
+                                <a href="{% url 'objective-list-view' %}" style="text-decoration: none;" class="oh-card-dashboard__counts">
+                                    <span class="oh-card-dashboard__count">{{new_projects}}</span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- column -->
+                    <div class="col-12 col-sm-12 col-md-6 col-lg-4">
+                        <div class="oh-card-dashboard oh-card-dashboard oh-card-dashboard--warning">
+                            <div class="oh-card-dashboard__header">
+                                <span class="oh-card-dashboard__title">{% trans "Projects in progress" %}</span>
+                            </div>
+                            <div class="oh-card-dashboard__body">
+                                <a href="{% url 'objective-list-view' %}" style="text-decoration: none;" class="oh-card-dashboard__counts">
+                                    <span class="oh-card-dashboard__count">{{projects_in_progress}}</span>
+                                </a>
+                            </div>
+                        </div>
+                    </div> 
+                </div>
+                <!-- movable cards for charts -->
+                <div class="oh-dashboard__movable-cards row mt-4">
+                    <!-- chart -->
+                    <div class="col-12 col-sm-12 col-md-12 col-lg-6 oh-card-dashboard--moveable">
+                        <div class="oh-card-dashboard oh-card-dashboard--no-scale oh-card-dashboard--transparent">
+                            <div class="oh-card-dashboard__header oh-card-dashboard__header--divider">
+                                <span class="oh-card-dashboard__title">{% trans "Project Status" %}</span>
+                                <span class="oh-card-dashboard__title float-end" id="projectStatusForward"><ion-icon name="caret-forward"></ion-icon></span>
+                            </div>
+                            <div class="oh-card-dashboard__body">
+                                <canvas id="projectStatusCanvas"></canvas>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- chart -->
+                    <div class="col-12 col-sm-12 col-md-12 col-lg-6 oh-card-dashboard--moveable">
+                        <div class="oh-card-dashboard oh-card-dashboard--no-scale oh-card-dashboard--transparent">
+                            <div class="oh-card-dashboard__header oh-card-dashboard__header--divider">
+                                <span class="oh-card-dashboard__title">{% trans "Task Status" %}</span>
+                                <span class="oh-card-dashboard__title float-end" id="taskStatusForward"><ion-icon name="caret-forward"></ion-icon></span>
+
+                            </div>
+                            <div class="oh-card-dashboard__body">
+                                <canvas id="taskStatusCanvas"></canvas>
+                            </div>
+                        </div>
+                    </div>
+                    
+                </div>
+            </div>
+            
+            <!-- Right end column -->
+            <div class="oh-dashboard__right  col-12 col-sm-12 col-md-12 col-lg-3">
+                <!-- Dashboard events -->
+                <div class="oh-dashboard__events">
+                    <ul class="oh-dashboard__events-nav">
+                        <li class="oh-dashboard__events-nav-item oh-dashboard__events-nav-item--active" data-target="0">
+                        </li>
+                        <li class="oh-dashboard__events-nav-item" data-target="1"></li>
+                        <li class="oh-dashboard__events-nav-item" data-target="2"></li>
+                    </ul>
+                </div>
+                <div class="oh-card-dashboard oh-card-dashboard--no-scale oh-card-dashboard--transparent mt-3">
+                    <div class="oh-card-dashboard__header oh-card-dashboard__header--divider">
+                        <span class="oh-card-dashboard__title"> {% trans "Projects due in this month" %}</span>
+                        <span class="oh-card-dashboard__title float-end"><a href="{% url 'project-view' %}" style="text-decoration:none; color:orange;">{% trans "View all" %}</a></span>
+                    </div>
+                    <div class="oh-card-dashboard__body">
+                        <ul class="oh-card-dashboard__user-list">
+                            {% if unexpired_project %}
+                                {% for project in unexpired_project %}
+                                    <li class="oh-card-dashboard__user-item">
+                                        <a  
+                                            data-toggle="oh-modal-toggle"
+                                            data-target="#ProjectModal"
+                                            hx-get="{%url 'project-detailed-view' project.id %}"
+                                            hx-target="#ProjectFormTarget"
+                                        >
+                                            <div class="oh-profile oh-profile--md">
+                                                <div class="oh-profile__avatar mr-1">
+                                                    <img src="https://ui-avatars.com/api/?name=Beth+Gibbons&background=random"
+                                                    class="oh-profile__image" alt="Beth Gibbons" />
+                                                </div>
+                                                <span class="oh-profile__name oh-text--dark">{{project.title}}</span>
+                                            </div>
+                                        </a>
+                                    </li>
+                                {% endfor %}
+                            {% else %}
+                                <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+                                    <div style="" class="">
+                                    <img style="display: block;width: 70px;margin: 10px auto ;" src="{% static 'images/ui/project/project.png' %}" class="" alt="Page not found. 404."/>
+                                    <h3 style="font-size:16px" class="oh-404__subtitle">{% trans "No projects due in this month." %}</h3>
+                                    </div>
+                                </div>
+                            {% endif %}
+                             
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div
+        class="oh-modal"
+        id="ProjectModal"
+        role="dialog"
+        aria-labelledby="ProjectModal"
+        aria-hidden="true"
+        >
+        <div
+            class="oh-modal__dialog"
+            style="max-width: 550px"
+            id="ProjectFormTarget"
+        ></div>
+    </div>
+</main>
+<!-- Java script -->
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+<script src="{% static 'dashboard/projectChart.js' %}"></script>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/project/templates/dashboard/project_details.html b/project/templates/dashboard/project_details.html
new file mode 100644
index 000000000..8ed3bbc7f
--- /dev/null
+++ b/project/templates/dashboard/project_details.html
@@ -0,0 +1,71 @@
+{% load i18n %} {% load yes_no %}
+
+<div class="oh-modal__dialog-header">
+    <span class="oh-modal__dialog-title" id="projectDetails">
+        <h5 style="margin-bottom: 20px;">{{project.title}}</h5>
+    </span>
+    <button
+        type="button"
+        class="oh-modal__close"
+        data-dismiss="oh-modal"
+        aria-label="Close"
+        data-toggle="oh-modal-toggle"
+    >
+        <ion-icon name="close-outline"></ion-icon>
+    </button>
+    <div class="oh-timeoff-modal__stats-container mb-3">
+      <div class="oh-timeoff-modal__stat">
+          <span class="oh-timeoff-modal__stat-title">{% trans "Manager" %}</span>
+          <span class="oh-timeoff-modal__stat-count">{{project.manager}}</span>
+      </div>
+      <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+          <span class="oh-timeoff-modal__stat-title">{% trans "Members" %}</span>
+          <span class="oh-timeoff-modal__stat-count">{% for member in project.members.all %}{{member}}, {% endfor %}</span>
+      </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Status" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{project.get_status_display}}</span>
+        </div>
+        <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+            <span class="oh-timeoff-modal__stat-title">{% trans "No of Tasks" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{task_count}}</span>
+        </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Start Date" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{project.start_date}}</span>
+        </div>
+        <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+            <span class="oh-timeoff-modal__stat-title">{% trans "End date" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{project.end_date}}</span>
+        </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Document" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{project.document}}</span>
+        </div>
+        <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Description" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{project.description}}</span>
+        </div>
+    </div>
+    <div class="oh-modal__button-container text-center" style="width: 50%; margin:0 auto">
+       {% comment %} <div class="oh-btn-group"> {% endcomment %}
+         <a href="{%url 'task-view' project.id %}"
+                class="oh-btn oh-btn--info" >
+                <ion-icon
+                    name="create-outline"
+                    role="img"
+                    class="md hydrated"
+                    aria-label="create outline"
+                >
+                </ion-icon>{% trans "View" %}
+            </a>
+       {% comment %} </div> {% endcomment %}
+    </div>
+    
+</div>
\ No newline at end of file
diff --git a/project/templates/project/new/filter_project.html b/project/templates/project/new/filter_project.html
new file mode 100644
index 000000000..38c8f3b38
--- /dev/null
+++ b/project/templates/project/new/filter_project.html
@@ -0,0 +1,44 @@
+{% load i18n %} {% load basefilters %}
+{% comment %} <form 
+    hx-get='{% url "project-filter" %}?view={{request.GET.view }}' 
+    hx-target="#view-container" 
+    hx-swap="innerHTML"
+    id="projectFilterForm"> {% endcomment %}
+    <div class="oh-dropdown__filter-body">
+        <div class="oh-accordion">
+            <div class="oh-accordion-header"
+                onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');"
+            >{% trans "Project" %}</div>
+            <div class="oh-accordion-body">
+                <div class="row">
+                    <div class="col-sm-6">
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Manager" %}</label>
+                        {{f.form.manager}}
+                        </div>
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Status" %}</label>
+                        {{f.form.status}}
+                        </div>
+                    </div>
+                    <div class="col-sm-12 col-md-12 col-lg-6">
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Start from" %}</label>
+                        {{f.form.start_from}}
+                        </div>
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "End till" %}</label>
+                        {{f.form.end_till}}
+                        </div>
+                    </div>
+                
+                </div>
+            </div>
+        </div>
+    </div>
+  <div class="oh-dropdown__filter-footer">
+    <button class="oh-btn oh-btn--secondary oh-btn--small w-100 filterButton" type="submit" >
+      {% trans "Filter" %}
+    </button>
+  </div>
+{% comment %} </form> {% endcomment %}
\ No newline at end of file
diff --git a/project/templates/project/new/forms/project_creation.html b/project/templates/project/new/forms/project_creation.html
new file mode 100644
index 000000000..93195a241
--- /dev/null
+++ b/project/templates/project/new/forms/project_creation.html
@@ -0,0 +1,30 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Project" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TaskStageTarget"
+    onclick="location.reload()"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'create-project' %}"
+    hx-target="#ProjectFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/project/templates/project/new/forms/project_update.html b/project/templates/project/new/forms/project_update.html
new file mode 100644
index 000000000..5aaf991a3
--- /dev/null
+++ b/project/templates/project/new/forms/project_update.html
@@ -0,0 +1,30 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Project" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#ProjectFormTarget"
+    onclick="location.reload()"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'update-project' project_id %}"
+    hx-target="#ProjectFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/project/templates/project/new/navbar.html b/project/templates/project/new/navbar.html
new file mode 100644
index 000000000..a3e811335
--- /dev/null
+++ b/project/templates/project/new/navbar.html
@@ -0,0 +1,235 @@
+{% load i18n %}
+<!-- start of import form -->
+<div
+  class="oh-modal"
+  id="projectImport"
+  role="dialog"
+  aria-labelledby="projectImport"
+  aria-hidden="true"
+  >
+  <div class="oh-modal__dialog">
+    <div class="oh-modal__dialog-header">
+      <h2 class="oh-modal__dialog-title" id="projectImportLavel">
+        {% trans "Import Project" %}
+      </h2>
+      <button class="oh-modal__close" aria-label="Close">
+        <ion-icon name="close-outline"></ion-icon>
+      </button>
+      <div class="oh-modal__dialog-body p-0 pt-2" id="projectImportModalBody">
+        <form
+      
+          id="projectImportForm"
+          enctype="multipart/form-data"
+        >
+        <div id="loading" style="display: none;">
+          <div id="progress">
+            <div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+          </div>
+          <p id="progress-text">{% trans "Uploading..." %}</p>
+        </div>
+
+        <div id="error-container" style='color:red;'></div>
+
+          <div class="modal-body">
+
+            {% csrf_token %}
+            {% comment %} {% endcomment %}
+            <div class="oh-dropdown__import-form">
+              <label class="oh-dropdown__import-label" for="uploadFile">
+                  <ion-icon name="cloud-upload" class="oh-dropdown__import-form-icon md hydrated" role="img" aria-label="cloud upload"></ion-icon>
+                  <span class="oh-dropdown__import-form-title">{% trans "Upload a File" %}</span>
+                  <span class="oh-dropdown__import-form-text">{% trans "Drag and drop files here" %}</span>
+              </label>
+              <input type="file" name="file" id="projectImportFile" /> 
+          </div>
+          </div>
+          <div class="modal-footer d-flex flex-row-reverse">
+            <input
+              type="submit"
+              class="oh-btn oh-btn--secondary"
+              value='{% trans "Upload" %}'
+            />
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- end of import form -->
+
+<!-- start of navbar contents -->
+<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
+  <div class="oh-main__titlebar oh-main__titlebar--left">
+    <h1 class="oh-main__titlebar-title fw-bold">{% trans "Projects" %}</h1>
+    <a
+      class="oh-main__titlebar-search-toggle"
+      role="button"
+      aria-label="Toggle Search"
+      @click="searchShow = !searchShow"
+    >
+        <ion-icon
+            name="search-outline"
+            class="oh-main__titlebar-serach-icon md hydrated"
+            role="img"
+            aria-label="search outline"
+        ></ion-icon>
+    </a>
+  </div>
+  <div class="oh-main__titlebar oh-main__titlebar--right">
+		{% if projects %}
+        {% comment %} for search{% endcomment %}
+        <form
+            hx-get='{% url "project-filter" %}?view={{request.GET.view }}' 
+            hx-target="#view-container" 
+            hx-swap="innerHTML"
+            id="projectFilterForm"
+            class="d-flex"
+            onsubmit="event.preventDefault()"
+        > 
+        <div
+          class="oh-input-group oh-input__search-group"
+          :class="searchShow ? 'oh-input__search-group--show' : ''"
+        >
+          <ion-icon
+            name="search-outline"
+            class="oh-input-group__icon oh-input-group__icon--left"
+          ></ion-icon>
+          <input
+            type="text"
+            class="oh-input oh-input__icon"
+            aria-label="Search Input"
+            id="filter-project"
+            name="search"
+            placeholder="{% trans 'Search' %}"
+            onkeyup="$('.filterButton')[0].click()"
+          />
+        </div>
+        <div class="oh-dropdown" x-data="{open: false}">
+          <ul class="oh-view-types ml-2">
+            {% comment %} for list view {% endcomment %}
+            <li class="oh-view-type project-view-type" data-view="list">
+              <a
+                href="{% url 'project-view' %}?view=list"
+                {% comment %} hx-target="#view-container" {% endcomment %}
+                class="oh-btn oh-btn--view"
+                ><ion-icon name="list-outline"></ion-icon
+              ></a>
+            </li>
+            {% comment %} for card view {% endcomment %}
+            <li class="oh-view-type project-view-type" data-view="card">
+              <a
+                href="{% url 'project-view' %}?view=card"
+                {% comment %} hx-target="#view-container" {% endcomment %}
+                class="oh-btn oh-btn--view"
+                ><ion-icon name="grid-outline"></ion-icon
+              ></a>
+            </li>
+          </ul>
+        </div>
+        {% comment %} for filtering {% endcomment %}
+        <div class="oh-dropdown" x-data="{open: false}">
+          <button
+            class="oh-btn ml-2"
+            @click="open = !open"
+            onclick="event.preventDefault()"
+          >
+            <ion-icon name="filter" class="mr-1"></ion-icon>{% trans "Filter" %}
+            <div id="filterCount"></div>
+          </button>
+            <div
+              class="oh-dropdown__menu oh-dropdown__menu--right oh-dropdown__filter p-4"
+              x-show="open"
+              @click.outside="open = false"
+              style="display: none;"
+              >         
+              {% include 'project/new/filter_project.html' %}
+            </div>
+        </div>
+      </form>
+        {% comment %} for actions {% endcomment %}
+        <div class="oh-btn-group ml-2">
+            <div class="oh-dropdown" x-data="{open: false}">
+              <button
+                class="oh-btn oh-btn--dropdown oh-btn oh-btn--shadow"
+                @click="open = !open"
+                @click.outside="open = false"
+              >
+                {% trans "Actions" %}
+              </button>
+              <div class="oh-dropdown__menu oh-dropdown__menu--right" x-show="open" style="display: none;">
+                <ul class="oh-dropdown__items">
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  <li class="oh-dropdown__item">
+                    <a  href="#" 
+                        class="oh-dropdown__link " 
+                        id="importProject"
+                        data-toggle="oh-modal-toggle"
+                        data-target="#projectImport" 
+                      >{% trans "Import" %}</a
+                    >
+                  </li>
+                  {% comment %} {% endif %}  {% endcomment %}
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  <li class="oh-dropdown__item">
+                    <a href="#" 
+                      class="oh-dropdown__link " 
+                      id="exportProject" 
+                      >{% trans "Export" %}</a
+                    >
+                  </li>
+                  {% comment %} {% endif %}  {% endcomment %}
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  <li class="oh-dropdown__item">
+                    <a href="#" class="oh-dropdown__link " id="duplicateProject" 
+                      >{% trans "Duplicate" %}</a
+                    >
+                  </li>
+                  {% comment %} {% endif %}  {% endcomment %}
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  <li class="oh-dropdown__item">
+                    <a href="#" class="oh-dropdown__link " id="archiveProject" 
+                      >{% trans "Archive" %}</a
+                    >
+                  </li>
+                  {% comment %} {% endif %}  {% endcomment %}
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  <li class="oh-dropdown__item">
+                    <a href="#" class="oh-dropdown__link "  id="unArchiveProject" 
+                      >{% trans "Un-Archive" %}</a
+                    >
+                  </li>
+                  {% comment %} {% endif %}  {% endcomment %}
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  <li class="oh-dropdown__item">
+                    <a
+                      href="#"
+                      class="oh-dropdown__link oh-dropdown__link--danger"
+                      id="deleteProject"
+                      >{% trans "Delete" %}</a
+                    >
+                  </li>
+                  {% comment %} {% endif %} {% endcomment %}
+                </ul>
+              </div>
+            </div>
+        </div>
+    {% endif %}
+    {% comment %} for create project {% endcomment %}
+    <div class="oh-main__titlebar-button-container">
+      <div class="oh-btn-group ml-2">
+        <div>
+          <a
+            class="oh-btn oh-btn--secondary oh-btn--shadow"
+            data-toggle="oh-modal-toggle"
+            data-target="#ProjectModal"
+            hx-get="{% url 'create-project' %}"
+            hx-target="#ProjectFormTarget"
+          >
+            <ion-icon class="me-2" name="add-outline"></ion-icon>{% trans "Create" %}
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
diff --git a/project/templates/project/new/overall.html b/project/templates/project/new/overall.html
new file mode 100644
index 000000000..a50abbc4f
--- /dev/null
+++ b/project/templates/project/new/overall.html
@@ -0,0 +1,34 @@
+{% extends 'index.html' %} 
+{% load static %}
+{% block content %}
+   
+    <main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
+        {% include 'project/new/navbar.html' %}     
+    </main>
+
+    <div id="view-container" class="oh-wrapper">
+        
+        {% if view_type == 'list' %}
+            {% include 'project/new/project_list_view.html' %}
+            
+        {% else %}
+            {% include 'project/new/project_kanban_view.html' %}
+        {% endif %} 
+    </div>
+
+    <div
+        class="oh-modal"
+        id="ProjectModal"
+        role="dialog"
+        aria-labelledby="ProjectModal"
+        aria-hidden="true"
+        >
+        <div
+            class="oh-modal__dialog"
+            style="max-width: 550px"
+            id="ProjectFormTarget"
+        ></div>
+    </div>
+
+{% endblock content %}
+
diff --git a/project/templates/project/new/project_kanban_view.html b/project/templates/project/new/project_kanban_view.html
new file mode 100644
index 000000000..0a0118bbf
--- /dev/null
+++ b/project/templates/project/new/project_kanban_view.html
@@ -0,0 +1,201 @@
+
+{% load static %}
+
+{% load i18n %} 
+{% load basefilters %}
+  
+
+{% comment %} for showing messages {% endcomment %}
+{% if messages %}
+    <div class="oh-alert-container">
+        {% for message in messages %}
+            <div class="oh-alert oh-alert--animated {{message.tags}}">
+                {{ message }}
+            </div> 
+        {% endfor %}
+    </div>
+{% endif %}
+{% include "filter_tags.html" %}
+{% comment %} easy filters {% endcomment %}
+<div class="d-flex flex-row-reverse">
+    <span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=new&view=card" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:cyan"></span>
+        {% trans "New" %}
+    </span>
+    <span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=in_progress&view=card" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:rgb(103, 171, 238)"></span>
+        {% trans "In progress" %}
+    </span>
+    <span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=completed&view=card" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:yellowgreen"></span>
+        {% trans "Completed" %}
+    </span><span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=on_hold&view=card" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:orange"></span>
+        {% trans "On Hold" %}
+    </span>
+    </span><span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=cancelled&view=card" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:Red"></span>
+        {% trans "Cancelled" %}
+    </span>
+    </span><span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=expired&view=card" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:gray"></span>
+        {% trans "Expired" %}
+    </span>
+</div>
+
+
+    {% comment %} kanban view {% endcomment %}
+    {% if projects %}
+    <div class="oh-layout--grid-3">
+        {% for project in projects %}
+            <div  class="oh-kanban-card {% if project.status == 'new'%} row-status--cyan 
+                                        {% elif project.status == 'in_progress' %} row-status--blue 
+                                        {% elif project.status == 'completed' %} row-status--yellow
+                                        {% elif project.status == 'on_hold' %} row-status--orange
+                                        {% elif project.status == 'cancelled' %} row-status--red
+                                        {% else %} row-status--gray
+                                        {% endif %}" 
+                                        style="color: inherit;text-decoration: none;">
+                
+                {% comment %} url link {% endcomment %}
+                <a href="{% url 'task-view' project.id %}?view=card" style="color: inherit;text-decoration: none; display: flex;width:600px;">
+                    
+                    {% comment %} placing image {% endcomment %}
+                    <div class="oh-kanban-card__avatar">
+                        <div class="oh-kanban-card__profile-container">
+                            {% if project.image %}
+                                <img
+                                src="{{emp.employee_profile.url}}"
+                                class="oh-kanban-card__profile-image"
+                                alt="Username"
+                                />
+                            {% else %}
+                                <img
+                                src="https://ui-avatars.com/api/?name={{project.title}}&background=random"
+                                class="oh-kanban-card__profile-image"
+                                alt="Username"
+                                />
+                            {% endif %}
+                        </div>
+                    </div>
+            
+                    <div class="oh-kanban-card__details">
+                        <span class="oh-kanban-card__title">{{project.title}}</span>
+                        <span class="oh-kanban-card__subtitle">{% trans "Project manager" %} : {{project.manager}}</span><br>
+                        <span class="oh-kanban-card__subtitle"> {% trans "Status" %}: {{project.get_status_display}}</span><br>
+                        <span class="oh-kanban-card__subtitle">{% trans "End date" %} : {{project.end_date}}</span>
+                    </div>
+                </a>
+                <div class="oh-tabs__input-badge-container">
+                <span class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round mr-1" title="{{ project.task_set.all|length}} Tasks">
+                    {{ project.task_set.all|length}}
+                </span>
+                </div>
+                <div class="oh-kanban-card__dots">
+                
+                    {% comment %} dropdown {% endcomment %}
+                    <div class="oh-dropdown" x-data="{show: false}">
+                        <button class="oh-btn oh-btn--transparent text-muted p-3" @click="show = !show">
+                            <ion-icon name="ellipsis-vertical-sharp" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
+                        </button>
+                        {% comment %} dropdown menu {% endcomment %}
+                        
+                        <div class="oh-dropdown__menu oh-dropdown__menu--dark-border oh-dropdown__menu--right" x-show="show" @click.outside="show = false" style="display: none;">
+                            <ul class="oh-dropdown__items">
+                                {% comment %} {% if perms.project.change_project %} {% endcomment %}
+                                    <li class="oh-dropdown__item">
+                                        <a 
+                                            hx-get='{% url "update-project" project.id %}' 
+                                            hx-target='#ProjectFormTarget' class="oh-dropdown__link" 
+                                            data-toggle="oh-modal-toggle" 
+                                            data-target="#ProjectModal"
+                                            data-key=".oh-kanban__section"
+                                            >{% trans "Edit" %}
+                                        </a>                                 
+                                    </li>
+                                {% comment %} {% endif %}  {% endcomment %}
+                                 {% comment %} {% if perms.employee.delete_employee %} {% endcomment %}
+                                    <li class="oh-dropdown__item">
+                                        {% if project.is_active %}
+                                            <a href="{% url 'project-archive' project.id %}" onclick="return confirm('{% trans 'Do you want to archive this project?' %}')" class="oh-dropdown__link">
+                                                {% trans "Archive" %}
+                                            </a>
+                                        {% else %}
+                                            <a href="{% url 'project-archive' project.id %}" onclick="return confirm('{% trans 'Do you want to un archive this project?' %}')" class="oh-dropdown__link">
+                                            {% trans "Un-Archive" %}
+                                            </a>
+                                        {% endif %}
+
+                                    </li>
+                               {% comment %} {% endif %} {% endcomment %}
+                                {% comment %} {% if perms.employee.delete_employee %} {% endcomment %}
+                                    <li class="oh-dropdown__item">
+                                        <form action="{% url 'delete-project' project.id %}?view=card" method="post" onsubmit="return confirm('{% trans 'Do you want to delete this employee?' %}')">
+                                            {% csrf_token %}
+                                            <button type="submit" class="oh-dropdown__link oh-dropdown__link--danger">{% trans "Delete" %}</button>
+                                        </form>
+                                    </li>
+                                {% comment %} {% endif %} {% endcomment %}
+                            </ul>
+                        </div> 
+                    </div>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+    {% comment %} pagination {% endcomment %}
+    <div class="oh-pagination">
+        <span
+            class="oh-pagination__page"
+            >
+            {% trans "Page" %} {{ projects.number }} {% trans "of" %} {{ projects.paginator.num_pages }}.
+        </span>
+        <nav class="oh-pagination__nav">
+            <div class="oh-pagination__input-container me-3">
+                <span class="oh-pagination__label me-1">{% trans "Page" %}</span>
+                    <input
+                        type="number"
+                        name="page"
+                        class="oh-pagination__input"
+                        value="{{projects.number}}"
+                        hx-get="{% url 'project-filter' %}?view=card?page="
+                        hx-target="#view-container"
+                        min="1"
+                    />
+                <span class="oh-pagination__label">{% trans "of" %} {{projects.paginator.num_pages}}</span>
+            </div>
+            <ul class="oh-pagination__items">
+                {% if projects.has_previous %}
+                    <li class="oh-pagination__item oh-pagination__item--wide">
+                        <a hx-target='#view-container' hx-get="{% url 'project-filter' %}?view=card&?{{pd}}&page=1" class="oh-pagination__link">{% trans "First" %}</a>
+                    </li>
+                    <li class="oh-pagination__item oh-pagination__item--wide">
+                        <a hx-target='#view-container' hx-get="{% url 'project-filter' %}?view=card&?{{pd}}&page={{ projects.previous_page_number }}" class="oh-pagination__link">{% trans "Previous" %}</a>
+                    </li>
+                {% endif %}
+                {% if projects.has_next %}
+                    <li class="oh-pagination__item oh-pagination__item--wide">
+                        <a hx-target='#view-container' hx-get="{% url 'project-filter' %}?view=card&?{{pd}}&page={{ projects.next_page_number }}" class="oh-pagination__link">{% trans "Next" %}</a>
+                    </li>
+                    <li class="oh-pagination__item oh-pagination__item--wide">
+                        <a hx-target='#view-container' hx-get="{% url 'project-filter' %}?view=card&?{{pd}}&page={{ projects.paginator.num_pages }}" class="oh-pagination__link">{% trans "Last" %}</a>
+                    </li>
+                {% endif %}
+            </ul>
+        </nav>
+    </div>
+{% comment %} </div> {% endcomment %}
+
+{% else %}
+    <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+        <div style="" class="">
+        <img style="display: block;width: 200px;margin: 10px auto ;" src="{% static 'images/ui/project/project.png' %}" class="" alt="Page not found. 404."/>
+        <h3 style="font-size:20px" class="oh-404__subtitle">{% trans "There are currently no available projects; please create a new one." %}</h3>
+        </div>
+    </div>
+{% endif %}
+
+
+{% comment %} js scripts {% endcomment %}
+<script src="{% static '/project/project_view.js' %}"></script>
+<script src="{% static '/project/import.js' %}"></script>
\ No newline at end of file
diff --git a/project/templates/project/new/project_list_view.html b/project/templates/project/new/project_list_view.html
new file mode 100644
index 000000000..620872873
--- /dev/null
+++ b/project/templates/project/new/project_list_view.html
@@ -0,0 +1,236 @@
+
+{% load static %}
+{% load i18n %} 
+  
+
+{% comment %} for showing messages {% endcomment %}
+{% if messages %}
+    <div class="oh-alert-container">
+        {% for message in messages %}
+            <div class="oh-alert oh-alert--animated {{message.tags}}">
+                {{ message }}
+            </div> 
+        {% endfor %}
+    </div>
+{% endif %}
+{% include "filter_tags.html" %}
+
+<div id="view-container">
+  {% if projects %}
+    <div class="oh-tabs__content oh-tabs__content--active" style="padding-top: 10px;">
+      {% comment %} easy filters {% endcomment %}
+        <div class="d-flex flex-row-reverse">
+            <span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=new&view=list" hx-target="#view-container" style="cursor: pointer">
+                <span class="oh-dot oh-dot--small me-1" style="background-color:cyan"></span>
+                {% trans "New" %}
+            </span>
+            <span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=in_progress&view=list" hx-target="#view-container" style="cursor: pointer">
+                <span class="oh-dot oh-dot--small me-1" style="background-color:rgb(103, 171, 238)"></span>
+                {% trans "In progress" %}
+            </span>
+            <span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=completed&view=list" hx-target="#view-container" style="cursor: pointer">
+                <span class="oh-dot oh-dot--small me-1" style="background-color:yellowgreen"></span>
+                {% trans "Completed" %}
+            </span><span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=on_hold&view=list" hx-target="#view-container" style="cursor: pointer">
+                <span class="oh-dot oh-dot--small me-1" style="background-color:orange"></span>
+                {% trans "On Hold" %}
+            </span>
+            </span><span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=cancelled&view=list" hx-target="#view-container" style="cursor: pointer">
+                <span class="oh-dot oh-dot--small me-1" style="background-color:Red"></span>
+                {% trans "Cancelled" %}
+            </span>
+            </span><span class="m-3 draft" hx-get="{% url 'project-filter' %}?{{pd}}&status=expired&view=list" hx-target="#view-container" style="cursor: pointer">
+                <span class="oh-dot oh-dot--small me-1" style="background-color:gray"></span>
+                {% trans "Expired" %}
+            </span>
+        </div>
+
+      <div class="oh-sticky-table">
+      <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">
+              <div class="d-flex">
+                <div class="">
+                  <input
+                    type="checkbox"
+                    class="oh-input oh-input__checkbox mt-1 mr-2 all-projects"
+                    title='{% trans "Select All" %}'
+                  />
+                </div>
+                <div
+                  hx-target="#section"
+                  hx-get="{% url 'search-candidate' %}?{{pd}}&orderby=name&view=list"
+                >
+                  {% trans "Project" %}
+                </div>
+              </div>
+            </div>
+            <div class="oh-sticky-table__th">{% trans "Project Manager" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Project Members" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Status" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Start Date" %}</div>
+            <div class="oh-sticky-table__th">{% trans "End Date" %}</div>
+            <div class="oh-sticky-table__th">{% trans "File" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Description" %}</div>
+            <div class="oh-sticky-table__th"></div>
+          </div>
+        </div>
+     
+         {% for project in projects %}
+          <div class="oh-sticky-table__tr ui-sortable-handle" data-url="{% url 'task-view' project.id %}?view=list">       
+              <div class="oh-sticky-table__sd {% if project.status == 'new'%} row-status--cyan 
+                                              {% elif project.status == 'in_progress' %} row-status--blue 
+                                              {% elif project.status == 'completed' %} row-status--yellow
+                                              {% elif project.status == 'on_hold' %} row-status--orange
+                                              {% elif project.status == 'cancelled' %} row-status--red
+                                              {% else %} row-status--gray
+                                              {% endif %}" >  
+                  <div onclick="event.stopPropagation();">  
+                    <input 
+                        type="checkbox"
+                        id="{{project.id}}"
+                        class="oh-input oh-input__checkbox mt-1 mr-2 all-project-row"
+                    />
+                    {{project.title}}
+                  </div>
+              </div>
+          
+            <div class="oh-sticky-table__td">{{project.manager}}</div>
+            <div class="oh-sticky-table__td">
+              {% for employee in project.members.all %} {{employee}}<br />
+              {% endfor %}
+            </div>
+            <div class="oh-sticky-table__td">{{project.get_status_display}}</div>
+            <div class="oh-sticky-table__td">{{project.start_date}}</div>
+            <div class="oh-sticky-table__td">{% if project.end_date %}{{project.end_date}}{% endif %}</div>
+            <div class="oh-sticky-table__td">{% if project.document %}<a href="{{ project.document.url }}" target="_blank" onclick="event.stopPropagation();"><img style="width: 25px;margin: 5px auto ;" src="{% static 'images/ui/project/document.png' %}" class="" alt="document"/>{% endif %}</a></div>
+            <div class="oh-sticky-table__td">{{project.description}}</div>
+          
+            <div class="oh-sticky-table__td">
+              <div class="oh-btn-group">
+                <a
+                class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
+                data-toggle="oh-modal-toggle"
+                data-target="#ProjectModal"
+                hx-get="{% url 'update-project' project.id %}"
+                hx-target="#ProjectFormTarget"
+                onclick="event.stopPropagation();"
+                >
+                  <ion-icon
+                    name="create-outline"
+                    role="img"
+                    class="md hydrated"
+                    style="color: blue"
+                    aria-label="create outline"
+                  ></ion-icon>
+                </a>
+                <a
+                  class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
+                  href="{% url 'delete-project' project.id %}?view=list"
+                  onclick="event.preventDefault();event.stopPropagation(); confirm(`{% trans 'Do you want to delete this project?' %}`)"
+                >
+                  <ion-icon
+                    name="trash-outline"
+                    role="img"
+                    class="md hydrated"
+                    aria-label="trash outline"
+                  ></ion-icon>
+                </a>
+              </div>
+            </div>
+    </div>
+        {% endfor %}
+  {% else %}
+        <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+            <div style="" class="">
+            <img style="display: block;width: 200px;margin: 10px auto ;" src="{% static 'images/ui/project/project.png' %}" class="" alt="Page not found. 404."/>
+            <h3 style="font-size:20px" class="oh-404__subtitle">{% trans "There are currently no available projects; please create a new one." %}</h3>
+            </div>
+        </div>
+
+  {% endif %}
+     
+    </div>
+  </div>
+</div>
+  {% comment %} <div class="oh-pagination">
+    <span class="oh-pagination__page">
+      {% trans "Page" %} {{ allowances.number }} {% trans "of" %} {{
+      allowances.paginator.num_pages }}.
+    </span>
+    <nav class="oh-pagination__nav">
+      <div class="oh-pagination__input-container me-3">
+        <span class="oh-pagination__label me-1">{% trans "Page" %}</span>
+        <input
+          type="number"
+          name="page"
+          class="oh-pagination__input"
+          value="{{allowances.number}}"
+          hx-get="{% url 'filter-allowance' %}?{{pd}}"
+          hx-target="#payroll-allowance-container"
+          min="1"
+        />
+        <span class="oh-pagination__label"
+          >{% trans "of" %} {{allowances.paginator.num_pages}}</span
+        >
+      </div>
+      <ul class="oh-pagination__items">
+        {% if allowances.has_previous %}
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a
+            hx-target="#payroll-allowance-container"
+            hx-get="{% url 'filter-allowance' %}?{{pd}}&page=1"
+            class="oh-pagination__link"
+            >{% trans "First" %}</a
+          >
+        </li>
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a
+            hx-target="#payroll-allowance-container"
+            hx-get="{% url 'filter-allowance' %}?{{pd}}&page={{ allowances.previous_page_number }}"
+            class="oh-pagination__link"
+            >{% trans "Previous" %}</a
+          >
+        </li>
+        {% endif %} {% if allowances.has_next %}
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a
+            hx-target="#payroll-allowance-container"
+            hx-get="{% url 'filter-allowance' %}?{{pd}}&page={{ allowances.next_page_number }}"
+            class="oh-pagination__link"
+            >{% trans "Next" %}</a
+          >
+        </li>
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a
+            hx-target="#payroll-allowance-container"
+            hx-get="{% url 'filter-allowance' %}?{{pd}}&page={{ allowances.paginator.num_pages }}"
+            class="oh-pagination__link"
+            >{% trans "Last" %}</a
+          >
+        </li>
+        {% endif %}
+      </ul>
+    </nav>
+  </div> {% endcomment %}
+</div>
+
+
+{% comment %} js scripts {% endcomment %}
+<script src="{% static '/project/project_view.js' %}"></script>
+<script>
+  const tableRows = document.querySelectorAll('.oh-sticky-table__tr');
+  tableRows.forEach(row => {
+    row.addEventListener('click', event => {
+      if (event.target.closest('.oh-sticky-table__thead')) {
+        return;
+      }
+      const url = row.getAttribute('data-url');
+      window.location.href = url;
+    });
+  });
+</script>
+
+<script src="{% static '/project/project_action.js' %}"></script>
+<script src="{% static '/project/import.js' %}"></script>
\ No newline at end of file
diff --git a/project/templates/project_stage/forms/create_project_stage.html b/project/templates/project_stage/forms/create_project_stage.html
new file mode 100644
index 000000000..57e837957
--- /dev/null
+++ b/project/templates/project_stage/forms/create_project_stage.html
@@ -0,0 +1,30 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Project Stage" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TaskFormTarget"
+    onclick="location.reload()"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'create-project-stage' project_id %}"
+    hx-target="#TaskFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/project/templates/project_stage/forms/update_project_stage.html b/project/templates/project_stage/forms/update_project_stage.html
new file mode 100644
index 000000000..99c5d4310
--- /dev/null
+++ b/project/templates/project_stage/forms/update_project_stage.html
@@ -0,0 +1,30 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Project Stage" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TaskFormTarget"
+    onclick="location.reload()"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'update-project-stage' stage_id %}"
+    hx-target="#TaskFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}<span>{{form.errorList}}</span>
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/project/templates/task/new/filter_task.html b/project/templates/task/new/filter_task.html
new file mode 100644
index 000000000..f4f6abfae
--- /dev/null
+++ b/project/templates/task/new/filter_task.html
@@ -0,0 +1,43 @@
+{% load i18n %} {% load basefilters %}
+<form 
+    hx-get='{% url "task-filter" project_id %}?view={{request.GET.view}}' 
+    hx-target="#view-container" 
+    hx-swap="innerHTML"
+    id="taskFilterForm">
+    <div class="oh-dropdown__filter-body">
+        <div class="oh-accordion">
+            <div class="oh-accordion-header">{% trans "Task" %}</div>
+            <div class="oh-accordion-body">
+                <div class="row">
+                <input type="text" value="{{project_id}}" name="project" style="display:none;">
+                    <div class="col-sm-6">
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Manager" %}</label>
+                        {{f.form.task_manager}}
+                        </div>
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Stage" %}</label>
+                        {{f.form.stage}}
+                        </div>
+                    </div>
+                    <div class="col-sm-12 col-md-12 col-lg-6">
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Status" %}</label>
+                        {{f.form.status}}
+                        </div>
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "End till" %}</label>
+                        {{f.form.end_till}}
+                        </div>
+                    </div>
+                
+                </div>
+            </div>
+        </div>
+    </div>
+  <div class="oh-dropdown__filter-footer">
+    <button class="oh-btn oh-btn--secondary oh-btn--small w-100 filterButton">
+      {% trans "Filter" %}
+    </button>
+  </div>
+</form>
\ No newline at end of file
diff --git a/project/templates/task/new/forms/create_task.html b/project/templates/task/new/forms/create_task.html
new file mode 100644
index 000000000..6aa48b83e
--- /dev/null
+++ b/project/templates/task/new/forms/create_task.html
@@ -0,0 +1,30 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Task" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TaskFormTarget"
+    onclick="location.reload()"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'create-task' stage_id %}"
+    hx-target="#TaskFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/project/templates/task/new/forms/create_task_project.html b/project/templates/task/new/forms/create_task_project.html
new file mode 100644
index 000000000..19396a24f
--- /dev/null
+++ b/project/templates/task/new/forms/create_task_project.html
@@ -0,0 +1,55 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Task" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TaskFormTarget"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{% url 'create-task-in-project' project_id %}"
+    hx-target="#TaskFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+  </form>
+</div>
+
+<script>
+$(document).ready(function(){
+    var data = {{ stages|safe }};
+    $('#project_stage').html('<options>--------</options>')
+
+     // Iterate through the data array and create options
+    $.each(data, function(index, stage) {
+        $("#project_stage").append("<option value=" + stage.pk + ">" + stage.fields.title + "</option>");
+    });
+    $("#project_stage").append( "<option value='create_new_stage'>Create a new Stage</option>"); 
+    $("#project_stage").append( "<option value='old_stage'>Old Stage</option>"); 
+
+});
+$("#project_stage").change(function(e){
+  stage_id = $(this).val()
+   
+    if (stage_id === "create_new_stage") {
+   
+      $.ajax({
+        type: "GET",
+        url: '/project/create-stage-taskall',
+        data: { project_id: {{project_id}} },
+        success: function (response) {
+          $("#ProjectStageModal").addClass("oh-modal--show");
+          $("#ProjectStageFormTarget").html(response);
+        },
+      });
+    }
+});
+</script>
\ No newline at end of file
diff --git a/project/templates/task/new/forms/create_timesheet.html b/project/templates/task/new/forms/create_timesheet.html
new file mode 100644
index 000000000..58475a47e
--- /dev/null
+++ b/project/templates/task/new/forms/create_timesheet.html
@@ -0,0 +1,38 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Timesheet" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    style="
+      border: none;
+      background: none;
+      font-size: 1.5rem;
+      opacity: 0.7;
+      position: absolute;
+      top: 25px;
+      right: 15px;
+      cursor: pointer;
+      -webkit-transition: all 0.3s ease-in-out;
+      transition: all 0.3s ease-in-out;
+    "
+    onclick="event.stopPropagation(); $(this).parents().find('.oh-modal--show:last').toggleClass('oh-modal--show')"
+    id="close1"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{% url 'create-timesheet-task' task_id %}"
+    hx-target="#TimesheetUpdateTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
diff --git a/project/templates/task/new/forms/update_task.html b/project/templates/task/new/forms/update_task.html
new file mode 100644
index 000000000..0e519eeac
--- /dev/null
+++ b/project/templates/task/new/forms/update_task.html
@@ -0,0 +1,55 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header ">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Task" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    style="
+    border: none;
+    background: none;
+    font-size: 1.5rem;
+    opacity: 0.7;
+    position: absolute;
+    top: 25px;
+    right: 15px;
+    cursor: pointer;
+    -webkit-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;"
+    onclick="event.stopPropagation(); $(this).parents().find('.oh-modal--show:last').toggleClass('oh-modal--show')"
+    id="close1" 
+      
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'update-task' task_id %}"
+    hx-target="#TaskUpdateTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+
+<!-- <script>
+    $(document).ready(function(){
+        console.log('ready modal')
+        $('#close1').click(function(e){
+          e.preventDefault()
+          e.stopPropagation()
+          var closestModal = $(this).closest('.oh-modal--show');
+          console.log(closestModal);
+          closestModal.removeClass('oh-modal--show')
+            // e.preventDefault()
+            // var parentDiv = $(this).parents().closest('oh-modal--show')
+            // console.log(parentDiv)
+            // parentDiv.classList.remove('oh-modal--show')
+        })
+    });
+</script> -->
\ No newline at end of file
diff --git a/project/templates/task/new/forms/update_timesheet.html b/project/templates/task/new/forms/update_timesheet.html
new file mode 100644
index 000000000..9ad068ce2
--- /dev/null
+++ b/project/templates/task/new/forms/update_timesheet.html
@@ -0,0 +1,37 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Timesheet" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    style="
+    border: none;
+    background: none;
+    font-size: 1.5rem;
+    opacity: 0.7;
+    position: absolute;
+    top: 25px;
+    right: 15px;
+    cursor: pointer;
+    -webkit-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;"
+    onclick="event.stopPropagation(); $(this).parents().find('.oh-modal--show:last').toggleClass('oh-modal--show')"
+    id="close1" 
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form 
+    hx-post="{% url 'update-timesheet-task' timesheet_id %}"
+    hx-target="#TimesheetUpdateTarget"
+    hx-encoding="multipart/form-data"
+    >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/project/templates/task/new/overall.html b/project/templates/task/new/overall.html
new file mode 100644
index 000000000..a0fa03e2a
--- /dev/null
+++ b/project/templates/task/new/overall.html
@@ -0,0 +1,144 @@
+{% extends 'index.html' %} 
+
+{% block content %}
+{% load i18n %} {% load yes_no %}{% load static %}
+    
+    <main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
+        {% include 'task/new/task_navbar.html' %} 
+    </main>
+    <div id="ohMessages"></div>
+    <div id="view-container" class="oh-wrapper">
+        {% if view_type == 'list' %}
+            {% include 'task/new/task_list_view.html' %}
+        {% else %}
+            {% include 'task/new/task_kanban_view.html' %}
+        {% endif %} 
+    </div>
+
+    <div
+        class="oh-modal"
+        id="TaskModal"
+        role="dialog"
+        aria-labelledby="TaskModal"
+        aria-hidden="true"
+        >
+        <div
+            class="oh-modal__dialog"
+            style="max-width: 550px"
+            id="TaskFormTarget"
+        ></div>
+    </div>
+
+    <div
+        class="oh-modal"
+        id="TaskUpdateModal"
+        role="dialog"
+        aria-labelledby="TaskUpdateModal"
+        aria-hidden="true"
+        >
+    
+        <div
+            class="oh-modal__dialog"
+            style="max-width: 550px"
+            id="TaskUpdateTarget"
+        ></div>
+    </div>
+    <div
+        class="oh-modal"
+        id="ProjectStageModal"
+        role="dialog"
+        aria-labelledby="TaskTimesheetModal"
+        aria-hidden="true"
+        >
+        <div
+            class="oh-modal__dialog"
+            style="max-width:550px"
+            id="ProjectStageFormTarget"
+        ></div>
+ 
+    </div>
+
+    <div
+        class="oh-modal"
+        id="TaskTimesheetModal"
+        role="dialog"
+        aria-labelledby="TaskTimesheetModal"
+        aria-hidden="true"
+        >
+        <div
+            class="oh-modal__dialog"
+            style="max-width:1350px"
+            id="TaskTimesheetTarget"
+        ></div>
+ 
+    </div>
+    <div
+        class="oh-modal {{request.GET.active}}"
+        id="TimesheetUpdateModal"
+        role="dialog"
+        aria-labelledby="TaskUpdateModal"
+        aria-hidden="true"
+        >
+    
+        <div
+            class="oh-modal__dialog"
+            style="max-width: 550px"
+            id="TimesheetUpdateTarget"
+        ></div>
+    </div>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script>
+{% comment %} function  cDelete(timeSheetId) {
+        console.log("Confirm Delete called"); // Add this line for debugging
+    if (chonfirm("{% trans 'Do you want to delete this time sheet?' %}")) {
+        // User confirmed, perform the delete operation here
+        deleteTimeSheet(timeSheetId);
+    }
+} {% endcomment %}
+
+function getCookie(name) {
+        let cookieValue = null;
+        if (document.cookie && document.cookie !== "") {
+          const cookies = document.cookie.split(";");
+          for (let i = 0; i < cookies.length; i++) {
+            const cookie = cookies[i].trim();
+            // Does this cookie string begin with the name we want?
+            if (cookie.substring(0, name.length + 1) === name + "=") {
+              cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+              break;
+            }
+          }
+        }
+        return cookieValue;
+    }
+
+function deleteTimeSheet(element,timeSheetId) {
+    console.log($(element).parent().closest('ui-sortable-handle')); // Add this line for debugging
+    $.ajax({
+        url: "/project/delete-time-sheet-ajax/" + timeSheetId + "/", // Include the time_sheet.id in the URL
+        type: "post",
+        data:{
+            csrfmiddlewaretoken: getCookie("csrftoken"),
+        },
+        success: function(response) {
+            // Time sheet deleted successfully, you can handle this case as needed
+            // For example, you can redirect the user or update the UI.
+            $("#ohMessages").append(`
+                <div class="oh-alert-container">
+                    <div class="oh-alert oh-alert--animated oh-alert--${response.type}">
+                        ${response.message}
+                    </div>
+                </div>`)
+            $(element).closest('.oh-sticky-table__tr.ui-sortable-handle').hide()
+        },
+        error: function() {
+            // Handle errors if the delete operation fails
+            alert("Failed to delete time sheet");
+        }
+    });
+}
+
+
+</script>
+    
+{% endblock content %}
diff --git a/project/templates/task/new/task_accordion_view.html b/project/templates/task/new/task_accordion_view.html
new file mode 100644
index 000000000..a67726c6d
--- /dev/null
+++ b/project/templates/task/new/task_accordion_view.html
@@ -0,0 +1,105 @@
+{% load i18n %} {% load yes_no %}
+<div id="ohMessages"></div>
+  <div class="oh-sticky-table">
+    <div class="oh-sticky-table__table oh-table--sortable">
+      {% comment %}
+      <div class="oh-sticky-table__thead">
+        <div class="oh-sticky-table__tr">
+          <div class="oh-sticky-table__th">
+            <div class="d-flex">
+              <div class="">
+                <input
+                  type="checkbox"
+                  class="oh-input oh-input__checkbox mt-1 mr-2 all-candidate"
+                />
+              </div>
+              <div>{% trans "Tasks" %}</div>
+            </div>
+          </div>
+          <div class="oh-sticky-table__th">{% trans "Task Assigner" %}</div>
+          <div class="oh-sticky-table__th">{% trans "Task Members" %}</div>
+          <div class="oh-sticky-table__th">{% trans "End Date" %}</div>
+          <div class="oh-sticky-table__th">{% trans "Stage" %}</div>
+          <div class="oh-sticky-table__th">{% trans "Document" %}</div>
+          <div class="oh-sticky-table__th">{% trans "Description" %}</div>
+          <div class="oh-sticky-table__th">{% trans "Actions" %}</div>
+        </div>
+      </div>
+      {% endcomment %}
+
+      <div class="oh-sticky-table__tr ui-sortable-handle task_row">
+        <div class="oh-sticky-table__sd">{{task.title}}</div>
+        <div class="oh-sticky-table__td">{{task.task_assigner}}</div>
+        <div class="oh-sticky-table__td">
+          {% for employee in task.task_members.all %} {{employee}}<br />
+          {% endfor %}
+        </div>
+        <div class="oh-sticky-table__td">{{task.end_date}}</div>
+        {% comment %}
+        <div class="oh-sticky-table__td">{{task.stage}}</div>
+        {% endcomment %}
+        <div class="oh-sticky-table__td oh-table-config__td">
+          <select
+            id="stageChange{{task.id}}"
+            class="oh-select w-100 stage-change"
+            data-task="{{task.id}}"
+          >
+            {% for stage in stages %} {% if stage.id == task.stage.id %}
+            <option value="{{stage.id}}" selected>{{stage}}</option>
+            {% else %}
+            <option value="{{stage.id}}">{{stage}}</option>
+            {% endif %} {% endfor %}
+          </select>
+        </div>
+
+        <div class="oh-sticky-table__td">{{task.document}}</div>
+        <div class="oh-sticky-table__td">{{task.description}}</div>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    $(document).ready(function () {
+      function getCookie(name) {
+        let cookieValue = null;
+        if (document.cookie && document.cookie !== "") {
+          const cookies = document.cookie.split(";");
+          for (let i = 0; i < cookies.length; i++) {
+            const cookie = cookies[i].trim();
+            // Does this cookie string begin with the name we want?
+            if (cookie.substring(0, name.length + 1) === name + "=") {
+              cookieValue = decodeURIComponent(
+                cookie.substring(name.length + 1)
+              );
+              break;
+            }
+          }
+        }
+        return cookieValue;
+      }
+      $(".stage-change").change(function () {
+        var stage = $(this).val();
+        var task = $(this).data("task");
+        $.ajax({
+          type: "post",
+          url: "/project/task-stage-change",
+          data: {
+            csrfmiddlewaretoken: getCookie("csrftoken"),
+            stage: stage,
+            task: task,
+          },
+          success: function (response) {
+            $("#ohMessages").append(`
+                    <div class="oh-alert-container">
+                        <div class="oh-alert oh-alert--animated oh-alert--${response.type}">
+                            ${response.message}
+                        </div>
+                    </div>`);
+          },
+        });
+        $(this).parents(".task_row").remove();
+        $();
+      });
+    });
+  </script>
+</div>
diff --git a/project/templates/task/new/task_details.html b/project/templates/task/new/task_details.html
new file mode 100644
index 000000000..c5c5b1d0d
--- /dev/null
+++ b/project/templates/task/new/task_details.html
@@ -0,0 +1,134 @@
+{% load i18n %} {% load yes_no %}
+
+<div class="oh-modal__dialog-header">
+    <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+        <h5 style="margin-bottom: 20px;">{{task.title}}</h5>
+    </span>
+    <button
+        type="button"
+        class="oh-modal__close"
+        data-dismiss="oh-modal"
+        aria-label="Close"
+        data-toggle="oh-modal-toggle"
+
+    >
+        <ion-icon name="close-outline"></ion-icon>
+    </button>
+    <div class="oh-timeoff-modal__stats-container mb-3">
+      <div class="oh-timeoff-modal__stat">
+          <span class="oh-timeoff-modal__stat-title">{% trans "Title" %}</span>
+          <span class="oh-timeoff-modal__stat-count">{{task.title}}</span>
+      </div>
+      <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+          <span class="oh-timeoff-modal__stat-title">{% trans "Project" %}</span>
+          <span class="oh-timeoff-modal__stat-count">{{task.project}}</span>
+      </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Stage" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{task.stage}}</span>
+        </div>
+        <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Task manager" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{task.task_manager}}</span>
+        </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Task members" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{% for member in task.task_members.all %}{{member}}, {% endfor %}</span>
+        </div>
+        <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Status" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{task.get_status_display}}</span>
+        </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "End Date" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{task.end_date}}</span>
+            
+        </div>
+        <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Description" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{task.description}}</span>
+        </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Document" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{task.document}}
+      
+    </span> 
+        </div>
+    </div>
+    <div class="oh-modal__button-container text-center">
+       <div class="oh-btn-group">
+
+            <a hx-get="{% url 'update-task' task.id %}" 
+                hx-target='#TaskUpdateTarget'
+                
+                data-toggle="oh-modal-toggle" 
+                data-target="#TaskUpdateModal"
+                data-key=".oh-kanban__section"
+                class="oh-btn oh-btn--info" style="width: 50%;">
+                <ion-icon
+                    name="create-outline"
+                    role="img"
+                    class="md hydrated"
+                    aria-label="create outline"
+                >
+                </ion-icon>{% trans "Edit" %}
+            </a>
+            <a hx-get="{% url 'task-timesheet' task.id %}" 
+                hx-target='#TaskTimesheetTarget'
+                data-target="#TaskTimesheetModal"
+                data-toggle="oh-modal-toggle"
+                data-key=".oh-kanban__section"
+                class="oh-btn oh-btn--info" style="width: 56%; background-color:green">
+                <ion-icon
+                    name="bar-chart"
+                    role="img"
+                    class="md hydrated"
+                    aria-label="create outline"
+                >
+                </ion-icon>{% trans " Time sheet" %}
+            </a>
+            <a href="{% url 'delete-task' task.id %}?view={{request.GET.view }}" class="oh-btn oh-btn--danger"style="width: 50%;" 
+                onclick="event.preventDefault();event.stopPropagation(); confirm(`{% trans 'Do you want to delete this task?' %}`)"
+                > 
+            {% comment %} <a hx-get="{% url 'delete-task' task.id %}" class="oh-btn oh-btn--danger"style="width: 50%;" 
+                onclick="event.preventDefault();event.stopPropagation(); confirm(`{% trans 'Do you want to delete this task?' %}`)"
+                hx-target='#TaskUpdateTarget'
+                
+                data-toggle="oh-modal-toggle" 
+                data-target="#TaskUpdateModal"
+                data-key=".oh-kanban__section"
+                class="oh-btn oh-btn--info" style="width: 50%;"> 
+                 {% endcomment %}
+                <ion-icon
+                    name="trash-outline"
+                    role="img"
+                    class="md hydrated"
+                    aria-label="create outline"
+                ></ion-icon>{% trans "Delete" %}
+            </a>
+        </div>
+    </div>
+</div>
+    {% comment %} <script>
+        $(document).ready(function(){
+            console.log('ready modal')
+            $('.oh-modal__close').click(function(e){
+                e.preventDefault()
+                var parentDiv = $(this).parents().closest('oh-modal--show')
+                console.log(parentDiv)
+                parentDiv.classList.remove('oh-modal--show')
+            })
+
+
+        });
+
+    </script> {% endcomment %}
+
diff --git a/project/templates/task/new/task_kanban_view.html b/project/templates/task/new/task_kanban_view.html
new file mode 100644
index 000000000..466665fe3
--- /dev/null
+++ b/project/templates/task/new/task_kanban_view.html
@@ -0,0 +1,210 @@
+
+{% load static %}
+{% load i18n %}
+
+
+{% comment %} for showing messages {% endcomment %}
+{% if messages %}
+  <div class="oh-alert-container" >
+      {% for message in messages %}
+          <div class="oh-alert oh-alert--animated {{message.tags}}">
+              {{ message }}
+          </div> 
+      {% endfor %}
+  </div>
+{% endif %}
+<div id = 'ohMessages'>
+</div>
+{% include "filter_tags.html" %}
+
+{% if stages %}
+  {% comment %} vertical tabs {% endcomment %}
+  <div class="oh-wrapper oh-tabs">
+    <div class="ui-sortable" id ="project container">
+      <div class="oh-kanban ui-sortable" id='project_stages'>
+
+        {% comment %} stages view {% endcomment %}
+        {% for stage in stages %}
+          <div
+            class="oh-kanban__section stages"
+            data-container='stages'
+            id="kanban{{stage.id}}"
+            
+            data-project-id = "{{project.id}}"
+          >
+            <div class="oh-kanban__section-head stage ms-4" style="cursor: pointer;" 
+                data-stage-id="{{stage.id}}"
+                data-sequence = "{{stage.sequence}}"
+                data-project-id='{{project.id}}'>
+              <div class="d-flex">
+                <span class="oh-kanban__section-title" data-type="label">{{stage.title}}</span>        
+              </div>
+              <div class="oh-tabs__input-badge-container">
+                <span class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round mr-1">
+                  {{ stage.tasks.all|length}}
+                </span>
+              </div>
+
+              {% comment %} drop down menu {% endcomment %}
+              <div class="oh-kanban__head-actions oh-kanban__dropdown" >          
+                <div class="oh-kanban__head-actions oh-kanban__dropdown">
+                <div >
+                      <a class="" @click="open = !open" style="padding:20px"
+                      hx-get='{% url "create-task" stage.id %}' 
+                      hx-target='#TaskFormTarget' class="oh-dropdown__link" 
+                      data-toggle="oh-modal-toggle" 
+                      data-target="#TaskModal"
+                      data-key=".oh-kanban__section"
+                      onclick="handleCreateTaskClick(event)"
+                  >
+                        <ion-icon name="add-sharp" role="img" class="md hydrated mt-1" aria-label="add sharp"></ion-icon>
+                      </a>        
+                  </div>
+                  
+                  <button class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle">
+                    <ion-icon name="ellipsis-vertical-sharp" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
+                  </button>
+                  <div class="oh-dropdown oh-kanban__dropdown-menu d-none">
+                    <div class="oh-dropdown__menu oh-dropdown__menu--right">
+                      <ul class="oh-dropdown__items">
+                        <li class="oh-dropdown__item">
+                          <a 
+                            hx-get='{% url "update-project-stage" stage.id %}' 
+                            hx-target='#TaskFormTarget' class="oh-dropdown__link" 
+                            data-toggle="oh-modal-toggle" 
+                            data-target="#TaskModal"
+                            data-key=".oh-kanban__section"
+                             >{% trans "Edit" %}
+                          </a>  
+                        </li>
+                        <li class="oh-dropdown__item">
+                          <form action="{% url 'delete-project-stage' stage.id %}" onsubmit="return confirm('{% trans "Are you sure you want to delete this stage?" %}');" method="post">
+                            {% csrf_token %}
+                            <button class="oh-dropdown__link oh-dropdown__link--danger ">{% trans "Delete" %}</button>
+                          </form>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div>                  
+            </div>
+
+            {% comment %} task inside stage {% endcomment %}
+            <div 
+              class="oh-kanban__section-body ui-sortable tasks-container"
+              style="left-padding:10px;" 
+              data-stage-id='{{stage.id}}' 
+              data-project-id="{{project.id}}"
+              >
+
+              {% for task in stage.tasks.all|dictsort:"sequence" %}
+                {% if task in tasks %}
+                  <div
+                    class="oh-kanban__card task ms-3"
+                    data-task-id="{{task.id}}"
+                    data-task="{{task.title}}"
+                    id="task-{{task.id}}"
+                    style="cursor: pointer;overflow: visible;left-padding:10px"
+                    >                 
+                      <div class="oh-kanban__card-head">
+                        <a hx-get='{% url "task-details" task.id %}?view=card' 
+                            hx-target='#TaskFormTarget' class="oh-dropdown__link" 
+                            data-toggle="oh-modal-toggle" 
+                            data-target="#TaskModal"
+                            data-key=".oh-kanban__section"
+                          >
+                        <div class="oh-profile oh-profile--md">
+                          <div class="oh-profile__avatar mr-1">
+                            <img
+                              src="https://ui-avatars.com/api/?name={{task}}&amp;background=random"
+                              class="oh-profile__image"
+                              alt="task"
+                            />
+                          </div>
+                        
+                        <div class="oh-kanban-card__details">
+                          <span class="oh-kanban-card__title">                       
+                            {{task}}
+                          </span>
+                          <span class="oh-kanban-card__subtitle">{{task.task_manager}}</span><br>
+                          <span class="oh-kanban-card__subtitle">{{task.end_date}}</span><br>
+                          <span class="oh-kanban-card__subtitle">{{task.get_status_display}}</span>
+                        </div>
+                        </div>
+                        </a>
+                    
+
+                        {% comment %} drop down inside card {% endcomment %}
+                        
+                        <div class="oh-kanban__card-actions oh-kanban__dropdown">
+                          <button
+                            class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle"
+                          >
+                            <ion-icon
+                              name="ellipsis-vertical-sharp"
+                              role="img"
+                              class="md hydrated"
+                              aria-label="ellipsis vertical sharp"
+                            ></ion-icon>
+                          </button>
+                          <div class="oh-dropdown oh-kanban__dropdown-menu d-none">
+                            <div class="oh-dropdown__menu oh-dropdown__menu--right">
+                              <ul class="oh-dropdown__items">
+                                <li class="oh-dropdown__item">
+                                  <a 
+                                    hx-get='{% url "update-task" task.id %}' 
+                                    hx-target='#TaskFormTarget' class="oh-dropdown__link" 
+                                    data-toggle="oh-modal-toggle" 
+                                    data-target="#TaskModal"
+                                    data-key=".oh-kanban__section"
+                                    >{% trans "Edit" %}
+                                  </a>  
+                                </li>
+                                <li class="oh-dropdown__item">
+                                  <form action="{% url 'delete-task' task.id %}?view=card" onsubmit="return confirm('{% trans "Are you sure you want to delete this task?" %}');" method="post">
+                                    {% csrf_token %}
+                                    <button class="oh-dropdown__link oh-dropdown__link--danger ">{% trans "Delete" %}</button>
+                                  </form>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    
+                  </div>
+                {% endif %}
+              {% endfor %}                 
+            </div>
+          </div>
+        {% endfor %}
+        
+          <a
+            class="oh-btn oh-btn--secondary oh-btn--shadow"
+            data-toggle="oh-modal-toggle"
+            data-target="#ProjectStageModal"
+            hx-get="{% url 'create-project-stage' project_id %}"
+            hx-target="#ProjectStageFormTarget"
+          >
+            <ion-icon class="me-1" name="add-outline"></ion-icon>{% trans "Stage" %}
+          </a>
+        
+      </div>
+     
+    </div>  
+  </div>
+{% else %}
+  <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+    <div style="" class="">
+      <img style="display: block;width: 200px;margin: 10px auto ;" src="{% static 'images/ui/project/task.png' %}" class="" alt="Page not found. 404."/>
+      <h3 style="font-size:20px" class="oh-404__subtitle">{% trans "There are currently no available tasks; please create a new one." %}</h3>
+    </div>
+  </div>
+{% endif %}
+ 
+
+ {% comment %} js files {% endcomment %}
+ <script src="{% static '/project/task_pipeline.js' %}"></script>
+
+
diff --git a/project/templates/task/new/task_list_view.html b/project/templates/task/new/task_list_view.html
new file mode 100644
index 000000000..a26fb644d
--- /dev/null
+++ b/project/templates/task/new/task_list_view.html
@@ -0,0 +1,427 @@
+{% load static %}
+{% load i18n %} {% load yes_no %}
+  
+
+{% comment %} for showing messages {% endcomment %}
+<div class="oh-alert-container" id='ajaxMessages'>
+</div>
+{% if messages %}
+    <div class="oh-alert-container" id='ohMessages'>
+        {% for message in messages %}
+            <div class="oh-alert oh-alert--animated {{message.tags}}">
+                {{ message }}
+            </div> 
+        {% endfor %}
+    </div>
+{% endif %}
+{% include "filter_tags.html" %}
+{% if stages %}
+    <div class="oh-card" id="">
+    <div class="oh-accordion-meta">
+        <div class="">
+            {% for stage in stages %}
+            
+                <div
+                    class="oh-accordion-meta__header oh-accordion-meta__header--custom stage_header"
+                    data-target="#taskstage{{stage.id}}"              
+                > 
+                    <div class="d-flex">
+                    <span class="oh-accordion-meta__title" style="display:inherit;">
+                        <span class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round mr-1">
+                            {{ stage.tasks.all|length}}
+                        </span>
+                        {{stage.title}} 
+                    </span>
+                    </div>
+                    <div class="d-flex oh-tabs__input-badge-container">
+                        
+                    </div>
+                    <div class="oh-btn-group ml-3">
+                        <div>
+                        <a
+                            class="oh-btn oh-btn--secondary oh-btn--shadow"
+                            data-toggle="oh-modal-toggle"
+                            data-target="#TaskModal"
+                            hx-get="{% url 'create-task' stage.id %}" 
+                            hx-target="#TaskFormTarget"
+                        >
+                            <ion-icon class="me-2" name="add-outline"></ion-icon>{% trans "Add Task" %}
+                        </a>
+                        </div>
+                    <div class="oh-dropdown" x-data="{open: false}">
+                        <button
+                        class="oh-btn oh-stop-prop oh-accordion-meta__btn"
+                        @click="open = !open"
+                        @click.outside="open = false"
+                        >
+                        {% trans "Actions" %}
+                        <ion-icon
+                            class="ms-2 oh-accordion-meta__btn-icon"
+                            name="caret-down-outline"
+                        ></ion-icon>
+                        </button>
+                        <div
+                        class="oh-dropdown__menu oh-dropdown__menu--right"
+                        x-show="open"
+                        style="display: none"
+                        >
+                        <ul class="oh-dropdown__items">
+                            <li class="oh-dropdown__item">
+                            <a
+                                class="oh-dropdown__link oh-dropdown__link"
+                                data-toggle="oh-modal-toggle"
+                                data-target="#TaskModal"
+                                hx-get="{% url 'update-project-stage' stage.id %}"
+                                onclick="event.stopPropagation()"
+                                hx-target="#TaskFormTarget"
+                            > 
+                                {% trans "Update" %}</a 
+                            >
+                            </li>
+                    
+                            <li class="oh-dropdown__item">
+                                <form action="{% url 'delete-project-stage' stage.id %}" onsubmit="return confirm('{% trans "Are you sure you want to delete this stage?" %}');" method="post">
+                                {% csrf_token %}
+                                <button class="oh-dropdown__link oh-dropdown__link--danger ">{% trans "Delete" %}</button>
+                                </form>
+                            </li>
+                        </ul> 
+                        </div>
+                    </div>
+                    </div>
+                </div>
+                <div
+                    class="oh-accordion-meta__body d-none"
+                    id="taskstage{{stage.id}}"
+                >
+                    <!-- htmx task will loading here -->
+                    <div
+                        class="oh-sticky-table oh-sticky-table--no-overflow mb-5">
+                        <div class="oh-sticky-table">
+                            <div class="oh-sticky-table__table oh-table--sortable" >
+                                <div class="oh-sticky-table__thead" >
+                                    <div class="oh-sticky-table__tr" id="task_view{{stage.id}}"  >
+                                        <div class="oh-sticky-table__th" >
+                                            <div class="d-flex" >
+                                                <div class="">
+                                                    <input
+                                                        type="checkbox"
+                                                        class="oh-input oh-input__checkbox mt-1 mr-2 all-candidate"
+                                                    />
+                                                </div>
+                                                <div
+                                                >
+                                                    {% trans "Tasks" %}
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="oh-sticky-table__th">{% trans "Task Manager" %}</div>
+                                        <div class="oh-sticky-table__th">{% trans "End Date" %}</div>
+                                        <div class="oh-sticky-table__th">{% trans "Status" %}</div>
+                                        <div class="oh-sticky-table__th">{% trans "Stage" %}</div>
+                                        <div class="oh-sticky-table__th">{% trans "Document" %}</div>
+                                        <div class="oh-sticky-table__th">{% trans "Description" %}</div>  
+                                        <div class="oh-sticky-table__th">{% trans "Actions" %}</div>               
+                                    </div>
+                                </div>
+                                {% for task in stage.tasks.all %}
+                                
+                                    {% comment %} {% if task in tasks %} {% endcomment %}
+                                        <div class="oh-sticky-table__tr ui-sortable-handle task_row" 
+                                            data-task = "{{task.title}}"
+                                            data-toggle="oh-modal-toggle"
+                                            data-target="#TaskModal"
+                                            hx-target="#TaskFormTarget"
+                                            hx-get="{% url 'task-details' task.id %}?view=list"
+                                            onclick="event.stopPropagation()"
+                                            >
+                                            <div class="oh-sticky-table__sd" >{{task.title}}</div>
+                                            <div class="oh-sticky-table__td">{{task.task_manager}}</div>
+                                            <div class="oh-sticky-table__td">{{task.end_date}}</div>
+                                            <div class="oh-sticky-table__td">{{task.get_status_display}}</div>
+                                            <div class="oh-sticky-table__td oh-table-config__td">
+                                                <select
+                                                    id="stageChange{{task.id}}"
+                                                    class="oh-select w-100 stage-change"
+                                                    data-task='{{task.id}}'
+                                                    onchange="stageChange(this)"
+                                                    >
+                                                
+                                                    {% for stage in stages %}
+                                                        {% if stage.id == task.stage.id %}
+                                                            <option value="{{stage.id}}" selected>{{stage}}</option>
+                                                        {% else %}
+                                                            <option value="{{stage.id}}">{{stage}}</option>
+                                                        {% endif %}
+                                                    {% endfor %}
+                                                </select>
+                                            </div>
+                                        
+                                            <div class="oh-sticky-table__td">{{task.document}}</div>
+                                            <div class="oh-sticky-table__td">{{task.description}}</div>
+                                            <div class="oh-sticky-table__td">
+                                                <div class="oh-btn-group">
+                                                    <button class="oh-btn oh-btn--light-bkg w-100" title="{% trans 'Edit' %}" data-toggle="oh-modal-toggle"
+                                                        data-target="#TaskModal" hx-get="{% url 'update-task' task.id %}"
+                                                        hx-target="#TaskFormTarget"><ion-icon name="create-outline"></ion-icon></button>
+
+                                                    {% comment %} <a class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100" id="delete-link"
+                                                        href="{% url 'delete-task' task.id %}?view=list" title="{% trans 'Delete' %}">
+                                                        <ion-icon name="trash-outline"></ion-icon>
+                                                    </a> {% endcomment %}
+                                                    <a
+                                                        class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
+                                                        href="{% url 'delete-task' task.id %}?view=list"
+                                                        onclick="event.preventDefault();event.stopPropagation(); confirm(`{% trans 'Do you want to delete this task?' %}`)"
+                                                    >
+                                                        <ion-icon
+                                                        name="trash-outline"
+                                                        role="img"
+                                                        class="md hydrated"
+                                                        aria-label="trash outline"
+                                                        ></ion-icon>
+                                                    </a>
+
+                                                </div>
+                                            </div>              
+                                        </div>
+                                    {% comment %} {% endif %} {% endcomment %}
+                                {% endfor %}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            {% endfor %}
+        
+        <script>
+            $(document).ready(function () {
+            $(".oh-accordion-meta__header").click(function () {
+                var target = $(this).data("target");
+                $(target).toggleClass("d-none");
+            });
+            });
+        </script>
+        </div>
+    </div>
+    </div>
+{% else %}
+    <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+        <div style="" class="">
+        <img style="display: block;width: 200px;margin: 10px auto ;" src="{% static 'images/ui/project/task.png' %}" class="" alt="Page not found. 404."/>
+        <h3 style="font-size:20px" class="oh-404__subtitle">{% trans "There are currently no available tasks; please create a new one." %}</h3>
+        </div>
+    </div>
+{% endif %}
+<script src="{% static '/project/task_pipeline.js' %}"></script>
+
+
+<script>
+    function stageChange(selectedElement){
+        var stage = selectedElement.value;
+        var task = selectedElement.getAttribute('data-task');
+        var task_row = $(selectedElement).parents('.task_row')
+        task_row.remove();
+        $(`#taskstage${stage} .oh-sticky-table__thead`).after(task_row) 
+        $.ajax({
+            type:'post',
+            url:'/project/task-stage-change',
+            data:{
+                csrfmiddlewaretoken: getCookie("csrftoken"),
+                stage:stage,
+                task:task,
+            },
+            success: function(response){
+                $("#ajaxMessages").append(`
+                    <div class="oh-alert-container">
+                        <div class="oh-alert oh-alert--animated oh-alert--${response.type}">
+                            ${response.message}
+                        </div>
+                    </div>`); 
+            }  
+        })
+    }
+    
+    function getCookie(name) {
+        let cookieValue = null;
+        if (document.cookie && document.cookie !== "") {
+        const cookies = document.cookie.split(";");
+        for (let i = 0; i < cookies.length; i++) {
+            const cookie = cookies[i].trim();
+            // Does this cookie string begin with the name we want?
+            if (cookie.substring(0, name.length + 1) === name + "=") {
+            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+            break;
+            }
+        }
+        }
+        return cookieValue;
+    }
+
+</script>
+
+
+
+
+{% comment %} 
+<div class="oh-card">
+    <div class="oh-accordion-meta">
+        <div class="oh-accordion-meta__item">
+        {% for project_stage in project_stages %} {{project_stage.stage}} <br/>
+        {% endfor %}
+            {% for task in tasks %}
+                <div class="oh-accordion-meta__header">
+                    <span class="oh-accordion-meta__title"
+                        > {{ task.task_title }}</span
+                    >
+                    <div class="oh-accordion-meta__actions">
+                        <div class="oh-dropdown" x-data="{open: false}">
+                            <button
+                                class="oh-btn oh-stop-prop oh-accordion-meta__btn"
+                                @click="open = !open"
+                                @click.outside="open = false"
+                            >
+                                Actions
+                                <ion-icon
+                                class="ms-2 oh-accordion-meta__btn-icon"
+                                name="caret-down-outline"
+                                ></ion-icon>
+                            </button>
+                            <div
+                                class="oh-dropdown__menu oh-dropdown__menu--right"
+                                x-show="open"
+                            >
+                                <ul class="oh-dropdown__items">
+                                    <li class="oh-dropdown__item">
+                                        <a href="#" class="oh-dropdown__link">Arrange</a>
+                                    </li>
+                                    <li class="oh-dropdown__item">
+                                        <a href="#" class="oh-dropdown__link">Forward</a>
+                                    </li>
+                                    <li class="oh-dropdown__item">
+                                        <a href="#" class="oh-dropdown__link">Archive</a>
+                                    </li>
+                                    <li class="oh-dropdown__item">
+                                        <a
+                                        href="#"
+                                        class="oh-dropdown__link oh-dropdown__link--danger"
+                                        >Delete</a
+                                        >
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="oh-accordion-meta__body d-none">
+                    <div
+                        class="oh-sticky-table oh-sticky-table--no-overflow mb-5"
+                    >
+                        <div class="oh-sticky-table__table">
+                            <div class="oh-sticky-table__thead">
+                                <div class="oh-sticky-table__tr">
+                                        <div class="oh-sticky-table__th">Task Assigner</div>
+                                        <div class="oh-sticky-table__th">Task Members</div>
+                                        <div class="oh-sticky-table__th">End Date</div>
+                                        <div class="oh-sticky-table__th">Status</div>
+                                        <div class="oh-sticky-table__th">Documents</div>
+                                        <div class="oh-sticky-table__th">Description</div>
+                                        <div class="oh-dropdown" x-data="{open: false}">
+                                            <button
+                                                class="oh-btn oh-stop-prop oh-btn--transparent oh-accordion-meta__btn"
+                                                @click="open = !open"
+                                                @click.outside="open = false"
+                                            >
+                                                <ion-icon
+                                                    name="ellipsis-vertical"
+                                                ></ion-icon>
+                                            </button>
+                                            <div
+                                                class="oh-dropdown__menu oh-dropdown__menu--right"
+                                                x-show="open"
+                                                >
+                                                <ul class="oh-dropdown__items">
+                                                    <li class="oh-dropdown__item">
+                                                    <a href="#" class="oh-dropdown__link"
+                                                        >Arrange</a
+                                                    >
+                                                    </li>
+                                                    <li class="oh-dropdown__item">
+                                                    <a href="#" class="oh-dropdown__link"
+                                                        >Forward</a
+                                                    >
+                                                    </li>
+                                                    <li class="oh-dropdown__item">
+                                                    <a href="#" class="oh-dropdown__link"
+                                                        >Archive</a
+                                                    >
+                                                    </li>
+                                                    <li class="oh-dropdown__item">
+                                                    <a
+                                                        href="#"
+                                                        class="oh-dropdown__link oh-dropdown__link--danger"
+                                                        >Delete</a
+                                                    >
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                </div>
+                                </div>
+                            </div>
+                            <div class="oh-sticky-table__tbody">
+                                <div
+                                    class="oh-sticky-table__tr oh-multiple-table-sort__movable"
+                                >
+                                    <div class="oh-sticky-table__sd">
+                                        <div class="oh-profile oh-profile--md">
+                                            <div class="oh-profile__avatar mr-1">
+                                                <img
+                                                    src="https://ui-avatars.com/api/?name=Magdalene&background=random"
+                                                    class="oh-profile__image"
+                                                    alt="Mary Magdalene"
+                                                />
+                                            </div>
+                                            <span class="oh-profile__name oh-text--dark"
+                                            >{{task.task_assigner_id}}</span
+                                            >
+                                        </div>
+                                    </div>
+                                    <div class="oh-sticky-table__td">
+                                        {% for employee in task.task_members_id.all %} {{employee}}<br />
+                                        {% endfor %}
+                                    </div>
+                                    <div class="oh-sticky-table__td">{{task.end_date}}</div>
+                                    <div class="oh-sticky-table__td">{{task.status}}</div>
+                                    <div class="oh-sticky-table__td">{{task.document}}</div>
+                                    <div class="oh-sticky-table__td">{{task.description}}</div>
+                                </div>
+                            </div>
+                        </div>
+                   
+                </div>
+                    
+                </div>
+            {% endfor %}
+            
+        </div>
+    </div>
+</div>
+
+
+<script src="./build/js/web.frontend.min.js"></script>
+
+<script
+    type="module"
+    src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
+    ></script>
+<script
+    nomodule
+    src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
+    ></script>
+<script
+    type="module"
+    type="text/javascript"
+    src="./build/vendor/ionicons/ionicons/dist/ionicons/ionicons.esm.js"
+></script> {% endcomment %}
+
+{% comment %} js files {% endcomment %}
diff --git a/project/templates/task/new/task_navbar.html b/project/templates/task/new/task_navbar.html
new file mode 100644
index 000000000..11e5f5774
--- /dev/null
+++ b/project/templates/task/new/task_navbar.html
@@ -0,0 +1,104 @@
+{% load i18n %}
+
+<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
+
+  <div class="oh-main__titlebar oh-main__titlebar--left">
+    <h1 class="oh-main__titlebar-title fw-bold">{{project}} {% trans ":Tasks" %} </h1>
+    <a
+      class="oh-main__titlebar-search-toggle"
+      role="button"
+      aria-label="Toggle Search"
+      @click="searchShow = !searchShow"
+    >
+        <ion-icon
+            name="search-outline"
+            class="oh-main__titlebar-serach-icon md hydrated"
+            role="img"
+            aria-label="search outline"
+        ></ion-icon>
+    </a>
+  </div>
+ 
+  <div class="oh-main__titlebar oh-main__titlebar--right">
+    {% comment %} for search{% endcomment %} 
+    <div
+      class="oh-input-group oh-input__search-group"
+      :class="searchShow ? 'oh-input__search-group--show' : ''"
+    >
+      <ion-icon
+        name="search-outline"
+        class="oh-input-group__icon oh-input-group__icon--left"
+      ></ion-icon>
+      <input
+        type="text"
+        class="oh-input oh-input__icon"
+        aria-label="Search Input"
+        id="filter-task"
+        data-view = "{{request.GET.view}}"
+        name="search"
+        placeholder="{% trans 'Search' %}"
+        {% comment %} hx-get="{% url 'task-filter' project_id %}?view={{request.GET.view}}"  
+        hx-trigger="keyup changed delay:500ms, search"
+        hx-target="#view-container"  {% endcomment %}
+      />
+    </div>
+
+    
+    <div class="oh-dropdown" x-data="{open: false}">
+      <ul class="oh-view-types ml-2"> 
+        {% comment %} for list view {% endcomment %}
+        <li class="oh-view-type task-view-type" data-view="list">
+          <a href= "{% url 'task-view' project_id %}?view=list"
+            class="oh-btn oh-btn--view"
+          >
+            <ion-icon name="list-outline"></ion-icon> 
+          </a>
+        </li>
+        {% comment %} for card view {% endcomment %}
+        <li class="oh-view-type task-view-type" data-view="card">
+          <a
+             
+            href= "{% url 'task-view' project_id %}"
+            class="oh-btn oh-btn--view"
+            >
+            <ion-icon name="grid-outline"></ion-icon 
+           
+          ></a>
+        </li>
+      </ul>
+    </div>
+    {% comment %} for filtering {% endcomment %}
+    <div class="oh-dropdown" x-data="{open: false}">
+        <button class="oh-btn ml-2" @click="open = !open">
+          <ion-icon name="filter" class="mr-1"></ion-icon>{% trans "Filter" %}
+        </button>
+        <div
+          class="oh-dropdown__menu oh-dropdown__menu--right oh-dropdown__filter p-4"
+          x-show="open"
+          @click.outside="open = false"
+          style="display: none;"
+          >
+          
+          {% include 'task/new/filter_task.html' %}
+        </div>
+    </div>
+    {% comment %} for create task {% endcomment %}
+    <div class="oh-main__titlebar-button-container">
+      <div class="oh-btn-group ml-2">
+        <div>
+          <a
+            class="oh-btn oh-btn--secondary oh-btn--shadow"
+            data-toggle="oh-modal-toggle"
+            data-target="#TaskModal"
+            hx-get="{% url 'create-project-stage' project_id %}"
+            hx-target="#TaskFormTarget"
+            title="Create stage"
+          >
+            <ion-icon class="me-2" name="add-outline"></ion-icon>{% trans "Create" %}
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
diff --git a/project/templates/task/new/task_timesheet.html b/project/templates/task/new/task_timesheet.html
new file mode 100644
index 000000000..06d889b28
--- /dev/null
+++ b/project/templates/task/new/task_timesheet.html
@@ -0,0 +1,140 @@
+{% load i18n %} {% load yes_no %} {% load static %}
+
+<div class="oh-modal__dialog-header">
+    <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+        <h5 style="margin-bottom: 20px;">Time Sheet</h5>
+    </span>
+    {% comment %} for add timesheet {% endcomment %}
+        <div class="oh-main__titlebar-button-container">
+          <div class="oh-btn-group ml-2">
+            <div>
+              <a
+                class="oh-btn oh-btn--secondary oh-btn--shadow"
+                data-toggle="oh-modal-toggle"
+                data-target="#TimesheetUpdateModal"
+                hx-get="{% url 'create-timesheet-task' task_id %}"
+                hx-target="#TimesheetUpdateTarget"
+              >
+                <ion-icon class="me-2" name="add-outline"></ion-icon>{% trans " Add" %}
+              </a>
+            </div>
+          </div>
+        </div>
+      <button
+        type="button"
+        style="
+          border: none;
+          background: none;
+          font-size: 1.5rem;
+          opacity: 0.7;
+          position: absolute;
+          top: 25px;
+          right: 15px;
+          cursor: pointer;
+          -webkit-transition: all 0.3s ease-in-out;
+          transition: all 0.3s ease-in-out;"
+        onclick="event.stopPropagation(); $(this).parents().find('.oh-modal--show:last').toggleClass('oh-modal--show')"
+        id="close"  
+      >
+        <ion-icon name="close-outline"></ion-icon>
+      </button>
+    {% if time_sheets %}
+      <div class="oh-sticky-table">
+        <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">
+                <div class="d-flex">
+                    <div>{% trans "Employee" %}</div>
+                </div>
+                </div>
+                {% comment %}
+                <div class="oh-sticky-table__th">{% trans "Employee" %}</div>
+                {% endcomment %}
+                <div class="oh-sticky-table__th">{% trans "Project" %}</div>
+                <div class="oh-sticky-table__th">{% trans "Task" %}</div>
+                <div class="oh-sticky-table__th">{% trans "Date" %}</div>
+                <div class="oh-sticky-table__th">{% trans "Time Spent" %}</div>
+                <div class="oh-sticky-table__th">{% trans "Status" %}</div>
+                <div class="oh-sticky-table__th">{% trans "Description" %}</div>
+                <div class="oh-sticky-table__th">{% trans "Actions" %}</div>
+            </div>
+            </div>
+            
+            {% for time_sheet in time_sheets %}
+            <div class="oh-sticky-table__tr ui-sortable-handle" 
+            data-toggle="oh-modal-toggle"
+            data-target="#TimeSheetModal"
+            hx-get="{% url 'view-single-time-sheet' time_sheet.id %}"
+            hx-target="#TimeSheetFormTarget" 
+            >
+            <div class="oh-sticky-table__sd">
+                <div class="oh-profile oh-profile--md">
+                <div class="oh-profile__avatar mr-1">
+                    <img
+                    src="{{time_sheet.employee_id.get_avatar}}"
+                    class="oh-kanban-card__profile-image"
+                    alt="Username"
+                    />
+                </div>
+                <span class="oh-profile__name oh-text--dark"
+                    >{{time_sheet.employee_id.employee_first_name}}
+                    {{time_sheet.employee_id.employee_last_name|default:""}}
+                </span>
+                </div>
+            </div>
+            <div class="oh-sticky-table__td">{{time_sheet.project_id.title}}</div>
+
+            <div class="oh-sticky-table__td">{{time_sheet.task_id}}</div>
+            <div class="oh-sticky-table__td">{{time_sheet.date}}</div>
+            <div class="oh-sticky-table__td">{{time_sheet.time_spent}}</div>
+            <div class="oh-sticky-table__td">{{time_sheet.get_status_display}}</div>
+            <div class="oh-sticky-table__td">{{time_sheet.description|truncatechars:15}}</div>
+            <div class="oh-sticky-table__td" onclick="event.stopPropagation();">
+                <div class="oh-btn-group " >
+                <a
+                    class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
+                    data-toggle="oh-modal-toggle"
+                    data-target="#TimesheetUpdateModal"
+                    hx-get="{% url 'update-timesheet-task' time_sheet.id %}"
+                    hx-target="#TimesheetUpdateTarget"
+                    
+                >
+                    <ion-icon
+                    name="create-outline"
+                    role="img"
+                    class="md hydrated"
+                    style="color: blue"
+                    aria-label="create outline"
+                    ></ion-icon>
+                </a>
+                <button
+                    class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
+                    id="time_sheet.id"
+                    onclick=" deleteTimeSheet(this,{{time_sheet.id}});"
+                >
+                    <ion-icon
+                    name="trash-outline"
+                    role="img"
+                    class="md hydrated"
+                    aria-label="trash outline"
+                    ></ion-icon>
+                </button>
+                </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: 80px;margin: 10px auto ;" src="{% static 'images/ui/project/timesheet.png' %}" class="" alt="Page not found. 404."/>
+          <h3 style="font-size:15px" class="oh-404__subtitle">{% trans "There are currently no available timesheets; please create a new one." %}</h3>
+        </div>
+      </div>
+    {% endif %}
+</div>
+
+
+
diff --git a/project/templates/task_all/forms/create_project_stage_taskall.html b/project/templates/task_all/forms/create_project_stage_taskall.html
new file mode 100644
index 000000000..652f823fa
--- /dev/null
+++ b/project/templates/task_all/forms/create_project_stage_taskall.html
@@ -0,0 +1,88 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Project Stage" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#ProjectStageFormTarget"
+    onclick="$('#ProjectStageModal').removeClass('oh-modal--show');"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form onsubmit="event.preventDefault()" id="id_project_stage" name="project_stage_form">
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+<script>
+    $(document).ready(function (e) {
+!function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(e,t){return void 0===t&&(t="undefined"!=typeof window?require("jquery"):require("jquery")(e)),n(t),t}:n(jQuery)}(function(t){var e,n,s,p,r,o,h,f,g,m,y,v,i,a,_,s=((u=t&&t.fn&&t.fn.select2&&t.fn.select2.amd?t.fn.select2.amd:u)&&u.requirejs||(u?n=u:u={},g={},m={},y={},v={},i=Object.prototype.hasOwnProperty,a=[].slice,_=/\.js$/,h=function(e,t){var n,s,i=c(e),r=i[0],t=t[1];return e=i[1],r&&(n=x(r=l(r,t))),r?e=n&&n.normalize?n.normalize(e,(s=t,function(e){return l(e,s)})):l(e,t):(r=(i=c(e=l(e,t)))[0],e=i[1],r&&(n=x(r))),{f:r?r+"!"+e:e,n:e,pr:r,p:n}},f={require:function(e){return w(e)},exports:function(e){var t=g[e];return void 0!==t?t:g[e]={}},module:function(e){return{id:e,uri:"",exports:g[e],config:(t=e,function(){return y&&y.config&&y.config[t]||{}})};var t}},r=function(e,t,n,s){var i,r,o,a,l,c=[],u=typeof n,d=A(s=s||e);if("undefined"==u||"function"==u){for(t=!t.length&&n.length?["require","exports","module"]:t,a=0;a<t.length;a+=1)if("require"===(r=(o=h(t[a],d)).f))c[a]=f.require(e);else if("exports"===r)c[a]=f.exports(e),l=!0;else if("module"===r)i=c[a]=f.module(e);else if(b(g,r)||b(m,r)||b(v,r))c[a]=x(r);else{if(!o.p)throw new Error(e+" missing "+r);o.p.load(o.n,w(s,!0),function(t){return function(e){g[t]=e}}(r),{}),c[a]=g[r]}u=n?n.apply(g[e],c):void 0,e&&(i&&i.exports!==p&&i.exports!==g[e]?g[e]=i.exports:u===p&&l||(g[e]=u))}else e&&(g[e]=n)},e=n=o=function(e,t,n,s,i){if("string"==typeof e)return f[e]?f[e](t):x(h(e,A(t)).f);if(!e.splice){if((y=e).deps&&o(y.deps,y.callback),!t)return;t.splice?(e=t,t=n,n=null):e=p}return t=t||function(){},"function"==typeof n&&(n=s,s=i),s?r(p,e,t,n):setTimeout(function(){r(p,e,t,n)},4),o},o.config=function(e){return o(e)},e._defined=g,(s=function(e,t,n){if("string"!=typeof e)throw new Error("See almond README: incorrect module build, no module name");t.splice||(n=t,t=[]),b(g,e)||b(m,e)||(m[e]=[e,t,n])}).amd={jQuery:!0},u.requirejs=e,u.require=n,u.define=s),u.define("almond",function(){}),u.define("jquery",[],function(){var e=t||$;return null==e&&console&&console.error&&console.error("Select2: An instance of jQuery or a jQuery-compatible library was not found. Make sure that you are including jQuery before Select2 on your web page."),e}),u.define("select2/utils",["jquery"],function(r){var s={};function c(e){var t,n=e.prototype,s=[];for(t in n)"function"==typeof n[t]&&"constructor"!==t&&s.push(t);return s}s.Extend=function(e,t){var n,s={}.hasOwnProperty;function i(){this.constructor=e}for(n in t)s.call(t,n)&&(e[n]=t[n]);return i.prototype=t.prototype,e.prototype=new i,e.__super__=t.prototype,e},s.Decorate=function(s,i){var e=c(i),t=c(s);function r(){var e=Array.prototype.unshift,t=i.prototype.constructor.length,n=s.prototype.constructor;0<t&&(e.call(arguments,s.prototype.constructor),n=i.prototype.constructor),n.apply(this,arguments)}i.displayName=s.displayName,r.prototype=new function(){this.constructor=r};for(var n=0;n<t.length;n++){var o=t[n];r.prototype[o]=s.prototype[o]}for(var a=0;a<e.length;a++){var l=e[a];r.prototype[l]=function(e){var t=function(){};e in r.prototype&&(t=r.prototype[e]);var n=i.prototype[e];return function(){return Array.prototype.unshift.call(arguments,t),n.apply(this,arguments)}}(l)}return r};function e(){this.listeners={}}e.prototype.on=function(e,t){this.listeners=this.listeners||{},e in this.listeners?this.listeners[e].push(t):this.listeners[e]=[t]},e.prototype.trigger=function(e){var t=Array.prototype.slice,n=t.call(arguments,1);this.listeners=this.listeners||{},0===(n=null==n?[]:n).length&&n.push({}),(n[0]._type=e)in this.listeners&&this.invoke(this.listeners[e],t.call(arguments,1)),"*"in this.listeners&&this.invoke(this.listeners["*"],arguments)},e.prototype.invoke=function(e,t){for(var n=0,s=e.length;n<s;n++)e[n].apply(this,t)},s.Observable=e,s.generateChars=function(e){for(var t="",n=0;n<e;n++)t+=Math.floor(36*Math.random()).toString(36);return t},s.bind=function(e,t){return function(){e.apply(t,arguments)}},s._convertData=function(e){for(var t in e){var n=t.split("-"),s=e;if(1!==n.length){for(var i=0;i<n.length;i++){var r=n[i];(r=r.substring(0,1).toLowerCase()+r.substring(1))in s||(s[r]={}),i==n.length-1&&(s[r]=e[t]),s=s[r]}delete e[t]}}return e},s.hasScroll=function(e,t){var n=r(t),s=t.style.overflowX,i=t.style.overflowY;return(s!==i||"hidden"!==i&&"visible"!==i)&&("scroll"===s||"scroll"===i||(n.innerHeight()<t.scrollHeight||n.innerWidth()<t.scrollWidth))},s.escapeMarkup=function(e){var t={"\\":"&#92;","&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#47;"};return"string"!=typeof e?e:String(e).replace(/[&<>"'\/\\]/g,function(e){return t[e]})},s.__cache={};var n=0;return s.GetUniqueElementId=function(e){var t=e.getAttribute("data-select2-id");return null!=t||(t=e.id?"select2-data-"+e.id:"select2-data-"+(++n).toString()+"-"+s.generateChars(4),e.setAttribute("data-select2-id",t)),t},s.StoreData=function(e,t,n){e=s.GetUniqueElementId(e);s.__cache[e]||(s.__cache[e]={}),s.__cache[e][t]=n},s.GetData=function(e,t){var n=s.GetUniqueElementId(e);return t?s.__cache[n]&&null!=s.__cache[n][t]?s.__cache[n][t]:r(e).data(t):s.__cache[n]},s.RemoveData=function(e){var t=s.GetUniqueElementId(e);null!=s.__cache[t]&&delete s.__cache[t],e.removeAttribute("data-select2-id")},s.copyNonInternalCssClasses=function(e,t){var n=(n=e.getAttribute("class").trim().split(/\s+/)).filter(function(e){return 0===e.indexOf("select2-")}),t=(t=t.getAttribute("class").trim().split(/\s+/)).filter(function(e){return 0!==e.indexOf("select2-")}),t=n.concat(t);e.setAttribute("class",t.join(" "))},s}),u.define("select2/results",["jquery","./utils"],function(d,p){function s(e,t,n){this.$element=e,this.data=n,this.options=t,s.__super__.constructor.call(this)}return p.Extend(s,p.Observable),s.prototype.render=function(){var e=d('<ul class="select2-results__options" role="listbox"></ul>');return this.options.get("multiple")&&e.attr("aria-multiselectable","true"),this.$results=e},s.prototype.clear=function(){this.$results.empty()},s.prototype.displayMessage=function(e){var t=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var n=d('<li role="alert" aria-live="assertive" class="select2-results__option"></li>'),s=this.options.get("translations").get(e.message);n.append(t(s(e.args))),n[0].className+=" select2-results__message",this.$results.append(n)},s.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},s.prototype.append=function(e){this.hideLoading();var t=[];if(null!=e.results&&0!==e.results.length){e.results=this.sort(e.results);for(var n=0;n<e.results.length;n++){var s=e.results[n],s=this.option(s);t.push(s)}this.$results.append(t)}else 0===this.$results.children().length&&this.trigger("results:message",{message:"noResults"})},s.prototype.position=function(e,t){t.find(".select2-results").append(e)},s.prototype.sort=function(e){return this.options.get("sorter")(e)},s.prototype.highlightFirstItem=function(){var e=this.$results.find(".select2-results__option--selectable"),t=e.filter(".select2-results__option--selected");(0<t.length?t:e).first().trigger("mouseenter"),this.ensureHighlightVisible()},s.prototype.setClasses=function(){var t=this;this.data.current(function(e){var s=e.map(function(e){return e.id.toString()});t.$results.find(".select2-results__option--selectable").each(function(){var e=d(this),t=p.GetData(this,"data"),n=""+t.id;null!=t.element&&t.element.selected||null==t.element&&-1<s.indexOf(n)?(this.classList.add("select2-results__option--selected"),e.attr("aria-selected","true")):(this.classList.remove("select2-results__option--selected"),e.attr("aria-selected","false"))})})},s.prototype.showLoading=function(e){this.hideLoading();e={disabled:!0,loading:!0,text:this.options.get("translations").get("searching")(e)},e=this.option(e);e.className+=" loading-results",this.$results.prepend(e)},s.prototype.hideLoading=function(){this.$results.find(".loading-results").remove()},s.prototype.option=function(e){var t=document.createElement("li");t.classList.add("select2-results__option"),t.classList.add("select2-results__option--selectable");var n,s={role:"option"},i=window.Element.prototype.matches||window.Element.prototype.msMatchesSelector||window.Element.prototype.webkitMatchesSelector;for(n in(null!=e.element&&i.call(e.element,":disabled")||null==e.element&&e.disabled)&&(s["aria-disabled"]="true",t.classList.remove("select2-results__option--selectable"),t.classList.add("select2-results__option--disabled")),null==e.id&&t.classList.remove("select2-results__option--selectable"),null!=e._resultId&&(t.id=e._resultId),e.title&&(t.title=e.title),e.children&&(s.role="group",s["aria-label"]=e.text,t.classList.remove("select2-results__option--selectable"),t.classList.add("select2-results__option--group")),s){var r=s[n];t.setAttribute(n,r)}if(e.children){var o=d(t),a=document.createElement("strong");a.className="select2-results__group",this.template(e,a);for(var l=[],c=0;c<e.children.length;c++){var u=e.children[c],u=this.option(u);l.push(u)}i=d("<ul></ul>",{class:"select2-results__options select2-results__options--nested",role:"none"});i.append(l),o.append(a),o.append(i)}else this.template(e,t);return p.StoreData(t,"data",e),t},s.prototype.bind=function(t,e){var i=this,n=t.id+"-results";this.$results.attr("id",n),t.on("results:all",function(e){i.clear(),i.append(e.data),t.isOpen()&&(i.setClasses(),i.highlightFirstItem())}),t.on("results:append",function(e){i.append(e.data),t.isOpen()&&i.setClasses()}),t.on("query",function(e){i.hideMessages(),i.showLoading(e)}),t.on("select",function(){t.isOpen()&&(i.setClasses(),i.options.get("scrollAfterSelect")&&i.highlightFirstItem())}),t.on("unselect",function(){t.isOpen()&&(i.setClasses(),i.options.get("scrollAfterSelect")&&i.highlightFirstItem())}),t.on("open",function(){i.$results.attr("aria-expanded","true"),i.$results.attr("aria-hidden","false"),i.setClasses(),i.ensureHighlightVisible()}),t.on("close",function(){i.$results.attr("aria-expanded","false"),i.$results.attr("aria-hidden","true"),i.$results.removeAttr("aria-activedescendant")}),t.on("results:toggle",function(){var e=i.getHighlightedResults();0!==e.length&&e.trigger("mouseup")}),t.on("results:select",function(){var e,t=i.getHighlightedResults();0!==t.length&&(e=p.GetData(t[0],"data"),t.hasClass("select2-results__option--selected")?i.trigger("close",{}):i.trigger("select",{data:e}))}),t.on("results:previous",function(){var e,t=i.getHighlightedResults(),n=i.$results.find(".select2-results__option--selectable"),s=n.index(t);s<=0||(e=s-1,0===t.length&&(e=0),(s=n.eq(e)).trigger("mouseenter"),t=i.$results.offset().top,n=s.offset().top,s=i.$results.scrollTop()+(n-t),0===e?i.$results.scrollTop(0):n-t<0&&i.$results.scrollTop(s))}),t.on("results:next",function(){var e,t=i.getHighlightedResults(),n=i.$results.find(".select2-results__option--selectable"),s=n.index(t)+1;s>=n.length||((e=n.eq(s)).trigger("mouseenter"),t=i.$results.offset().top+i.$results.outerHeight(!1),n=e.offset().top+e.outerHeight(!1),e=i.$results.scrollTop()+n-t,0===s?i.$results.scrollTop(0):t<n&&i.$results.scrollTop(e))}),t.on("results:focus",function(e){e.element[0].classList.add("select2-results__option--highlighted"),e.element[0].setAttribute("aria-selected","true")}),t.on("results:message",function(e){i.displayMessage(e)}),d.fn.mousewheel&&this.$results.on("mousewheel",function(e){var t=i.$results.scrollTop(),n=i.$results.get(0).scrollHeight-t+e.deltaY,t=0<e.deltaY&&t-e.deltaY<=0,n=e.deltaY<0&&n<=i.$results.height();t?(i.$results.scrollTop(0),e.preventDefault(),e.stopPropagation()):n&&(i.$results.scrollTop(i.$results.get(0).scrollHeight-i.$results.height()),e.preventDefault(),e.stopPropagation())}),this.$results.on("mouseup",".select2-results__option--selectable",function(e){var t=d(this),n=p.GetData(this,"data");t.hasClass("select2-results__option--selected")?i.options.get("multiple")?i.trigger("unselect",{originalEvent:e,data:n}):i.trigger("close",{}):i.trigger("select",{originalEvent:e,data:n})}),this.$results.on("mouseenter",".select2-results__option--selectable",function(e){var t=p.GetData(this,"data");i.getHighlightedResults().removeClass("select2-results__option--highlighted").attr("aria-selected","false"),i.trigger("results:focus",{data:t,element:d(this)})})},s.prototype.getHighlightedResults=function(){return this.$results.find(".select2-results__option--highlighted")},s.prototype.destroy=function(){this.$results.remove()},s.prototype.ensureHighlightVisible=function(){var e,t,n,s,i=this.getHighlightedResults();0!==i.length&&(e=this.$results.find(".select2-results__option--selectable").index(i),s=this.$results.offset().top,t=i.offset().top,n=this.$results.scrollTop()+(t-s),s=t-s,n-=2*i.outerHeight(!1),e<=2?this.$results.scrollTop(0):(s>this.$results.outerHeight()||s<0)&&this.$results.scrollTop(n))},s.prototype.template=function(e,t){var n=this.options.get("templateResult"),s=this.options.get("escapeMarkup"),e=n(e,t);null==e?t.style.display="none":"string"==typeof e?t.innerHTML=s(e):d(t).append(e)},s}),u.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),u.define("select2/selection/base",["jquery","../utils","../keys"],function(n,s,i){function r(e,t){this.$element=e,this.options=t,r.__super__.constructor.call(this)}return s.Extend(r,s.Observable),r.prototype.render=function(){var e=n('<span class="select2-selection" role="combobox"  aria-haspopup="true" aria-expanded="false"></span>');return this._tabindex=0,null!=s.GetData(this.$element[0],"old-tabindex")?this._tabindex=s.GetData(this.$element[0],"old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),e.attr("title",this.$element.attr("title")),e.attr("tabindex",this._tabindex),e.attr("aria-disabled","false"),this.$selection=e},r.prototype.bind=function(e,t){var n=this,s=e.id+"-results";this.container=e,this.$selection.on("focus",function(e){n.trigger("focus",e)}),this.$selection.on("blur",function(e){n._handleBlur(e)}),this.$selection.on("keydown",function(e){n.trigger("keypress",e),e.which===i.SPACE&&e.preventDefault()}),e.on("results:focus",function(e){n.$selection.attr("aria-activedescendant",e.data._resultId)}),e.on("selection:update",function(e){n.update(e.data)}),e.on("open",function(){n.$selection.attr("aria-expanded","true"),n.$selection.attr("aria-owns",s),n._attachCloseHandler(e)}),e.on("close",function(){n.$selection.attr("aria-expanded","false"),n.$selection.removeAttr("aria-activedescendant"),n.$selection.removeAttr("aria-owns"),n.$selection.trigger("focus"),n._detachCloseHandler(e)}),e.on("enable",function(){n.$selection.attr("tabindex",n._tabindex),n.$selection.attr("aria-disabled","false")}),e.on("disable",function(){n.$selection.attr("tabindex","-1"),n.$selection.attr("aria-disabled","true")})},r.prototype._handleBlur=function(e){var t=this;window.setTimeout(function(){document.activeElement==t.$selection[0]||n.contains(t.$selection[0],document.activeElement)||t.trigger("blur",e)},1)},r.prototype._attachCloseHandler=function(e){n(document.body).on("mousedown.select2."+e.id,function(e){var t=n(e.target).closest(".select2");n(".select2.select2-container--open").each(function(){this!=t[0]&&s.GetData(this,"element").select2("close")})})},r.prototype._detachCloseHandler=function(e){n(document.body).off("mousedown.select2."+e.id)},r.prototype.position=function(e,t){t.find(".selection").append(e)},r.prototype.destroy=function(){this._detachCloseHandler(this.container)},r.prototype.update=function(e){throw new Error("The `update` method must be defined in child classes.")},r.prototype.isEnabled=function(){return!this.isDisabled()},r.prototype.isDisabled=function(){return this.options.get("disabled")},r}),u.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(e,t,n,s){function i(){i.__super__.constructor.apply(this,arguments)}return n.Extend(i,t),i.prototype.render=function(){var e=i.__super__.render.call(this);return e[0].classList.add("select2-selection--single"),e.html('<span class="select2-selection__rendered"></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span>'),e},i.prototype.bind=function(t,e){var n=this;i.__super__.bind.apply(this,arguments);var s=t.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",s).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",s),this.$selection.attr("aria-controls",s),this.$selection.on("mousedown",function(e){1===e.which&&n.trigger("toggle",{originalEvent:e})}),this.$selection.on("focus",function(e){}),this.$selection.on("blur",function(e){}),t.on("focus",function(e){t.isOpen()||n.$selection.trigger("focus")})},i.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},i.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},i.prototype.selectionContainer=function(){return e("<span></span>")},i.prototype.update=function(e){var t,n;0!==e.length?(n=e[0],t=this.$selection.find(".select2-selection__rendered"),e=this.display(n,t),t.empty().append(e),(n=n.title||n.text)?t.attr("title",n):t.removeAttr("title")):this.clear()},i}),u.define("select2/selection/multiple",["jquery","./base","../utils"],function(i,e,c){function r(e,t){r.__super__.constructor.apply(this,arguments)}return c.Extend(r,e),r.prototype.render=function(){var e=r.__super__.render.call(this);return e[0].classList.add("select2-selection--multiple"),e.html('<ul class="select2-selection__rendered"></ul>'),e},r.prototype.bind=function(e,t){var n=this;r.__super__.bind.apply(this,arguments);var s=e.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",s),this.$selection.on("click",function(e){n.trigger("toggle",{originalEvent:e})}),this.$selection.on("click",".select2-selection__choice__remove",function(e){var t;n.isDisabled()||(t=i(this).parent(),t=c.GetData(t[0],"data"),n.trigger("unselect",{originalEvent:e,data:t}))}),this.$selection.on("keydown",".select2-selection__choice__remove",function(e){n.isDisabled()||e.stopPropagation()})},r.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},r.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},r.prototype.selectionContainer=function(){return i('<li class="select2-selection__choice"><button type="button" class="select2-selection__choice__remove" tabindex="-1"><span aria-hidden="true">&times;</span></button><span class="select2-selection__choice__display"></span></li>')},r.prototype.update=function(e){if(this.clear(),0!==e.length){for(var t=[],n=this.$selection.find(".select2-selection__rendered").attr("id")+"-choice-",s=0;s<e.length;s++){var i=e[s],r=this.selectionContainer(),o=this.display(i,r),a=n+c.generateChars(4)+"-";i.id?a+=i.id:a+=c.generateChars(4),r.find(".select2-selection__choice__display").append(o).attr("id",a);var l=i.title||i.text;l&&r.attr("title",l);o=this.options.get("translations").get("removeItem"),l=r.find(".select2-selection__choice__remove");l.attr("title",o()),l.attr("aria-label",o()),l.attr("aria-describedby",a),c.StoreData(r[0],"data",i),t.push(r)}this.$selection.find(".select2-selection__rendered").append(t)}},r}),u.define("select2/selection/placeholder",[],function(){function e(e,t,n){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n)}return e.prototype.normalizePlaceholder=function(e,t){return t="string"==typeof t?{id:"",text:t}:t},e.prototype.createPlaceholder=function(e,t){var n=this.selectionContainer();n.html(this.display(t)),n[0].classList.add("select2-selection__placeholder"),n[0].classList.remove("select2-selection__choice");t=t.title||t.text||n.text();return this.$selection.find(".select2-selection__rendered").attr("title",t),n},e.prototype.update=function(e,t){var n=1==t.length&&t[0].id!=this.placeholder.id;if(1<t.length||n)return e.call(this,t);this.clear();t=this.createPlaceholder(this.placeholder);this.$selection.find(".select2-selection__rendered").append(t)},e}),u.define("select2/selection/allowClear",["jquery","../keys","../utils"],function(i,s,a){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),null==this.placeholder&&this.options.get("debug")&&window.console&&console.error&&console.error("Select2: The `allowClear` option should be used in combination with the `placeholder` option."),this.$selection.on("mousedown",".select2-selection__clear",function(e){s._handleClear(e)}),t.on("keypress",function(e){s._handleKeyboardClear(e,t)})},e.prototype._handleClear=function(e,t){if(!this.isDisabled()){var n=this.$selection.find(".select2-selection__clear");if(0!==n.length){t.stopPropagation();var s=a.GetData(n[0],"data"),i=this.$element.val();this.$element.val(this.placeholder.id);var r={data:s};if(this.trigger("clear",r),r.prevented)this.$element.val(i);else{for(var o=0;o<s.length;o++)if(r={data:s[o]},this.trigger("unselect",r),r.prevented)return void this.$element.val(i);this.$element.trigger("input").trigger("change"),this.trigger("toggle",{})}}}},e.prototype._handleKeyboardClear=function(e,t,n){n.isOpen()||t.which!=s.DELETE&&t.which!=s.BACKSPACE||this._handleClear(t)},e.prototype.update=function(e,t){var n,s;e.call(this,t),this.$selection.find(".select2-selection__clear").remove(),this.$selection[0].classList.remove("select2-selection--clearable"),0<this.$selection.find(".select2-selection__placeholder").length||0===t.length||(n=this.$selection.find(".select2-selection__rendered").attr("id"),s=this.options.get("translations").get("removeAllItems"),(e=i('<button type="button" class="select2-selection__clear" tabindex="-1"><span aria-hidden="true">&times;</span></button>')).attr("title",s()),e.attr("aria-label",s()),e.attr("aria-describedby",n),a.StoreData(e[0],"data",t),this.$selection.prepend(e),this.$selection[0].classList.add("select2-selection--clearable"))},e}),u.define("select2/selection/search",["jquery","../utils","../keys"],function(s,a,l){function e(e,t,n){e.call(this,t,n)}return e.prototype.render=function(e){var t=this.options.get("translations").get("search"),n=s('<span class="select2-search select2-search--inline"><textarea class="select2-search__field" type="search" tabindex="-1" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" ></textarea></span>');this.$searchContainer=n,this.$search=n.find("textarea"),this.$search.prop("autocomplete",this.options.get("autocomplete")),this.$search.attr("aria-label",t());e=e.call(this);return this._transferTabIndex(),e.append(this.$searchContainer),e},e.prototype.bind=function(e,t,n){var s=this,i=t.id+"-results",r=t.id+"-container";e.call(this,t,n),s.$search.attr("aria-describedby",r),t.on("open",function(){s.$search.attr("aria-controls",i),s.$search.trigger("focus")}),t.on("close",function(){s.$search.val(""),s.resizeSearch(),s.$search.removeAttr("aria-controls"),s.$search.removeAttr("aria-activedescendant"),s.$search.trigger("focus")}),t.on("enable",function(){s.$search.prop("disabled",!1),s._transferTabIndex()}),t.on("disable",function(){s.$search.prop("disabled",!0)}),t.on("focus",function(e){s.$search.trigger("focus")}),t.on("results:focus",function(e){e.data._resultId?s.$search.attr("aria-activedescendant",e.data._resultId):s.$search.removeAttr("aria-activedescendant")}),this.$selection.on("focusin",".select2-search--inline",function(e){s.trigger("focus",e)}),this.$selection.on("focusout",".select2-search--inline",function(e){s._handleBlur(e)}),this.$selection.on("keydown",".select2-search--inline",function(e){var t;e.stopPropagation(),s.trigger("keypress",e),s._keyUpPrevented=e.isDefaultPrevented(),e.which!==l.BACKSPACE||""!==s.$search.val()||0<(t=s.$selection.find(".select2-selection__choice").last()).length&&(t=a.GetData(t[0],"data"),s.searchRemoveChoice(t),e.preventDefault())}),this.$selection.on("click",".select2-search--inline",function(e){s.$search.val()&&e.stopPropagation()});var t=document.documentMode,o=t&&t<=11;this.$selection.on("input.searchcheck",".select2-search--inline",function(e){o?s.$selection.off("input.search input.searchcheck"):s.$selection.off("keyup.search")}),this.$selection.on("keyup.search input.search",".select2-search--inline",function(e){var t;o&&"input"===e.type?s.$selection.off("input.search input.searchcheck"):(t=e.which)!=l.SHIFT&&t!=l.CTRL&&t!=l.ALT&&t!=l.TAB&&s.handleSearch(e)})},e.prototype._transferTabIndex=function(e){this.$search.attr("tabindex",this.$selection.attr("tabindex")),this.$selection.attr("tabindex","-1")},e.prototype.createPlaceholder=function(e,t){this.$search.attr("placeholder",t.text)},e.prototype.update=function(e,t){var n=this.$search[0]==document.activeElement;this.$search.attr("placeholder",""),e.call(this,t),this.resizeSearch(),n&&this.$search.trigger("focus")},e.prototype.handleSearch=function(){var e;this.resizeSearch(),this._keyUpPrevented||(e=this.$search.val(),this.trigger("query",{term:e})),this._keyUpPrevented=!1},e.prototype.searchRemoveChoice=function(e,t){this.trigger("unselect",{data:t}),this.$search.val(t.text),this.handleSearch()},e.prototype.resizeSearch=function(){this.$search.css("width","25px");var e="100%";""===this.$search.attr("placeholder")&&(e=.75*(this.$search.val().length+1)+"em"),this.$search.css("width",e)},e}),u.define("select2/selection/selectionCss",["../utils"],function(n){function e(){}return e.prototype.render=function(e){var t=e.call(this),e=this.options.get("selectionCssClass")||"";return-1!==e.indexOf(":all:")&&(e=e.replace(":all:",""),n.copyNonInternalCssClasses(t[0],this.$element[0])),t.addClass(e),t},e}),u.define("select2/selection/eventRelay",["jquery"],function(o){function e(){}return e.prototype.bind=function(e,t,n){var s=this,i=["open","opening","close","closing","select","selecting","unselect","unselecting","clear","clearing"],r=["opening","closing","selecting","unselecting","clearing"];e.call(this,t,n),t.on("*",function(e,t){var n;-1!==i.indexOf(e)&&(t=t||{},n=o.Event("select2:"+e,{params:t}),s.$element.trigger(n),-1!==r.indexOf(e)&&(t.prevented=n.isDefaultPrevented()))})},e}),u.define("select2/translation",["jquery","require"],function(t,n){function s(e){this.dict=e||{}}return s.prototype.all=function(){return this.dict},s.prototype.get=function(e){return this.dict[e]},s.prototype.extend=function(e){this.dict=t.extend({},e.all(),this.dict)},s._cache={},s.loadPath=function(e){var t;return e in s._cache||(t=n(e),s._cache[e]=t),new s(s._cache[e])},s}),u.define("select2/diacritics",[],function(){return{"Ⓐ":"A","Ａ":"A","À":"A","Á":"A","Â":"A","Ầ":"A","Ấ":"A","Ẫ":"A","Ẩ":"A","Ã":"A","Ā":"A","Ă":"A","Ằ":"A","Ắ":"A","Ẵ":"A","Ẳ":"A","Ȧ":"A","Ǡ":"A","Ä":"A","Ǟ":"A","Ả":"A","Å":"A","Ǻ":"A","Ǎ":"A","Ȁ":"A","Ȃ":"A","Ạ":"A","Ậ":"A","Ặ":"A","Ḁ":"A","Ą":"A","Ⱥ":"A","Ɐ":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ⓑ":"B","Ｂ":"B","Ḃ":"B","Ḅ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ɓ":"B","Ⓒ":"C","Ｃ":"C","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","Ç":"C","Ḉ":"C","Ƈ":"C","Ȼ":"C","Ꜿ":"C","Ⓓ":"D","Ｄ":"D","Ḋ":"D","Ď":"D","Ḍ":"D","Ḑ":"D","Ḓ":"D","Ḏ":"D","Đ":"D","Ƌ":"D","Ɗ":"D","Ɖ":"D","Ꝺ":"D","DZ":"DZ","DŽ":"DZ","Dz":"Dz","Dž":"Dz","Ⓔ":"E","Ｅ":"E","È":"E","É":"E","Ê":"E","Ề":"E","Ế":"E","Ễ":"E","Ể":"E","Ẽ":"E","Ē":"E","Ḕ":"E","Ḗ":"E","Ĕ":"E","Ė":"E","Ë":"E","Ẻ":"E","Ě":"E","Ȅ":"E","Ȇ":"E","Ẹ":"E","Ệ":"E","Ȩ":"E","Ḝ":"E","Ę":"E","Ḙ":"E","Ḛ":"E","Ɛ":"E","Ǝ":"E","Ⓕ":"F","Ｆ":"F","Ḟ":"F","Ƒ":"F","Ꝼ":"F","Ⓖ":"G","Ｇ":"G","Ǵ":"G","Ĝ":"G","Ḡ":"G","Ğ":"G","Ġ":"G","Ǧ":"G","Ģ":"G","Ǥ":"G","Ɠ":"G","Ꞡ":"G","Ᵹ":"G","Ꝿ":"G","Ⓗ":"H","Ｈ":"H","Ĥ":"H","Ḣ":"H","Ḧ":"H","Ȟ":"H","Ḥ":"H","Ḩ":"H","Ḫ":"H","Ħ":"H","Ⱨ":"H","Ⱶ":"H","Ɥ":"H","Ⓘ":"I","Ｉ":"I","Ì":"I","Í":"I","Î":"I","Ĩ":"I","Ī":"I","Ĭ":"I","İ":"I","Ï":"I","Ḯ":"I","Ỉ":"I","Ǐ":"I","Ȉ":"I","Ȋ":"I","Ị":"I","Į":"I","Ḭ":"I","Ɨ":"I","Ⓙ":"J","Ｊ":"J","Ĵ":"J","Ɉ":"J","Ⓚ":"K","Ｋ":"K","Ḱ":"K","Ǩ":"K","Ḳ":"K","Ķ":"K","Ḵ":"K","Ƙ":"K","Ⱪ":"K","Ꝁ":"K","Ꝃ":"K","Ꝅ":"K","Ꞣ":"K","Ⓛ":"L","Ｌ":"L","Ŀ":"L","Ĺ":"L","Ľ":"L","Ḷ":"L","Ḹ":"L","Ļ":"L","Ḽ":"L","Ḻ":"L","Ł":"L","Ƚ":"L","Ɫ":"L","Ⱡ":"L","Ꝉ":"L","Ꝇ":"L","Ꞁ":"L","LJ":"LJ","Lj":"Lj","Ⓜ":"M","Ｍ":"M","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ɯ":"M","Ⓝ":"N","Ｎ":"N","Ǹ":"N","Ń":"N","Ñ":"N","Ṅ":"N","Ň":"N","Ṇ":"N","Ņ":"N","Ṋ":"N","Ṉ":"N","Ƞ":"N","Ɲ":"N","Ꞑ":"N","Ꞥ":"N","NJ":"NJ","Nj":"Nj","Ⓞ":"O","Ｏ":"O","Ò":"O","Ó":"O","Ô":"O","Ồ":"O","Ố":"O","Ỗ":"O","Ổ":"O","Õ":"O","Ṍ":"O","Ȭ":"O","Ṏ":"O","Ō":"O","Ṑ":"O","Ṓ":"O","Ŏ":"O","Ȯ":"O","Ȱ":"O","Ö":"O","Ȫ":"O","Ỏ":"O","Ő":"O","Ǒ":"O","Ȍ":"O","Ȏ":"O","Ơ":"O","Ờ":"O","Ớ":"O","Ỡ":"O","Ở":"O","Ợ":"O","Ọ":"O","Ộ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Ɔ":"O","Ɵ":"O","Ꝋ":"O","Ꝍ":"O","Œ":"OE","Ƣ":"OI","Ꝏ":"OO","Ȣ":"OU","Ⓟ":"P","Ｐ":"P","Ṕ":"P","Ṗ":"P","Ƥ":"P","Ᵽ":"P","Ꝑ":"P","Ꝓ":"P","Ꝕ":"P","Ⓠ":"Q","Ｑ":"Q","Ꝗ":"Q","Ꝙ":"Q","Ɋ":"Q","Ⓡ":"R","Ｒ":"R","Ŕ":"R","Ṙ":"R","Ř":"R","Ȑ":"R","Ȓ":"R","Ṛ":"R","Ṝ":"R","Ŗ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꝛ":"R","Ꞧ":"R","Ꞃ":"R","Ⓢ":"S","Ｓ":"S","ẞ":"S","Ś":"S","Ṥ":"S","Ŝ":"S","Ṡ":"S","Š":"S","Ṧ":"S","Ṣ":"S","Ṩ":"S","Ș":"S","Ş":"S","Ȿ":"S","Ꞩ":"S","Ꞅ":"S","Ⓣ":"T","Ｔ":"T","Ṫ":"T","Ť":"T","Ṭ":"T","Ț":"T","Ţ":"T","Ṱ":"T","Ṯ":"T","Ŧ":"T","Ƭ":"T","Ʈ":"T","Ⱦ":"T","Ꞇ":"T","Ꜩ":"TZ","Ⓤ":"U","Ｕ":"U","Ù":"U","Ú":"U","Û":"U","Ũ":"U","Ṹ":"U","Ū":"U","Ṻ":"U","Ŭ":"U","Ü":"U","Ǜ":"U","Ǘ":"U","Ǖ":"U","Ǚ":"U","Ủ":"U","Ů":"U","Ű":"U","Ǔ":"U","Ȕ":"U","Ȗ":"U","Ư":"U","Ừ":"U","Ứ":"U","Ữ":"U","Ử":"U","Ự":"U","Ụ":"U","Ṳ":"U","Ų":"U","Ṷ":"U","Ṵ":"U","Ʉ":"U","Ⓥ":"V","Ｖ":"V","Ṽ":"V","Ṿ":"V","Ʋ":"V","Ꝟ":"V","Ʌ":"V","Ꝡ":"VY","Ⓦ":"W","Ｗ":"W","Ẁ":"W","Ẃ":"W","Ŵ":"W","Ẇ":"W","Ẅ":"W","Ẉ":"W","Ⱳ":"W","Ⓧ":"X","Ｘ":"X","Ẋ":"X","Ẍ":"X","Ⓨ":"Y","Ｙ":"Y","Ỳ":"Y","Ý":"Y","Ŷ":"Y","Ỹ":"Y","Ȳ":"Y","Ẏ":"Y","Ÿ":"Y","Ỷ":"Y","Ỵ":"Y","Ƴ":"Y","Ɏ":"Y","Ỿ":"Y","Ⓩ":"Z","Ｚ":"Z","Ź":"Z","Ẑ":"Z","Ż":"Z","Ž":"Z","Ẓ":"Z","Ẕ":"Z","Ƶ":"Z","Ȥ":"Z","Ɀ":"Z","Ⱬ":"Z","Ꝣ":"Z","ⓐ":"a","ａ":"a","ẚ":"a","à":"a","á":"a","â":"a","ầ":"a","ấ":"a","ẫ":"a","ẩ":"a","ã":"a","ā":"a","ă":"a","ằ":"a","ắ":"a","ẵ":"a","ẳ":"a","ȧ":"a","ǡ":"a","ä":"a","ǟ":"a","ả":"a","å":"a","ǻ":"a","ǎ":"a","ȁ":"a","ȃ":"a","ạ":"a","ậ":"a","ặ":"a","ḁ":"a","ą":"a","ⱥ":"a","ɐ":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ⓑ":"b","ｂ":"b","ḃ":"b","ḅ":"b","ḇ":"b","ƀ":"b","ƃ":"b","ɓ":"b","ⓒ":"c","ｃ":"c","ć":"c","ĉ":"c","ċ":"c","č":"c","ç":"c","ḉ":"c","ƈ":"c","ȼ":"c","ꜿ":"c","ↄ":"c","ⓓ":"d","ｄ":"d","ḋ":"d","ď":"d","ḍ":"d","ḑ":"d","ḓ":"d","ḏ":"d","đ":"d","ƌ":"d","ɖ":"d","ɗ":"d","ꝺ":"d","dz":"dz","dž":"dz","ⓔ":"e","ｅ":"e","è":"e","é":"e","ê":"e","ề":"e","ế":"e","ễ":"e","ể":"e","ẽ":"e","ē":"e","ḕ":"e","ḗ":"e","ĕ":"e","ė":"e","ë":"e","ẻ":"e","ě":"e","ȅ":"e","ȇ":"e","ẹ":"e","ệ":"e","ȩ":"e","ḝ":"e","ę":"e","ḙ":"e","ḛ":"e","ɇ":"e","ɛ":"e","ǝ":"e","ⓕ":"f","ｆ":"f","ḟ":"f","ƒ":"f","ꝼ":"f","ⓖ":"g","ｇ":"g","ǵ":"g","ĝ":"g","ḡ":"g","ğ":"g","ġ":"g","ǧ":"g","ģ":"g","ǥ":"g","ɠ":"g","ꞡ":"g","ᵹ":"g","ꝿ":"g","ⓗ":"h","ｈ":"h","ĥ":"h","ḣ":"h","ḧ":"h","ȟ":"h","ḥ":"h","ḩ":"h","ḫ":"h","ẖ":"h","ħ":"h","ⱨ":"h","ⱶ":"h","ɥ":"h","ƕ":"hv","ⓘ":"i","ｉ":"i","ì":"i","í":"i","î":"i","ĩ":"i","ī":"i","ĭ":"i","ï":"i","ḯ":"i","ỉ":"i","ǐ":"i","ȉ":"i","ȋ":"i","ị":"i","į":"i","ḭ":"i","ɨ":"i","ı":"i","ⓙ":"j","ｊ":"j","ĵ":"j","ǰ":"j","ɉ":"j","ⓚ":"k","ｋ":"k","ḱ":"k","ǩ":"k","ḳ":"k","ķ":"k","ḵ":"k","ƙ":"k","ⱪ":"k","ꝁ":"k","ꝃ":"k","ꝅ":"k","ꞣ":"k","ⓛ":"l","ｌ":"l","ŀ":"l","ĺ":"l","ľ":"l","ḷ":"l","ḹ":"l","ļ":"l","ḽ":"l","ḻ":"l","ſ":"l","ł":"l","ƚ":"l","ɫ":"l","ⱡ":"l","ꝉ":"l","ꞁ":"l","ꝇ":"l","lj":"lj","ⓜ":"m","ｍ":"m","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ɯ":"m","ⓝ":"n","ｎ":"n","ǹ":"n","ń":"n","ñ":"n","ṅ":"n","ň":"n","ṇ":"n","ņ":"n","ṋ":"n","ṉ":"n","ƞ":"n","ɲ":"n","ʼn":"n","ꞑ":"n","ꞥ":"n","nj":"nj","ⓞ":"o","ｏ":"o","ò":"o","ó":"o","ô":"o","ồ":"o","ố":"o","ỗ":"o","ổ":"o","õ":"o","ṍ":"o","ȭ":"o","ṏ":"o","ō":"o","ṑ":"o","ṓ":"o","ŏ":"o","ȯ":"o","ȱ":"o","ö":"o","ȫ":"o","ỏ":"o","ő":"o","ǒ":"o","ȍ":"o","ȏ":"o","ơ":"o","ờ":"o","ớ":"o","ỡ":"o","ở":"o","ợ":"o","ọ":"o","ộ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","ɔ":"o","ꝋ":"o","ꝍ":"o","ɵ":"o","œ":"oe","ƣ":"oi","ȣ":"ou","ꝏ":"oo","ⓟ":"p","ｐ":"p","ṕ":"p","ṗ":"p","ƥ":"p","ᵽ":"p","ꝑ":"p","ꝓ":"p","ꝕ":"p","ⓠ":"q","ｑ":"q","ɋ":"q","ꝗ":"q","ꝙ":"q","ⓡ":"r","ｒ":"r","ŕ":"r","ṙ":"r","ř":"r","ȑ":"r","ȓ":"r","ṛ":"r","ṝ":"r","ŗ":"r","ṟ":"r","ɍ":"r","ɽ":"r","ꝛ":"r","ꞧ":"r","ꞃ":"r","ⓢ":"s","ｓ":"s","ß":"s","ś":"s","ṥ":"s","ŝ":"s","ṡ":"s","š":"s","ṧ":"s","ṣ":"s","ṩ":"s","ș":"s","ş":"s","ȿ":"s","ꞩ":"s","ꞅ":"s","ẛ":"s","ⓣ":"t","ｔ":"t","ṫ":"t","ẗ":"t","ť":"t","ṭ":"t","ț":"t","ţ":"t","ṱ":"t","ṯ":"t","ŧ":"t","ƭ":"t","ʈ":"t","ⱦ":"t","ꞇ":"t","ꜩ":"tz","ⓤ":"u","ｕ":"u","ù":"u","ú":"u","û":"u","ũ":"u","ṹ":"u","ū":"u","ṻ":"u","ŭ":"u","ü":"u","ǜ":"u","ǘ":"u","ǖ":"u","ǚ":"u","ủ":"u","ů":"u","ű":"u","ǔ":"u","ȕ":"u","ȗ":"u","ư":"u","ừ":"u","ứ":"u","ữ":"u","ử":"u","ự":"u","ụ":"u","ṳ":"u","ų":"u","ṷ":"u","ṵ":"u","ʉ":"u","ⓥ":"v","ｖ":"v","ṽ":"v","ṿ":"v","ʋ":"v","ꝟ":"v","ʌ":"v","ꝡ":"vy","ⓦ":"w","ｗ":"w","ẁ":"w","ẃ":"w","ŵ":"w","ẇ":"w","ẅ":"w","ẘ":"w","ẉ":"w","ⱳ":"w","ⓧ":"x","ｘ":"x","ẋ":"x","ẍ":"x","ⓨ":"y","ｙ":"y","ỳ":"y","ý":"y","ŷ":"y","ỹ":"y","ȳ":"y","ẏ":"y","ÿ":"y","ỷ":"y","ẙ":"y","ỵ":"y","ƴ":"y","ɏ":"y","ỿ":"y","ⓩ":"z","ｚ":"z","ź":"z","ẑ":"z","ż":"z","ž":"z","ẓ":"z","ẕ":"z","ƶ":"z","ȥ":"z","ɀ":"z","ⱬ":"z","ꝣ":"z","Ά":"Α","Έ":"Ε","Ή":"Η","Ί":"Ι","Ϊ":"Ι","Ό":"Ο","Ύ":"Υ","Ϋ":"Υ","Ώ":"Ω","ά":"α","έ":"ε","ή":"η","ί":"ι","ϊ":"ι","ΐ":"ι","ό":"ο","ύ":"υ","ϋ":"υ","ΰ":"υ","ώ":"ω","ς":"σ","’":"'"}}),u.define("select2/data/base",["../utils"],function(n){function s(e,t){s.__super__.constructor.call(this)}return n.Extend(s,n.Observable),s.prototype.current=function(e){throw new Error("The `current` method must be defined in child classes.")},s.prototype.query=function(e,t){throw new Error("The `query` method must be defined in child classes.")},s.prototype.bind=function(e,t){},s.prototype.destroy=function(){},s.prototype.generateResultId=function(e,t){e=e.id+"-result-";return e+=n.generateChars(4),null!=t.id?e+="-"+t.id.toString():e+="-"+n.generateChars(4),e},s}),u.define("select2/data/select",["./base","../utils","jquery"],function(e,a,l){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return a.Extend(n,e),n.prototype.current=function(e){var t=this;e(Array.prototype.map.call(this.$element[0].querySelectorAll(":checked"),function(e){return t.item(l(e))}))},n.prototype.select=function(i){var e,r=this;if(i.selected=!0,null!=i.element&&"option"===i.element.tagName.toLowerCase())return i.element.selected=!0,void this.$element.trigger("input").trigger("change");this.$element.prop("multiple")?this.current(function(e){var t=[];(i=[i]).push.apply(i,e);for(var n=0;n<i.length;n++){var s=i[n].id;-1===t.indexOf(s)&&t.push(s)}r.$element.val(t),r.$element.trigger("input").trigger("change")}):(e=i.id,this.$element.val(e),this.$element.trigger("input").trigger("change"))},n.prototype.unselect=function(i){var r=this;if(this.$element.prop("multiple")){if(i.selected=!1,null!=i.element&&"option"===i.element.tagName.toLowerCase())return i.element.selected=!1,void this.$element.trigger("input").trigger("change");this.current(function(e){for(var t=[],n=0;n<e.length;n++){var s=e[n].id;s!==i.id&&-1===t.indexOf(s)&&t.push(s)}r.$element.val(t),r.$element.trigger("input").trigger("change")})}},n.prototype.bind=function(e,t){var n=this;(this.container=e).on("select",function(e){n.select(e.data)}),e.on("unselect",function(e){n.unselect(e.data)})},n.prototype.destroy=function(){this.$element.find("*").each(function(){a.RemoveData(this)})},n.prototype.query=function(t,e){var n=[],s=this;this.$element.children().each(function(){var e;"option"!==this.tagName.toLowerCase()&&"optgroup"!==this.tagName.toLowerCase()||(e=l(this),e=s.item(e),null!==(e=s.matches(t,e))&&n.push(e))}),e({results:n})},n.prototype.addOptions=function(e){this.$element.append(e)},n.prototype.option=function(e){var t;e.children?(t=document.createElement("optgroup")).label=e.text:void 0!==(t=document.createElement("option")).textContent?t.textContent=e.text:t.innerText=e.text,void 0!==e.id&&(t.value=e.id),e.disabled&&(t.disabled=!0),e.selected&&(t.selected=!0),e.title&&(t.title=e.title);e=this._normalizeItem(e);return e.element=t,a.StoreData(t,"data",e),l(t)},n.prototype.item=function(e){var t={};if(null!=(t=a.GetData(e[0],"data")))return t;var n=e[0];if("option"===n.tagName.toLowerCase())t={id:e.val(),text:e.text(),disabled:e.prop("disabled"),selected:e.prop("selected"),title:e.prop("title")};else if("optgroup"===n.tagName.toLowerCase()){t={text:e.prop("label"),children:[],title:e.prop("title")};for(var s=e.children("option"),i=[],r=0;r<s.length;r++){var o=l(s[r]),o=this.item(o);i.push(o)}t.children=i}return(t=this._normalizeItem(t)).element=e[0],a.StoreData(e[0],"data",t),t},n.prototype._normalizeItem=function(e){e!==Object(e)&&(e={id:e,text:e});return null!=(e=l.extend({},{text:""},e)).id&&(e.id=e.id.toString()),null!=e.text&&(e.text=e.text.toString()),null==e._resultId&&e.id&&null!=this.container&&(e._resultId=this.generateResultId(this.container,e)),l.extend({},{selected:!1,disabled:!1},e)},n.prototype.matches=function(e,t){return this.options.get("matcher")(e,t)},n}),u.define("select2/data/array",["./select","../utils","jquery"],function(e,t,c){function s(e,t){this._dataToConvert=t.get("data")||[],s.__super__.constructor.call(this,e,t)}return t.Extend(s,e),s.prototype.bind=function(e,t){s.__super__.bind.call(this,e,t),this.addOptions(this.convertToOptions(this._dataToConvert))},s.prototype.select=function(n){var e=this.$element.find("option").filter(function(e,t){return t.value==n.id.toString()});0===e.length&&(e=this.option(n),this.addOptions(e)),s.__super__.select.call(this,n)},s.prototype.convertToOptions=function(e){var t=this,n=this.$element.find("option"),s=n.map(function(){return t.item(c(this)).id}).get(),i=[];for(var r=0;r<e.length;r++){var o,a,l=this._normalizeItem(e[r]);0<=s.indexOf(l.id)?(o=n.filter(function(e){return function(){return c(this).val()==e.id}}(l)),a=this.item(o),a=c.extend(!0,{},l,a),a=this.option(a),o.replaceWith(a)):(a=this.option(l),l.children&&(l=this.convertToOptions(l.children),a.append(l)),i.push(a))}return i},s}),u.define("select2/data/ajax",["./array","../utils","jquery"],function(e,t,r){function n(e,t){this.ajaxOptions=this._applyDefaults(t.get("ajax")),null!=this.ajaxOptions.processResults&&(this.processResults=this.ajaxOptions.processResults),n.__super__.constructor.call(this,e,t)}return t.Extend(n,e),n.prototype._applyDefaults=function(e){var t={data:function(e){return r.extend({},e,{q:e.term})},transport:function(e,t,n){e=r.ajax(e);return e.then(t),e.fail(n),e}};return r.extend({},t,e,!0)},n.prototype.processResults=function(e){return e},n.prototype.query=function(t,n){var s=this;null!=this._request&&("function"==typeof this._request.abort&&this._request.abort(),this._request=null);var i=r.extend({type:"GET"},this.ajaxOptions);function e(){var e=i.transport(i,function(e){e=s.processResults(e,t);s.options.get("debug")&&window.console&&console.error&&(e&&e.results&&Array.isArray(e.results)||console.error("Select2: The AJAX results did not return an array in the `results` key of the response.")),n(e)},function(){"status"in e&&(0===e.status||"0"===e.status)||s.trigger("results:message",{message:"errorLoading"})});s._request=e}"function"==typeof i.url&&(i.url=i.url.call(this.$element,t)),"function"==typeof i.data&&(i.data=i.data.call(this.$element,t)),this.ajaxOptions.delay&&null!=t.term?(this._queryTimeout&&window.clearTimeout(this._queryTimeout),this._queryTimeout=window.setTimeout(e,this.ajaxOptions.delay)):e()},n}),u.define("select2/data/tags",["jquery"],function(t){function e(e,t,n){var s=n.get("tags"),i=n.get("createTag");void 0!==i&&(this.createTag=i);i=n.get("insertTag");if(void 0!==i&&(this.insertTag=i),e.call(this,t,n),Array.isArray(s))for(var r=0;r<s.length;r++){var o=s[r],o=this._normalizeItem(o),o=this.option(o);this.$element.append(o)}}return e.prototype.query=function(e,c,u){var d=this;this._removeOldTags(),null!=c.term&&null==c.page?e.call(this,c,function e(t,n){for(var s=t.results,i=0;i<s.length;i++){var r=s[i],o=null!=r.children&&!e({results:r.children},!0);if((r.text||"").toUpperCase()===(c.term||"").toUpperCase()||o)return!n&&(t.data=s,void u(t))}if(n)return!0;var a,l=d.createTag(c);null!=l&&((a=d.option(l)).attr("data-select2-tag","true"),d.addOptions([a]),d.insertTag(s,l)),t.results=s,u(t)}):e.call(this,c,u)},e.prototype.createTag=function(e,t){if(null==t.term)return null;t=t.term.trim();return""===t?null:{id:t,text:t}},e.prototype.insertTag=function(e,t,n){t.unshift(n)},e.prototype._removeOldTags=function(e){this.$element.find("option[data-select2-tag]").each(function(){this.selected||t(this).remove()})},e}),u.define("select2/data/tokenizer",["jquery"],function(c){function e(e,t,n){var s=n.get("tokenizer");void 0!==s&&(this.tokenizer=s),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){e.call(this,t,n),this.$search=t.dropdown.$search||t.selection.$search||n.find(".select2-search__field")},e.prototype.query=function(e,t,n){var s=this;t.term=t.term||"";var i=this.tokenizer(t,this.options,function(e){var t,n=s._normalizeItem(e);s.$element.find("option").filter(function(){return c(this).val()===n.id}).length||((t=s.option(n)).attr("data-select2-tag",!0),s._removeOldTags(),s.addOptions([t])),t=n,s.trigger("select",{data:t})});i.term!==t.term&&(this.$search.length&&(this.$search.val(i.term),this.$search.trigger("focus")),t.term=i.term),e.call(this,t,n)},e.prototype.tokenizer=function(e,t,n,s){for(var i=n.get("tokenSeparators")||[],r=t.term,o=0,a=this.createTag||function(e){return{id:e.term,text:e.term}};o<r.length;){var l=r[o];-1!==i.indexOf(l)?(l=r.substr(0,o),null!=(l=a(c.extend({},t,{term:l})))?(s(l),r=r.substr(o+1)||"",o=0):o++):o++}return{term:r}},e}),u.define("select2/data/minimumInputLength",[],function(){function e(e,t,n){this.minimumInputLength=n.get("minimumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",t.term.length<this.minimumInputLength?this.trigger("results:message",{message:"inputTooShort",args:{minimum:this.minimumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),u.define("select2/data/maximumInputLength",[],function(){function e(e,t,n){this.maximumInputLength=n.get("maximumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",0<this.maximumInputLength&&t.term.length>this.maximumInputLength?this.trigger("results:message",{message:"inputTooLong",args:{maximum:this.maximumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),u.define("select2/data/maximumSelectionLength",[],function(){function e(e,t,n){this.maximumSelectionLength=n.get("maximumSelectionLength"),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("select",function(){s._checkIfMaximumSelected()})},e.prototype.query=function(e,t,n){var s=this;this._checkIfMaximumSelected(function(){e.call(s,t,n)})},e.prototype._checkIfMaximumSelected=function(e,t){var n=this;this.current(function(e){e=null!=e?e.length:0;0<n.maximumSelectionLength&&e>=n.maximumSelectionLength?n.trigger("results:message",{message:"maximumSelected",args:{maximum:n.maximumSelectionLength}}):t&&t()})},e}),u.define("select2/dropdown",["jquery","./utils"],function(t,e){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return e.Extend(n,e.Observable),n.prototype.render=function(){var e=t('<span class="select2-dropdown"><span class="select2-results"></span></span>');return e.attr("dir",this.options.get("dir")),this.$dropdown=e},n.prototype.bind=function(){},n.prototype.position=function(e,t){},n.prototype.destroy=function(){this.$dropdown.remove()},n}),u.define("select2/dropdown/search",["jquery"],function(r){function e(){}return e.prototype.render=function(e){var t=e.call(this),n=this.options.get("translations").get("search"),e=r('<span class="select2-search select2-search--dropdown"><input class="select2-search__field" type="search" tabindex="-1" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" /></span>');return this.$searchContainer=e,this.$search=e.find("input"),this.$search.prop("autocomplete",this.options.get("autocomplete")),this.$search.attr("aria-label",n()),t.prepend(e),t},e.prototype.bind=function(e,t,n){var s=this,i=t.id+"-results";e.call(this,t,n),this.$search.on("keydown",function(e){s.trigger("keypress",e),s._keyUpPrevented=e.isDefaultPrevented()}),this.$search.on("input",function(e){r(this).off("keyup")}),this.$search.on("keyup input",function(e){s.handleSearch(e)}),t.on("open",function(){s.$search.attr("tabindex",0),s.$search.attr("aria-controls",i),s.$search.trigger("focus"),window.setTimeout(function(){s.$search.trigger("focus")},0)}),t.on("close",function(){s.$search.attr("tabindex",-1),s.$search.removeAttr("aria-controls"),s.$search.removeAttr("aria-activedescendant"),s.$search.val(""),s.$search.trigger("blur")}),t.on("focus",function(){t.isOpen()||s.$search.trigger("focus")}),t.on("results:all",function(e){null!=e.query.term&&""!==e.query.term||(s.showSearch(e)?s.$searchContainer[0].classList.remove("select2-search--hide"):s.$searchContainer[0].classList.add("select2-search--hide"))}),t.on("results:focus",function(e){e.data._resultId?s.$search.attr("aria-activedescendant",e.data._resultId):s.$search.removeAttr("aria-activedescendant")})},e.prototype.handleSearch=function(e){var t;this._keyUpPrevented||(t=this.$search.val(),this.trigger("query",{term:t})),this._keyUpPrevented=!1},e.prototype.showSearch=function(e,t){return!0},e}),u.define("select2/dropdown/hidePlaceholder",[],function(){function e(e,t,n,s){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n,s)}return e.prototype.append=function(e,t){t.results=this.removePlaceholder(t.results),e.call(this,t)},e.prototype.normalizePlaceholder=function(e,t){return t="string"==typeof t?{id:"",text:t}:t},e.prototype.removePlaceholder=function(e,t){for(var n=t.slice(0),s=t.length-1;0<=s;s--){var i=t[s];this.placeholder.id===i.id&&n.splice(s,1)}return n},e}),u.define("select2/dropdown/infiniteScroll",["jquery"],function(n){function e(e,t,n,s){this.lastParams={},e.call(this,t,n,s),this.$loadingMore=this.createLoadingMore(),this.loading=!1}return e.prototype.append=function(e,t){this.$loadingMore.remove(),this.loading=!1,e.call(this,t),this.showLoadingMore(t)&&(this.$results.append(this.$loadingMore),this.loadMoreIfNeeded())},e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("query",function(e){s.lastParams=e,s.loading=!0}),t.on("query:append",function(e){s.lastParams=e,s.loading=!0}),this.$results.on("scroll",this.loadMoreIfNeeded.bind(this))},e.prototype.loadMoreIfNeeded=function(){var e=n.contains(document.documentElement,this.$loadingMore[0]);!this.loading&&e&&(e=this.$results.offset().top+this.$results.outerHeight(!1),this.$loadingMore.offset().top+this.$loadingMore.outerHeight(!1)<=e+50&&this.loadMore())},e.prototype.loadMore=function(){this.loading=!0;var e=n.extend({},{page:1},this.lastParams);e.page++,this.trigger("query:append",e)},e.prototype.showLoadingMore=function(e,t){return t.pagination&&t.pagination.more},e.prototype.createLoadingMore=function(){var e=n('<li class="select2-results__option select2-results__option--load-more"role="option" aria-disabled="true"></li>'),t=this.options.get("translations").get("loadingMore");return e.html(t(this.lastParams)),e},e}),u.define("select2/dropdown/attachBody",["jquery","../utils"],function(u,o){function e(e,t,n){this.$dropdownParent=u(n.get("dropdownParent")||document.body),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("open",function(){s._showDropdown(),s._attachPositioningHandler(t),s._bindContainerResultHandlers(t)}),t.on("close",function(){s._hideDropdown(),s._detachPositioningHandler(t)}),this.$dropdownContainer.on("mousedown",function(e){e.stopPropagation()})},e.prototype.destroy=function(e){e.call(this),this.$dropdownContainer.remove()},e.prototype.position=function(e,t,n){t.attr("class",n.attr("class")),t[0].classList.remove("select2"),t[0].classList.add("select2-container--open"),t.css({position:"absolute",top:-999999}),this.$container=n},e.prototype.render=function(e){var t=u("<span></span>"),e=e.call(this);return t.append(e),this.$dropdownContainer=t},e.prototype._hideDropdown=function(e){this.$dropdownContainer.detach()},e.prototype._bindContainerResultHandlers=function(e,t){var n;this._containerResultsHandlersBound||(n=this,t.on("results:all",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:append",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:message",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("select",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("unselect",function(){n._positionDropdown(),n._resizeDropdown()}),this._containerResultsHandlersBound=!0)},e.prototype._attachPositioningHandler=function(e,t){var n=this,s="scroll.select2."+t.id,i="resize.select2."+t.id,r="orientationchange.select2."+t.id,t=this.$container.parents().filter(o.hasScroll);t.each(function(){o.StoreData(this,"select2-scroll-position",{x:u(this).scrollLeft(),y:u(this).scrollTop()})}),t.on(s,function(e){var t=o.GetData(this,"select2-scroll-position");u(this).scrollTop(t.y)}),u(window).on(s+" "+i+" "+r,function(e){n._positionDropdown(),n._resizeDropdown()})},e.prototype._detachPositioningHandler=function(e,t){var n="scroll.select2."+t.id,s="resize.select2."+t.id,t="orientationchange.select2."+t.id;this.$container.parents().filter(o.hasScroll).off(n),u(window).off(n+" "+s+" "+t)},e.prototype._positionDropdown=function(){var e=u(window),t=this.$dropdown[0].classList.contains("select2-dropdown--above"),n=this.$dropdown[0].classList.contains("select2-dropdown--below"),s=null,i=this.$container.offset();i.bottom=i.top+this.$container.outerHeight(!1);var r={height:this.$container.outerHeight(!1)};r.top=i.top,r.bottom=i.top+r.height;var o=this.$dropdown.outerHeight(!1),a=e.scrollTop(),l=e.scrollTop()+e.height(),c=a<i.top-o,e=l>i.bottom+o,a={left:i.left,top:r.bottom},l=this.$dropdownParent;"static"===l.css("position")&&(l=l.offsetParent());i={top:0,left:0};(u.contains(document.body,l[0])||l[0].isConnected)&&(i=l.offset()),a.top-=i.top,a.left-=i.left,t||n||(s="below"),e||!c||t?!c&&e&&t&&(s="below"):s="above",("above"==s||t&&"below"!==s)&&(a.top=r.top-i.top-o),null!=s&&(this.$dropdown[0].classList.remove("select2-dropdown--below"),this.$dropdown[0].classList.remove("select2-dropdown--above"),this.$dropdown[0].classList.add("select2-dropdown--"+s),this.$container[0].classList.remove("select2-container--below"),this.$container[0].classList.remove("select2-container--above"),this.$container[0].classList.add("select2-container--"+s)),this.$dropdownContainer.css(a)},e.prototype._resizeDropdown=function(){var e={width:this.$container.outerWidth(!1)+"px"};this.options.get("dropdownAutoWidth")&&(e.minWidth=e.width,e.position="relative",e.width="auto"),this.$dropdown.css(e)},e.prototype._showDropdown=function(e){this.$dropdownContainer.appendTo(this.$dropdownParent),this._positionDropdown(),this._resizeDropdown()},e}),u.define("select2/dropdown/minimumResultsForSearch",[],function(){function e(e,t,n,s){this.minimumResultsForSearch=n.get("minimumResultsForSearch"),this.minimumResultsForSearch<0&&(this.minimumResultsForSearch=1/0),e.call(this,t,n,s)}return e.prototype.showSearch=function(e,t){return!(function e(t){for(var n=0,s=0;s<t.length;s++){var i=t[s];i.children?n+=e(i.children):n++}return n}(t.data.results)<this.minimumResultsForSearch)&&e.call(this,t)},e}),u.define("select2/dropdown/selectOnClose",["../utils"],function(s){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("close",function(e){s._handleSelectOnClose(e)})},e.prototype._handleSelectOnClose=function(e,t){if(t&&null!=t.originalSelect2Event){var n=t.originalSelect2Event;if("select"===n._type||"unselect"===n._type)return}n=this.getHighlightedResults();n.length<1||(null!=(n=s.GetData(n[0],"data")).element&&n.element.selected||null==n.element&&n.selected||this.trigger("select",{data:n}))},e}),u.define("select2/dropdown/closeOnSelect",[],function(){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("select",function(e){s._selectTriggered(e)}),t.on("unselect",function(e){s._selectTriggered(e)})},e.prototype._selectTriggered=function(e,t){var n=t.originalEvent;n&&(n.ctrlKey||n.metaKey)||this.trigger("close",{originalEvent:n,originalSelect2Event:t})},e}),u.define("select2/dropdown/dropdownCss",["../utils"],function(n){function e(){}return e.prototype.render=function(e){var t=e.call(this),e=this.options.get("dropdownCssClass")||"";return-1!==e.indexOf(":all:")&&(e=e.replace(":all:",""),n.copyNonInternalCssClasses(t[0],this.$element[0])),t.addClass(e),t},e}),u.define("select2/dropdown/tagsSearchHighlight",["../utils"],function(s){function e(){}return e.prototype.highlightFirstItem=function(e){var t=this.$results.find(".select2-results__option--selectable:not(.select2-results__option--selected)");if(0<t.length){var n=t.first(),t=s.GetData(n[0],"data").element;if(t&&t.getAttribute&&"true"===t.getAttribute("data-select2-tag"))return void n.trigger("mouseenter")}e.call(this)},e}),u.define("select2/i18n/en",[],function(){return{errorLoading:function(){return"The results could not be loaded."},inputTooLong:function(e){var t=e.input.length-e.maximum,e="Please delete "+t+" character";return 1!=t&&(e+="s"),e},inputTooShort:function(e){return"Please enter "+(e.minimum-e.input.length)+" or more characters"},loadingMore:function(){return"Loading more results…"},maximumSelected:function(e){var t="You can only select "+e.maximum+" item";return 1!=e.maximum&&(t+="s"),t},noResults:function(){return"No results found"},searching:function(){return"Searching…"},removeAllItems:function(){return"Remove all items"},removeItem:function(){return"Remove item"},search:function(){return"Search"}}}),u.define("select2/defaults",["jquery","./results","./selection/single","./selection/multiple","./selection/placeholder","./selection/allowClear","./selection/search","./selection/selectionCss","./selection/eventRelay","./utils","./translation","./diacritics","./data/select","./data/array","./data/ajax","./data/tags","./data/tokenizer","./data/minimumInputLength","./data/maximumInputLength","./data/maximumSelectionLength","./dropdown","./dropdown/search","./dropdown/hidePlaceholder","./dropdown/infiniteScroll","./dropdown/attachBody","./dropdown/minimumResultsForSearch","./dropdown/selectOnClose","./dropdown/closeOnSelect","./dropdown/dropdownCss","./dropdown/tagsSearchHighlight","./i18n/en"],function(l,r,o,a,c,u,d,p,h,f,g,t,m,y,v,_,b,$,w,x,A,D,S,E,O,C,L,T,q,I,e){function n(){this.reset()}return n.prototype.apply=function(e){var t;null==(e=l.extend(!0,{},this.defaults,e)).dataAdapter&&(null!=e.ajax?e.dataAdapter=v:null!=e.data?e.dataAdapter=y:e.dataAdapter=m,0<e.minimumInputLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,$)),0<e.maximumInputLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,w)),0<e.maximumSelectionLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,x)),e.tags&&(e.dataAdapter=f.Decorate(e.dataAdapter,_)),null==e.tokenSeparators&&null==e.tokenizer||(e.dataAdapter=f.Decorate(e.dataAdapter,b))),null==e.resultsAdapter&&(e.resultsAdapter=r,null!=e.ajax&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,E)),null!=e.placeholder&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,S)),e.selectOnClose&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,L)),e.tags&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,I))),null==e.dropdownAdapter&&(e.multiple?e.dropdownAdapter=A:(t=f.Decorate(A,D),e.dropdownAdapter=t),0!==e.minimumResultsForSearch&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,C)),e.closeOnSelect&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,T)),null!=e.dropdownCssClass&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,q)),e.dropdownAdapter=f.Decorate(e.dropdownAdapter,O)),null==e.selectionAdapter&&(e.multiple?e.selectionAdapter=a:e.selectionAdapter=o,null!=e.placeholder&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,c)),e.allowClear&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,u)),e.multiple&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,d)),null!=e.selectionCssClass&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,p)),e.selectionAdapter=f.Decorate(e.selectionAdapter,h)),e.language=this._resolveLanguage(e.language),e.language.push("en");for(var n=[],s=0;s<e.language.length;s++){var i=e.language[s];-1===n.indexOf(i)&&n.push(i)}return e.language=n,e.translations=this._processTranslations(e.language,e.debug),e},n.prototype.reset=function(){function a(e){return e.replace(/[^\u0000-\u007E]/g,function(e){return t[e]||e})}this.defaults={amdLanguageBase:"./i18n/",autocomplete:"off",closeOnSelect:!0,debug:!1,dropdownAutoWidth:!1,escapeMarkup:f.escapeMarkup,language:{},matcher:function e(t,n){if(null==t.term||""===t.term.trim())return n;if(n.children&&0<n.children.length){for(var s=l.extend(!0,{},n),i=n.children.length-1;0<=i;i--)null==e(t,n.children[i])&&s.children.splice(i,1);return 0<s.children.length?s:e(t,s)}var r=a(n.text).toUpperCase(),o=a(t.term).toUpperCase();return-1<r.indexOf(o)?n:null},minimumInputLength:0,maximumInputLength:0,maximumSelectionLength:0,minimumResultsForSearch:0,selectOnClose:!1,scrollAfterSelect:!1,sorter:function(e){return e},templateResult:function(e){return e.text},templateSelection:function(e){return e.text},theme:"default",width:"resolve"}},n.prototype.applyFromElement=function(e,t){var n=e.language,s=this.defaults.language,i=t.prop("lang"),t=t.closest("[lang]").prop("lang"),t=Array.prototype.concat.call(this._resolveLanguage(i),this._resolveLanguage(n),this._resolveLanguage(s),this._resolveLanguage(t));return e.language=t,e},n.prototype._resolveLanguage=function(e){if(!e)return[];if(l.isEmptyObject(e))return[];if(l.isPlainObject(e))return[e];for(var t,n=Array.isArray(e)?e:[e],s=[],i=0;i<n.length;i++)s.push(n[i]),"string"==typeof n[i]&&0<n[i].indexOf("-")&&(t=n[i].split("-")[0],s.push(t));return s},n.prototype._processTranslations=function(e,t){for(var n=new g,s=0;s<e.length;s++){var i=new g,r=e[s];if("string"==typeof r)try{i=g.loadPath(r)}catch(e){try{r=this.defaults.amdLanguageBase+r,i=g.loadPath(r)}catch(e){t&&window.console&&console.warn&&console.warn('Select2: The language file for "'+r+'" could not be automatically loaded. A fallback will be used instead.')}}else i=l.isPlainObject(r)?new g(r):r;n.extend(i)}return n},n.prototype.set=function(e,t){var n={};n[l.camelCase(e)]=t;n=f._convertData(n);l.extend(!0,this.defaults,n)},new n}),u.define("select2/options",["jquery","./defaults","./utils"],function(c,n,u){function e(e,t){this.options=e,null!=t&&this.fromElement(t),null!=t&&(this.options=n.applyFromElement(this.options,t)),this.options=n.apply(this.options)}return e.prototype.fromElement=function(e){var t=["select2"];null==this.options.multiple&&(this.options.multiple=e.prop("multiple")),null==this.options.disabled&&(this.options.disabled=e.prop("disabled")),null==this.options.autocomplete&&e.prop("autocomplete")&&(this.options.autocomplete=e.prop("autocomplete")),null==this.options.dir&&(e.prop("dir")?this.options.dir=e.prop("dir"):e.closest("[dir]").prop("dir")?this.options.dir=e.closest("[dir]").prop("dir"):this.options.dir="ltr"),e.prop("disabled",this.options.disabled),e.prop("multiple",this.options.multiple),u.GetData(e[0],"select2Tags")&&(this.options.debug&&window.console&&console.warn&&console.warn('Select2: The `data-select2-tags` attribute has been changed to use the `data-data` and `data-tags="true"` attributes and will be removed in future versions of Select2.'),u.StoreData(e[0],"data",u.GetData(e[0],"select2Tags")),u.StoreData(e[0],"tags",!0)),u.GetData(e[0],"ajaxUrl")&&(this.options.debug&&window.console&&console.warn&&console.warn("Select2: The `data-ajax-url` attribute has been changed to `data-ajax--url` and support for the old attribute will be removed in future versions of Select2."),e.attr("ajax--url",u.GetData(e[0],"ajaxUrl")),u.StoreData(e[0],"ajax-Url",u.GetData(e[0],"ajaxUrl")));var n={};function s(e,t){return t.toUpperCase()}for(var i=0;i<e[0].attributes.length;i++){var r=e[0].attributes[i].name,o="data-";r.substr(0,o.length)==o&&(r=r.substring(o.length),o=u.GetData(e[0],r),n[r.replace(/-([a-z])/g,s)]=o)}c.fn.jquery&&"1."==c.fn.jquery.substr(0,2)&&e[0].dataset&&(n=c.extend(!0,{},e[0].dataset,n));var a,l=c.extend(!0,{},u.GetData(e[0]),n);for(a in l=u._convertData(l))-1<t.indexOf(a)||(c.isPlainObject(this.options[a])?c.extend(this.options[a],l[a]):this.options[a]=l[a]);return this},e.prototype.get=function(e){return this.options[e]},e.prototype.set=function(e,t){this.options[e]=t},e}),u.define("select2/core",["jquery","./options","./utils","./keys"],function(t,i,r,s){var o=function(e,t){null!=r.GetData(e[0],"select2")&&r.GetData(e[0],"select2").destroy(),this.$element=e,this.id=this._generateId(e),t=t||{},this.options=new i(t,e),o.__super__.constructor.call(this);var n=e.attr("tabindex")||0;r.StoreData(e[0],"old-tabindex",n),e.attr("tabindex","-1");t=this.options.get("dataAdapter");this.dataAdapter=new t(e,this.options);n=this.render();this._placeContainer(n);t=this.options.get("selectionAdapter");this.selection=new t(e,this.options),this.$selection=this.selection.render(),this.selection.position(this.$selection,n);t=this.options.get("dropdownAdapter");this.dropdown=new t(e,this.options),this.$dropdown=this.dropdown.render(),this.dropdown.position(this.$dropdown,n);n=this.options.get("resultsAdapter");this.results=new n(e,this.options,this.dataAdapter),this.$results=this.results.render(),this.results.position(this.$results,this.$dropdown);var s=this;this._bindAdapters(),this._registerDomEvents(),this._registerDataEvents(),this._registerSelectionEvents(),this._registerDropdownEvents(),this._registerResultsEvents(),this._registerEvents(),this.dataAdapter.current(function(e){s.trigger("selection:update",{data:e})}),e[0].classList.add("select2-hidden-accessible"),e.attr("aria-hidden","true"),this._syncAttributes(),r.StoreData(e[0],"select2",this),e.data("select2",this)};return r.Extend(o,r.Observable),o.prototype._generateId=function(e){return"select2-"+(null!=e.attr("id")?e.attr("id"):null!=e.attr("name")?e.attr("name")+"-"+r.generateChars(2):r.generateChars(4)).replace(/(:|\.|\[|\]|,)/g,"")},o.prototype._placeContainer=function(e){e.insertAfter(this.$element);var t=this._resolveWidth(this.$element,this.options.get("width"));null!=t&&e.css("width",t)},o.prototype._resolveWidth=function(e,t){var n=/^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;if("resolve"==t){var s=this._resolveWidth(e,"style");return null!=s?s:this._resolveWidth(e,"element")}if("element"==t){s=e.outerWidth(!1);return s<=0?"auto":s+"px"}if("style"!=t)return"computedstyle"!=t?t:window.getComputedStyle(e[0]).width;e=e.attr("style");if("string"!=typeof e)return null;for(var i=e.split(";"),r=0,o=i.length;r<o;r+=1){var a=i[r].replace(/\s/g,"").match(n);if(null!==a&&1<=a.length)return a[1]}return null},o.prototype._bindAdapters=function(){this.dataAdapter.bind(this,this.$container),this.selection.bind(this,this.$container),this.dropdown.bind(this,this.$container),this.results.bind(this,this.$container)},o.prototype._registerDomEvents=function(){var t=this;this.$element.on("change.select2",function(){t.dataAdapter.current(function(e){t.trigger("selection:update",{data:e})})}),this.$element.on("focus.select2",function(e){t.trigger("focus",e)}),this._syncA=r.bind(this._syncAttributes,this),this._syncS=r.bind(this._syncSubtree,this),this._observer=new window.MutationObserver(function(e){t._syncA(),t._syncS(e)}),this._observer.observe(this.$element[0],{attributes:!0,childList:!0,subtree:!1})},o.prototype._registerDataEvents=function(){var n=this;this.dataAdapter.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerSelectionEvents=function(){var n=this,s=["toggle","focus"];this.selection.on("toggle",function(){n.toggleDropdown()}),this.selection.on("focus",function(e){n.focus(e)}),this.selection.on("*",function(e,t){-1===s.indexOf(e)&&n.trigger(e,t)})},o.prototype._registerDropdownEvents=function(){var n=this;this.dropdown.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerResultsEvents=function(){var n=this;this.results.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerEvents=function(){var n=this;this.on("open",function(){n.$container[0].classList.add("select2-container--open")}),this.on("close",function(){n.$container[0].classList.remove("select2-container--open")}),this.on("enable",function(){n.$container[0].classList.remove("select2-container--disabled")}),this.on("disable",function(){n.$container[0].classList.add("select2-container--disabled")}),this.on("blur",function(){n.$container[0].classList.remove("select2-container--focus")}),this.on("query",function(t){n.isOpen()||n.trigger("open",{}),this.dataAdapter.query(t,function(e){n.trigger("results:all",{data:e,query:t})})}),this.on("query:append",function(t){this.dataAdapter.query(t,function(e){n.trigger("results:append",{data:e,query:t})})}),this.on("keypress",function(e){var t=e.which;n.isOpen()?t===s.ESC||t===s.UP&&e.altKey?(n.close(e),e.preventDefault()):t===s.ENTER||t===s.TAB?(n.trigger("results:select",{}),e.preventDefault()):t===s.SPACE&&e.ctrlKey?(n.trigger("results:toggle",{}),e.preventDefault()):t===s.UP?(n.trigger("results:previous",{}),e.preventDefault()):t===s.DOWN&&(n.trigger("results:next",{}),e.preventDefault()):(t===s.ENTER||t===s.SPACE||t===s.DOWN&&e.altKey)&&(n.open(),e.preventDefault())})},o.prototype._syncAttributes=function(){this.options.set("disabled",this.$element.prop("disabled")),this.isDisabled()?(this.isOpen()&&this.close(),this.trigger("disable",{})):this.trigger("enable",{})},o.prototype._isChangeMutation=function(e){var t=this;if(e.addedNodes&&0<e.addedNodes.length){for(var n=0;n<e.addedNodes.length;n++)if(e.addedNodes[n].selected)return!0}else{if(e.removedNodes&&0<e.removedNodes.length)return!0;if(Array.isArray(e))return e.some(function(e){return t._isChangeMutation(e)})}return!1},o.prototype._syncSubtree=function(e){var e=this._isChangeMutation(e),t=this;e&&this.dataAdapter.current(function(e){t.trigger("selection:update",{data:e})})},o.prototype.trigger=function(e,t){var n=o.__super__.trigger,s={open:"opening",close:"closing",select:"selecting",unselect:"unselecting",clear:"clearing"};if(void 0===t&&(t={}),e in s){var i=s[e],s={prevented:!1,name:e,args:t};if(n.call(this,i,s),s.prevented)return void(t.prevented=!0)}n.call(this,e,t)},o.prototype.toggleDropdown=function(){this.isDisabled()||(this.isOpen()?this.close():this.open())},o.prototype.open=function(){this.isOpen()||this.isDisabled()||this.trigger("query",{})},o.prototype.close=function(e){this.isOpen()&&this.trigger("close",{originalEvent:e})},o.prototype.isEnabled=function(){return!this.isDisabled()},o.prototype.isDisabled=function(){return this.options.get("disabled")},o.prototype.isOpen=function(){return this.$container[0].classList.contains("select2-container--open")},o.prototype.hasFocus=function(){return this.$container[0].classList.contains("select2-container--focus")},o.prototype.focus=function(e){this.hasFocus()||(this.$container[0].classList.add("select2-container--focus"),this.trigger("focus",{}))},o.prototype.enable=function(e){this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("enable")` method has been deprecated and will be removed in later Select2 versions. Use $element.prop("disabled") instead.');e=!(e=null==e||0===e.length?[!0]:e)[0];this.$element.prop("disabled",e)},o.prototype.data=function(){this.options.get("debug")&&0<arguments.length&&window.console&&console.warn&&console.warn('Select2: Data can no longer be set using `select2("data")`. You should consider setting the value instead using `$element.val()`.');var t=[];return this.dataAdapter.current(function(e){t=e}),t},o.prototype.val=function(e){if(this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("val")` method has been deprecated and will be removed in later Select2 versions. Use $element.val() instead.'),null==e||0===e.length)return this.$element.val();e=e[0];Array.isArray(e)&&(e=e.map(function(e){return e.toString()})),this.$element.val(e).trigger("input").trigger("change")},o.prototype.destroy=function(){r.RemoveData(this.$container[0]),this.$container.remove(),this._observer.disconnect(),this._observer=null,this._syncA=null,this._syncS=null,this.$element.off(".select2"),this.$element.attr("tabindex",r.GetData(this.$element[0],"old-tabindex")),this.$element[0].classList.remove("select2-hidden-accessible"),this.$element.attr("aria-hidden","false"),r.RemoveData(this.$element[0]),this.$element.removeData("select2"),this.dataAdapter.destroy(),this.selection.destroy(),this.dropdown.destroy(),this.results.destroy(),this.dataAdapter=null,this.selection=null,this.dropdown=null,this.results=null},o.prototype.render=function(){var e=t('<span class="select2 select2-container"><span class="selection"></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>');return e.attr("dir",this.options.get("dir")),this.$container=e,this.$container[0].classList.add("select2-container--"+this.options.get("theme")),r.StoreData(e[0],"element",this.$element),e},o}),u.define("jquery-mousewheel",["jquery"],function(e){return e}),u.define("jquery.select2",["jquery","jquery-mousewheel","./select2/core","./select2/defaults","./select2/utils"],function(i,e,r,t,o){var a;return null==i.fn.select2&&(a=["open","close","destroy"],i.fn.select2=function(t){if("object"==typeof(t=t||{}))return this.each(function(){var e=i.extend(!0,{},t);new r(i(this),e)}),this;if("string"!=typeof t)throw new Error("Invalid arguments for Select2: "+t);var n,s=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=o.GetData(this,"select2");null==e&&window.console&&console.error&&console.error("The select2('"+t+"') method was called on an element that is not using Select2."),n=e[t].apply(e,s)}),-1<a.indexOf(t)?this:n}),null==i.fn.select2.defaults&&(i.fn.select2.defaults=t),r}),{define:u.define,require:u.require});function b(e,t){return i.call(e,t)}function l(e,t){var n,s,i,r,o,a,l,c,u,d,p=t&&t.split("/"),h=y.map,f=h&&h["*"]||{};if(e){for(t=(e=e.split("/")).length-1,y.nodeIdCompat&&_.test(e[t])&&(e[t]=e[t].replace(_,"")),"."===e[0].charAt(0)&&p&&(e=p.slice(0,p.length-1).concat(e)),c=0;c<e.length;c++)"."===(d=e[c])?(e.splice(c,1),--c):".."===d&&(0===c||1===c&&".."===e[2]||".."===e[c-1]||0<c&&(e.splice(c-1,2),c-=2));e=e.join("/")}if((p||f)&&h){for(c=(n=e.split("/")).length;0<c;--c){if(s=n.slice(0,c).join("/"),p)for(u=p.length;0<u;--u)if(i=h[p.slice(0,u).join("/")],i=i&&i[s]){r=i,o=c;break}if(r)break;!a&&f&&f[s]&&(a=f[s],l=c)}!r&&a&&(r=a,o=l),r&&(n.splice(0,o,r),e=n.join("/"))}return e}function w(t,n){return function(){var e=a.call(arguments,0);return"string"!=typeof e[0]&&1===e.length&&e.push(null),o.apply(p,e.concat([t,n]))}}function x(e){var t;if(b(m,e)&&(t=m[e],delete m[e],v[e]=!0,r.apply(p,t)),!b(g,e)&&!b(v,e))throw new Error("No "+e);return g[e]}function c(e){var t,n=e?e.indexOf("!"):-1;return-1<n&&(t=e.substring(0,n),e=e.substring(n+1,e.length)),[t,e]}function A(e){return e?c(e):[]}var u=s.require("jquery.select2");return t.fn.select2.amd=s,u});
+
+    function getCookie(name) {
+      let cookieValue = null;
+      if (document.cookie && document.cookie !== "") {
+        const cookies = document.cookie.split(";");
+        for (let i = 0; i < cookies.length; i++) {
+          const cookie = cookies[i].trim();
+          if (cookie.substring(0, name.length + 1) === name + "=") {
+            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+            break;
+          }
+        }
+      }
+      return cookieValue;
+    }
+    $("#id_project_stage").submit(function(e){
+      e.preventDefault();
+      var formData = $(this).serialize();
+      formData["csrfmiddlewaretoken"] = getCookie("csrftoken");
+      $.ajax({
+        type:"post",
+        url:"/project/create-stage-taskall",
+        data:formData,
+        beforeSend: function () {
+          $(".errorlist").remove();
+        },
+        success:function(data){
+          if (data.errors){
+            var errors = JSON.parse(data.errors)
+            for (const key in errors) {    
+              // Create a new error list element
+              var errorElement = $("<ul class='errorlist'></ul>");
+              for (const error of errors[key]) {
+                // Extract the error message from the error object
+                var errorMessage = error.message;
+                var errorListItem = $(`<li>${errorMessage}</li>`);
+                errorElement.append(errorListItem);
+              }
+    
+              // Insert the error list before the corresponding field label
+              $(`#PojectStageModal [for=id_${key}]`).before(errorElement);
+            }
+          }
+          else{
+          var newOption = $("<option></option>")
+          .val(data.id)
+          .text(data.name);
+          $("#project_stage option[value='create_new_stage']").before(newOption);
+            $("#project_stage").val(data.id).trigger("change");
+          // Close the second modal and reset the form
+          $('#ProjectStageModal').removeClass('oh-modal--show');
+          document.project_stage_form.reset();
+        }
+        },
+      });
+    });
+
+});
+</script>
\ No newline at end of file
diff --git a/project/templates/task_all/forms/create_taskall.html b/project/templates/task_all/forms/create_taskall.html
new file mode 100644
index 000000000..6ab8baba9
--- /dev/null
+++ b/project/templates/task_all/forms/create_taskall.html
@@ -0,0 +1,115 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Task" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TaskFormTarget"
+    onclick="location.reload()"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'create-task-all' %}"
+    hx-target="#TaskUpdateTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+
+{% comment %} modals for showing new project and new task creation {% endcomment %}
+<div
+  class="oh-modal"
+  id="ProjectModal"
+  role="dialog"
+  aria-labelledby="ProjectModal"
+  aria-hidden="true"
+>
+  <div
+    class="oh-modal__dialog"
+    style="max-width: 550px"
+    id="ProjectFormTarget"
+  ></div>
+</div>
+<div
+  class="oh-modal"
+  id="ProjectStageModal"
+  role="dialog"
+  aria-labelledby="ProjectStageModal"
+  aria-hidden="true"
+>
+  <div
+    class="oh-modal__dialog"
+    style="max-width: 550px"
+    id="ProjectStageFormTarget"
+  ></div>
+</div>
+
+<script>
+$(document).ready(function(){
+
+  $("#project_stage").html("<option>-------</option>");
+  $(document).on("change","#id_project",function(){
+    project_id = $(this).val()
+    if (project_id === 'create_new_project'){
+      $.ajax({
+          type: "GET",
+          url: '/project/create-project-time-sheet',
+          success: function (response) {
+            $("#ProjectModal").addClass("oh-modal--show");
+            $("#ProjectFormTarget").html(response);
+          },
+        });0
+        
+    }
+    if ($.isNumeric(project_id)) {
+      $.ajax({
+        type:"GET",
+        url:"/project/get-stages",
+        data:{'project_id':project_id},
+        beforeSend: function () {
+            $(".errorlist").remove();
+        },
+        success:function(response){
+          $('#project_stage').html("<option>---------</option>");
+
+          for (let i = 0; i < response.data.length; i++) {
+              const element = response.data[i];
+              $("#project_stage").append("<option value="+ element.id + ">"+element.title+"</option>");
+            }
+            $("#project_stage").append( "<option value='create_new_stage'>Create a new Stage</option>");
+        }
+        });
+      } else {
+        $("#project_stage").html("<option>---------</option>");
+        $("#project_stage").append( "<option value='create_new_stage'>Create a new Stage</option>")
+      }
+  });
+  $(document).on("change","#project_stage",function(e){
+    stage_id = $(this).val()
+      if (stage_id === "create_new_stage") {
+        $.ajax({
+          type: "GET",
+          url: '/project/create-stage-taskall',
+          data: { project_id: project_id },
+          success: function (response) {
+            $("#ProjectStageModal").addClass("oh-modal--show");
+            $("#ProjectStageFormTarget").html(response);
+          },
+        });
+      }
+  });
+});
+</script>
diff --git a/project/templates/task_all/forms/update_taskall.html b/project/templates/task_all/forms/update_taskall.html
new file mode 100644
index 000000000..cbde0e180
--- /dev/null
+++ b/project/templates/task_all/forms/update_taskall.html
@@ -0,0 +1,110 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Task" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TaskFormTarget"
+    onclick="location.reload()"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'update-task-all' task_id %}"
+    hx-target="#TaskUpdateTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+{% comment %} modals for showing new project and new task creation {% endcomment %}
+<div
+  class="oh-modal"
+  id="ProjectModal"
+  role="dialog"
+  aria-labelledby="ProjectModal"
+  aria-hidden="true"
+>
+  <div
+    class="oh-modal__dialog"
+    style="max-width: 550px"
+    id="ProjectFormTarget"
+  ></div>
+</div>
+<div
+  class="oh-modal"
+  id="ProjectStageModal"
+  role="dialog"
+  aria-labelledby="ProjectStageModal"
+  aria-hidden="true"
+>
+  <div
+    class="oh-modal__dialog"
+    style="max-width: 550px"
+    id="ProjectStageFormTarget"
+  ></div>
+</div>
+<script>
+$(document).ready(function(){
+  {% comment %} $("#project_stage").html("<option>-------</option>");  {% endcomment %}
+  $(document).on("change","#id_project",function(){
+    project_id = $(this).val()
+    if (project_id === 'create_new_project'){
+      $.ajax({
+          type: "GET",
+          url: '/project/create-project-time-sheet',
+          success: function (response) {
+            $("#ProjectModal").addClass("oh-modal--show");
+            $("#ProjectFormTarget").html(response);
+          },
+        });0
+    }
+    if ($.isNumeric(project_id)) {
+      $.ajax({
+        type:"GET",
+        url:"/project/get-stages",
+        data:{'project_id':project_id},
+        beforeSend: function () {
+            $(".errorlist").remove();
+        },
+        success:function(response){
+          $('#project_stage').html("<option>---------</option>");
+          for (let i = 0; i < response.data.length; i++) {
+              const element = response.data[i];
+              $("#project_stage").append("<option value="+ element.id + ">"+element.title+"</option>");
+            }
+            $("#project_stage").append( "<option value='create_new_stage'>Create a new Stage</option>");
+        }
+        });
+      } else {
+        $("#project_stage").html("<option>---------</option>");
+        $("#project_stage").append( "<option value='create_new_stage'>Create a new Stage</option>")
+      }
+  });
+  $(document).on("change","#project_stage",function(e){
+    task_id = $(this).val()
+      if (task_id === "create_new_stage") {
+        $.ajax({
+          type: "GET",
+          url: '/project/create-stage-taskall',
+          data: { project_id: project_id },
+          success: function (response) {
+            $("#ProjectStageModal").addClass("oh-modal--show");
+            $("#ProjectStageFormTarget").html(response);
+          },
+        });
+      }
+  });
+});
+</script>
\ No newline at end of file
diff --git a/project/templates/task_all/task_all_card.html b/project/templates/task_all/task_all_card.html
new file mode 100644
index 000000000..5b7b9b0c8
--- /dev/null
+++ b/project/templates/task_all/task_all_card.html
@@ -0,0 +1,157 @@
+{% load i18n %}
+{% load static %}
+{% if messages %}
+<div class="oh-wrapper">
+    {% for message in messages %}
+    <div class="oh-alert-container">
+        <div class="oh-alert oh-alert--animated {{message.tags}}">
+        {{ message }}
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endif %}
+{% include "filter_tags.html" %}
+
+{% comment %} easy filters {% endcomment %}
+<div class="d-flex flex-row-reverse">
+  <span class="m-3 draft" hx-get="{% url 'task-all-filter' %}?{{pd}}&status=to_do&view=card" hx-target="#view-container" style="cursor: pointer">
+    <span class="oh-dot oh-dot--small me-1" style="background-color:yellowgreen"></span>
+    {% trans "To Do" %}
+  </span>
+  <span class="m-3 draft" hx-get="{% url 'task-all-filter' %}?{{pd}}&status=in_progress&view=card" hx-target="#view-container" style="cursor: pointer">
+    <span class="oh-dot oh-dot--small me-1" style="background-color:Orange"></span>
+    {% trans "In progress" %}
+  </span>
+  <span class="m-3 draft" hx-get="{% url 'task-all-filter' %}?{{pd}}&status=completed&view=card" hx-target="#view-container" style="cursor: pointer">
+    <span class="oh-dot oh-dot--small me-1" style="background-color:DodgerBlue"></span>
+    {% trans "Completed" %}
+  </span>
+  <span class="m-3 draft" hx-get="{% url 'task-all-filter' %}?{{pd}}&status=expired&view=card" hx-target="#view-container" style="cursor: pointer">
+    <span class="oh-dot oh-dot--small me-1" style="background-color:Tomato"></span>
+    {% trans "Expired" %}
+  </span>
+</div>
+
+{% if tasks %}
+<div class="oh-layout--grid-3">
+  {% for task in tasks %}
+  <div  class="oh-kanban-card {% if task.status == 'to_do'%} to-do-task 
+                              {% elif task.status == 'in_progress' %} in-progress-task
+                              {% elif task.status == 'completed' %} completed-task
+                              {% else %} expired-task
+                              {% endif %} "
+                              style="color: inherit;text-decoration: none;">
+    <a hx-get="{% url 'task-details' task.id %}" hx-target="#TaskDetailsTarget" data-toggle='oh-modal-toggle' data-target = '#TaskModal' style="color: inherit;text-decoration: none; display: flex; width:550px">
+    
+        <div class="oh-kanban-card__avatar">
+            <div class="oh-kanban-card__profile-container">
+              <img
+              src="https://ui-avatars.com/api/?name={{task.title}}&background=random"
+              class="oh-kanban-card__profile-image"
+              alt="Username"
+              />
+            </div>
+          </div>
+    <div class="oh-kanban-card__details">
+      <span class="oh-kanban-card__title">{{task.title}}</span>
+      <span class="oh-kanban-card__subtitle">{% trans "Project Name" %}: {{task.project}}</span><br>
+      <span class="oh-kanban-card__subtitle">{% trans "Stage Name" %} : {{task.stage}}</span><br/>
+      <span class="oh-kanban-card__subtitle">{% trans "End Date" %} : {{task.end_date}}</span>
+    </div>
+  </a>
+    <div class="oh-kanban-card__dots">
+      <div class="oh-dropdown" x-data="{show: false}">
+        <button class="oh-btn oh-btn--transparent text-muted p-3" @click="show = !show">
+          <ion-icon name="ellipsis-vertical-sharp" title="Options" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
+        </button>
+        <div class="oh-dropdown__menu oh-dropdown__menu--dark-border oh-dropdown__menu--right" x-show="show" @click.outside="show = false" style="display: none;">
+          <ul class="oh-dropdown__items">
+            {% if perms.recruitment.change_candidate %}
+            <li class="oh-dropdown__item">
+              <a hx-get="{% url 'update-task-all' task.id %}" hx-target='#TaskDetailsTarget' data-toggle = 'oh-modal-toggle' data-target="#TaskModal"  hx-swap='innerHTML' class="oh-dropdown__link">{% trans "Edit" %}</a>
+            </li>
+            {% endif %}
+            <li class="oh-dropdown__item">
+                {% if task.is_active %}
+                    <a href="{% url 'task-all-archive' task.id %}" onclick="return confirm('{% trans 'Do you want to archive this task?' %}')" class="oh-dropdown__link">
+                        {% trans "Archive" %}
+                    </a>
+                {% else %}
+                    <a href="{% url 'task-all-archive' task.id %}" onclick="return confirm('{% trans 'Do you want to un archive this task?' %}')" class="oh-dropdown__link">
+                    {% trans "Un-Archive" %}
+                    </a>
+                {% endif %}
+
+            </li>
+            {% if perms.recruitment.delete_candidate %}
+            <li class="oh-dropdown__item">
+              <form action="{% url 'delete-task' task.id  %}?task_all=true" onsubmit="return confirm('{% trans "Do you want to delete this candidate?" %}')" method="post">
+                {% csrf_token %}
+                <button  class="oh-dropdown__link oh-dropdown__link--danger  ">{% trans "Delete" %}</button>
+              </form>
+
+            </li>
+            {% endif %}
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>
+
+<div class="oh-pagination">
+  <span
+    class="oh-pagination__page"
+    data-toggle="modal"
+    data-target="#addEmployeeModal"
+    >
+    {% trans "Page" %} {{ data.number }} {% trans "of" %} {{ data.paginator.num_pages }}.
+    </span
+  >
+  <nav class="oh-pagination__nav">
+    <div class="oh-pagination__input-container me-3">
+      <span class="oh-pagination__label me-1">{% trans "Page" %}</span>
+
+      <input
+        type="number"
+        name="page"
+        class="oh-pagination__input"
+        value="{{data.number}}"
+        hx-get="{% url 'search-candidate' %}?{{pd}}&view=card"
+        hx-target="#section"
+        min="1"
+      />
+      <span class="oh-pagination__label">{% trans "of" %} {{data.paginator.num_pages}}</span>
+    </div>
+
+    <ul class="oh-pagination__items">
+      {% if data.has_previous %}
+      <li class="oh-pagination__item oh-pagination__item--wide">
+        <a hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&page=1&view=card" class="oh-pagination__link">{% trans "First" %}</a>
+      </li>
+      <li class="oh-pagination__item oh-pagination__item--wide">
+        <a hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&page={{ data.previous_page_number }}&view=card" class="oh-pagination__link">{% trans "Previous" %}</a>
+      </li>
+      {% endif %}
+      {% if data.has_next %}
+      <li class="oh-pagination__item oh-pagination__item--wide">
+        <a hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&page={{ data.next_page_number }}&view=card" class="oh-pagination__link">{% trans "Next" %}</a>
+      </li>
+      <li class="oh-pagination__item oh-pagination__item--wide">
+        <a hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&page={{ data.paginator.num_pages }}&view=card" class="oh-pagination__link">{% trans "Last" %}</a>
+      </li>
+      {% endif %}
+
+    </ul>
+  </nav>
+</div>
+{% else %}
+  <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+    <div style="" class="">
+      <img style="display: block;width: 200px;margin: 10px auto ;" src="{% static 'images/ui/project/task.png' %}" class="" alt="Page not found. 404."/>
+      <h3 style="font-size:20px" class="oh-404__subtitle">{% trans "There are currently no available tasks; please create a new one." %}</h3>
+    </div>
+  </div>
+{% endif %}
diff --git a/project/templates/task_all/task_all_filter.html b/project/templates/task_all/task_all_filter.html
new file mode 100644
index 000000000..6afb977a7
--- /dev/null
+++ b/project/templates/task_all/task_all_filter.html
@@ -0,0 +1,48 @@
+{% load i18n %} {% load basefilters %}
+    <div class="oh-dropdown__filter-body">
+        <div class="oh-accordion">
+            <div class="oh-accordion-header"
+				onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');"
+            >{% trans "Task" %}</div>
+            <div class="oh-accordion-body">
+                <div class="row">
+                    <div class="col-sm-6">
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Manager" %}</label>
+                        {{f.form.task_manager}}
+                        </div>
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Stage" %}</label>
+                        {{f.form.stage}}
+                        </div>
+                    </div>
+                    <div class="col-sm-12 col-md-12 col-lg-6">
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Project" %}</label>
+                        {{f.form.project}}
+                        </div>
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "Status" %}</label>
+                        {{f.form.status}}
+                        </div>
+                    </div>
+                    <div class="col-sm-12 col-md-12 col-lg-6">
+                        <div class="oh-input-group">
+                        <label class="oh-label">{% trans "End Date" %}</label>
+                        {{f.form.end_till}}
+                        </div>
+                    </div>
+                    
+                
+                </div>
+            </div>
+        </div>
+    </div>
+  <div class="oh-dropdown__filter-footer">
+    <button
+        class="oh-btn oh-btn--secondary oh-btn--small w-100 filterButton"
+        type="submit"
+    >
+        {% trans "Filter" %}
+    </button>
+  </div>
diff --git a/project/templates/task_all/task_all_list.html b/project/templates/task_all/task_all_list.html
new file mode 100644
index 000000000..cb98c6bd0
--- /dev/null
+++ b/project/templates/task_all/task_all_list.html
@@ -0,0 +1,180 @@
+{% load i18n %}
+{% load static %}
+{% if messages %}
+<div class="oh-wrapper">
+  {% for message in messages %}
+  <div class="oh-alert-container">
+    <div class="oh-alert oh-alert--animated {{message.tags}}">
+      {{ message }}
+    </div>
+  </div>
+  {% endfor %}
+</div>
+{% endif %}
+{% include "filter_tags.html" %}
+{% if tasks %}
+  <div class="oh-tabs__content oh-tabs__content--active" style="padding-top: 10px;">
+    {% comment %} easy filters {% endcomment %}
+    <div class="d-flex flex-row-reverse">
+      <span class="m-3 draft" hx-get="{% url 'task-all-filter' %}?{{pd}}&status=to_do&view=list" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:yellowgreen"></span>
+        {% trans "To Do" %}
+      </span>
+      <span class="m-3 draft" hx-get="{% url 'task-all-filter' %}?{{pd}}&status=in_progress&view=list" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:Orange"></span>
+        {% trans "In progress" %}
+      </span>
+      <span class="m-3 draft" hx-get="{% url 'task-all-filter' %}?{{pd}}&status=completed&view=list" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:DodgerBlue"></span>
+        {% trans "Completed" %}
+      </span>
+      <span class="m-3 draft" hx-get="{% url 'task-all-filter' %}?{{pd}}&status=expired&view=list" hx-target="#view-container" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:Tomato"></span>
+        {% trans "Expired" %}
+      </span>
+    </div>
+    <div class="oh-sticky-table">
+      <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"  >
+              <div class="d-flex">
+                <div class="">
+                  <input type="checkbox" class="oh-input oh-input__checkbox mt-1 mr-2 all-task-all" />
+                </div>
+                <div hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&orderby=name&view=list">
+                  {% trans "Task" %}
+                </div>
+              </div>
+            </div>
+            <div class="oh-sticky-table__th">{% trans "Project" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Stage" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Mangers" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Members" %}</div>
+            <div class="oh-sticky-table__th">{% trans "End Date" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Status" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Description" %}</div>
+            {% comment %} <div class="oh-sticky-table__th"></div> {% endcomment %}
+            <div class="oh-sticky-table__th"></div>
+          </div>
+        </div>
+        {% for task in tasks %}
+        <div class="oh-sticky-table__tbody ui-sortable" hx-get="{% url 'task-details' task.id %}" hx-target="#TaskDetailsTarget" data-toggle='oh-modal-toggle' data-target = '#TaskModal'>
+          <div class="oh-sticky-table__tr ui-sortable-handle">
+            <div class="oh-sticky-table__sd {% if task.status == 'to_do'%} to-do-task 
+                                            {% elif task.status == 'in_progress' %} in-progress-task
+                                            {% elif task.status == 'completed' %} completed-task
+                                            {% else %} expired-task
+                                            {% endif %}">
+              <div class="d-flex">
+                <div onclick="event.stopPropagation();">
+                  <input
+                    type="checkbox"
+                    id="{{task.id}}"
+                    class="oh-input candidate-checkbox oh-input__checkbox mt-2 mr-2 all-task-all-row"
+                  />
+                </div>
+                <div class="oh-profile oh-profile--md">
+                  <span class="oh-profile__name oh-text--dark">{{task.title}}</span>
+                </div>
+              </div>
+            </div>
+
+            <a href="#" style="color: inherit;text-decoration: none;" class="oh-sticky-table__td">{{task.project}}</a>
+            <a href="#" style="color: inherit;text-decoration: none;" class="oh-sticky-table__td">{{task.stage}}</a>
+            
+              <a href="#" style="color: inherit;text-decoration: none;"
+              class="oh-sticky-table__td">{{task.task_manager}} </a>
+              <a href="#" style="color: inherit;text-decoration: none;"
+              class="oh-sticky-table__td">
+                {% for member in task.task_members.all %}
+                  {{member}},
+                {% endfor %}
+              </a>
+            
+            <a href="#" style="color: inherit;text-decoration: none;" class="oh-sticky-table__td">{{task.end_date}}</a>
+            <a href="#" style="color: inherit;text-decoration: none;" class="oh-sticky-table__td">{{task.get_status_display}}</a>
+            <a href="#" style="color: inherit;text-decoration: none;" class="oh-sticky-table__td">{{task.description}}</a>
+
+            {% comment %} <a href="#" style="color: inherit;text-decoration: none;" class="oh-sticky-table__td">
+              {% if perms.recruitment.view_history %}
+              <button hx-get="{% url 'candidate-history' cand.id %}" hx-target='#section'
+                class="oh-btn oh-btn--info">history</button>
+              {% endif %}
+            </a> {% endcomment %}
+            <div href="#" style="color: inherit;text-decoration: none;" class="oh-sticky-table__td">
+              <div class="oh-btn-group">
+                {% comment %} {% if perms.recruitment.change_candidate %} {% endcomment %}
+                <a hx-get="{% url 'update-task-all' task.id %}" hx-target='#TaskDetailsTarget' data-toggle = 'oh-modal-toggle' data-target="#TaskModal"  hx-swap='innerHTML'
+                  class="oh-btn oh-btn--light-bkg w-100" title="Edit"><ion-icon name="create-outline"></ion-icon></a>
+                {% comment %} {% endif %} {% endcomment %}
+                {% comment %} {% if perms.recruitment.delete_candidate %} {% endcomment %}
+                <form action="{% url 'delete-task' task.id  %}?task_all=true" method='post'
+                  onsubmit="Are you sure want to delete this candidate?">
+                  {% csrf_token %}
+                  <button type='submit' class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
+                    title="Remove"><ion-icon name="trash-outline"></ion-icon></button>
+                </form>
+                {% comment %} {% endif %} {% endcomment %}
+              </div>
+            </div> 
+
+            </a>
+          </div>
+
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+  {% comment %} pagination {% endcomment %}
+  <div class="oh-pagination">
+    <span class="oh-pagination__page" data-toggle="modal" data-target="#addEmployeeModal">
+      {% trans "Page" %} {{ data.number }} {% trans "of" %} {{ data.paginator.num_pages }}.
+    </span>
+    <nav class="oh-pagination__nav">
+      <div class="oh-pagination__input-container me-3">
+        <span class="oh-pagination__label me-1">{% trans "Page" %}</span>
+
+        <input type="number" name="page" class="oh-pagination__input" value="{{data.number}}"
+          hx-get="{% url 'search-candidate' %}?{{pd}}&view=list" hx-target="#section" min="1" />
+        <span class="oh-pagination__label">{% trans "of" %} {{data.paginator.num_pages}}</span>
+      </div>
+
+      <ul class="oh-pagination__items">
+        {% if data.has_previous %}
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&page=1&view=list"
+            class="oh-pagination__link">{% trans "First" %}</a>
+        </li>
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a hx-target='#section'
+            hx-get="{% url 'search-candidate' %}?{{pd}}&page={{ data.previous_page_number }}&view=list"
+            class="oh-pagination__link">{% trans "Previous" %}</a>
+        </li>
+        {% endif %}
+        {% if data.has_next %}
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&page={{ data.next_page_number }}&view=list"
+            class="oh-pagination__link">{% trans "Next" %}</a>
+        </li>
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a hx-target='#section'
+            hx-get="{% url 'search-candidate' %}?{{pd}}&page={{ data.paginator.num_pages }}&view=list"
+            class="oh-pagination__link">{% trans "Last" %}</a>
+        </li>
+        {% endif %}
+
+      </ul>
+    </nav>
+  </div>
+{% else %}
+  <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+    <div style="" class="">
+      <img style="display: block;width: 200px;margin: 10px auto ;" src="{% static 'images/ui/project/task.png' %}" class="" alt="Page not found. 404."/>
+      <h3 style="font-size:20px" class="oh-404__subtitle">{% trans "There are currently no available tasks; please create a new one." %}</h3>
+    </div>
+  </div>
+{% endif %}
+
+<script src="{% static '/task_all/task_all_action.js' %}"></script>
\ No newline at end of file
diff --git a/project/templates/task_all/task_all_navbar.html b/project/templates/task_all/task_all_navbar.html
new file mode 100644
index 000000000..8480c0f6c
--- /dev/null
+++ b/project/templates/task_all/task_all_navbar.html
@@ -0,0 +1,168 @@
+{% load i18n %}
+
+<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
+
+  <div class="oh-main__titlebar oh-main__titlebar--left">
+    <h1 class="oh-main__titlebar-title fw-bold">{% trans "Tasks" %}</h1>
+    <a
+      class="oh-main__titlebar-search-toggle"
+      role="button"
+      aria-label="Toggle Search"
+      @click="searchShow = !searchShow"
+    >
+        <ion-icon
+            name="search-outline"
+            class="oh-main__titlebar-serach-icon md hydrated"
+            role="img"
+            aria-label="search outline"
+        ></ion-icon>
+    </a>
+  </div>
+ 
+  <div class="oh-main__titlebar oh-main__titlebar--right">
+    {% if tasks %}
+    <form 
+      hx-get="{% url 'task-all-filter' %}?view={{view_type}}""
+      hx-target="#view-container" 
+      hx-swap="innerHTML"
+      id="taskAllFilterForm"
+      class="d-flex"
+      onsubmit="event.preventDefault()"
+      >
+    {% comment %} for search{% endcomment %} 
+
+    <div
+      class="oh-input-group oh-input__search-group"
+      :class="searchShow ? 'oh-input__search-group--show' : ''"
+    >
+      <ion-icon
+        name="search-outline"
+        class="oh-input-group__icon oh-input-group__icon--left"
+      ></ion-icon>
+      <input
+        type="text"
+        class="oh-input oh-input__icon"
+        aria-label="Search Input"
+        id="filter-task-all"
+        name="search"
+        placeholder="{% trans 'Search' %}"
+        onkeyup="$('.filterButton')[0].click()"  
+      />
+    </div>
+
+    
+    <div class="oh-dropdown" x-data="{open: false}">
+      <ul class="oh-view-types ml-2"> 
+        {% comment %} for list view {% endcomment %}
+        <li class="oh-view-type task-all-view-type" data-view="list">
+          <a 
+            data-view="list"
+            class="oh-btn oh-btn--view"
+            hx-get= "{% url 'task-all-filter' %}?view=list"
+            hx-target="#view-container"  
+          >
+            <ion-icon name="list-outline"></ion-icon> 
+          </a>
+        </li>
+        {% comment %} for card view {% endcomment %}
+        <li class="oh-view-type task-all-view-type" data-view="card">
+          <a
+            class="oh-btn oh-btn--view"
+            hx-get= "{% url 'task-all-filter' %}"
+            hx-target="#view-container" 
+            >
+            <ion-icon name="grid-outline"></ion-icon 
+           
+          ></a>
+        </li>
+      </ul>
+    </div>
+    {% comment %} for filtering {% endcomment %}
+    <div class="oh-dropdown" x-data="{open: false}">
+      <button
+        class="oh-btn ml-2"
+        @click="open = !open"
+        onclick="event.preventDefault()"
+      >
+        <ion-icon name="filter" class="mr-1"></ion-icon>{% trans "Filter" %}
+        <div id="filterCount"></div>
+      </button>
+        <div
+          class="oh-dropdown__menu oh-dropdown__menu--right oh-dropdown__filter p-4"
+          x-show="open"
+          @click.outside="open = false"
+          style="display: none;"
+          >
+          
+          {% include 'task_all/task_all_filter.html' %}
+        </div>
+    </div>
+  </form>
+
+      {% comment %} for actions {% endcomment %}
+    <div class="oh-btn-group ml-2">
+        <div class="oh-dropdown" x-data="{open: false}">
+          <button
+            class="oh-btn oh-btn--dropdown oh-btn oh-btn--shadow"
+            @click="open = !open"
+            @click.outside="open = false"
+          >
+            {% trans "Actions" %}
+          </button>
+          <div class="oh-dropdown__menu oh-dropdown__menu--right" x-show="open" style="display: none;">
+            <ul class="oh-dropdown__items">
+              {% comment %} {% if perms.delete_employee %} {% endcomment %}
+              <li class="oh-dropdown__item">
+                <a href="#" class="oh-dropdown__link " id="archiveTaskAll" 
+                  >{% trans "Archive" %}</a
+                >
+              </li>
+              {% comment %} {% endif %}  {% endcomment %}
+              {% comment %} {% if perms.delete_employee %} {% endcomment %}
+              <li class="oh-dropdown__item">
+                <a href="#" class="oh-dropdown__link "  id="unArchiveTaskAll" 
+                  >{% trans "Un-Archive" %}</a
+                >
+              </li>
+              {% comment %} {% endif %}  {% endcomment %}
+              {% comment %} {% if perms.delete_employee %} {% endcomment %}
+              <li class="oh-dropdown__item">
+                <a
+                  href="#"
+                  class="oh-dropdown__link oh-dropdown__link--danger"
+                  id="deleteTaskAll"
+                  >{% trans "Delete" %}</a
+                >
+              </li>
+              {% comment %} {% endif %} {% endcomment %}
+            </ul>
+          </div>
+        </div>
+    </div>
+
+    {% endif %}
+    {% comment %} for create {% endcomment %}
+    <div class="oh-main__titlebar-button-container">
+      <div class="oh-btn-group ml-2">
+        <div>
+          <a
+            class="oh-btn oh-btn--secondary oh-btn--shadow"
+            data-toggle="oh-modal-toggle"
+            data-target="#TaskUpdateModal"
+            hx-get="{% url 'create-task-all' %}"
+            hx-target="#TaskUpdateTarget"
+          >
+            <ion-icon class="me-2" name="add-outline"></ion-icon>{% trans " Task" %}
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<script>
+$(document).ready(function(){
+
+
+});
+</script>
\ No newline at end of file
diff --git a/project/templates/task_all/task_all_overall.html b/project/templates/task_all/task_all_overall.html
new file mode 100644
index 000000000..3dd46e3c6
--- /dev/null
+++ b/project/templates/task_all/task_all_overall.html
@@ -0,0 +1,123 @@
+{% extends 'index.html' %} 
+{% load static %}
+{% block content %}  
+    <style>
+        .to-do-task{
+            border-left: solid 5px yellowgreen !important;
+            border-radius: 5px 0 0 5px;
+        }
+        .in-progress-task{
+            border-left: solid 5px Orange !important;
+            border-radius: 5px 0 0 5px;
+        }
+        .completed-task{
+            border-left: solid 5px DodgerBlue !important;
+            border-radius: 5px 0 0 5px;
+        }
+        .expired-task{
+            border-left: solid 5px Tomato !important;
+            border-radius: 5px 0 0 5px;
+        }
+    </style>
+    <main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
+        {% include 'task_all/task_all_navbar.html' %}
+        
+    </main>
+
+    <div id="view-container" class="oh-wrapper">
+        {% if view_type == 'list' %}
+        {% include 'task_all/task_all_list.html' %}
+        {% else %}
+        {% include 'task_all/task_all_card.html' %}
+        {% endif %} 
+    </div>
+
+    <div
+        class="oh-modal"
+        id="TaskModal"
+        role="dialog"
+        aria-labelledby="TaskModal"
+        aria-hidden="true"
+        >
+        <div
+            class="oh-modal__dialog"
+            style="max-width: 550px"
+            id="TaskDetailsTarget"
+        ></div>
+    </div>
+
+    <div
+        class="oh-modal"
+        id="TaskUpdateModal"
+        role="dialog"
+        aria-labelledby="TaskUpdateModal"
+        aria-hidden="true"
+        >
+    
+        <div
+            class="oh-modal__dialog"
+            style="max-width: 550px"
+            id="TaskUpdateTarget"
+        ></div>
+    </div>
+
+    <div
+        class="oh-modal"
+        id="TaskTimesheetModal"
+        role="dialog"
+        aria-labelledby="TaskTimesheetModal"
+        aria-hidden="true"
+        >
+        <div
+            class="oh-modal__dialog"
+            style="max-width:1350px"
+            id="TaskTimesheetTarget"
+        ></div>
+ 
+    </div>
+    <div
+        class="oh-modal"
+        id="TimesheetUpdateModal"
+        role="dialog"
+        aria-labelledby="TaskUpdateModal"
+        aria-hidden="true"
+        >
+    
+        <div
+            class="oh-modal__dialog"
+            style="max-width: 550px"
+            id="TimesheetUpdateTarget"
+        ></div>
+    </div>
+
+    <script>
+        $(document).ready(function(){
+            $("#filter-task-all").keyup(function (e) {
+                let search = $(this).val()
+                $(".task-all-view-type").attr("hx-vals", `{"search":"${search}"}`);
+                $("#filter-task-all").attr("hx-vals",`{'search':"${search}"}`)
+            });
+            $(".task-all-view-type").click(function (e) {
+                let view = $(this).data("view");
+                var currentURL = window.location.href;
+                if (view != undefined){
+                // Check if the query string already exists in the URL
+                if (/\?view=[^&]+/.test(currentURL)) {
+                    // If the query parameter ?view exists, replace it with the new value
+                    newURL = currentURL.replace(/\?view=[^&]+/, "?view="+view);
+                }
+                else {
+                    // If the query parameter ?view does not exist, add it to the URL
+                    var separator = currentURL.includes('?') ? '&' : '?';
+                    newURL = currentURL + separator + "view="+view;
+                }
+                history.pushState({}, "", newURL);
+                console.log(view)
+                $("#taskAllFilterForm").attr("hx-vals", `{"view":"${view}"}`);
+                $('#filter-task-all').attr("hx-vals", `{"view":"${view}"}`);
+            }
+            });
+        });
+    </script>
+{% endblock content %}
+
diff --git a/project/templates/task_all/update_task.html b/project/templates/task_all/update_task.html
new file mode 100644
index 000000000..f5e6d72f9
--- /dev/null
+++ b/project/templates/task_all/update_task.html
@@ -0,0 +1,42 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header ">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Task" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+  
+    id="close1" 
+      
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{%url 'update-task' task_id %}"
+    hx-target="#TaskFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+
+<script>
+    $(document).ready(function(){
+        $('#close1').click(function(e){
+          e.preventDefault()
+          e.stopPropagation()
+          var closestModal = $(this).closest('.oh-modal--show');
+          closestModal.removeClass('oh-modal--show')
+            // e.preventDefault()
+            // var parentDiv = $(this).parents().closest('oh-modal--show')
+            // console.log(parentDiv)
+            // parentDiv.classList.remove('oh-modal--show')
+        })
+    });
+</script>
\ No newline at end of file
diff --git a/project/templates/time_sheet/chart.html b/project/templates/time_sheet/chart.html
new file mode 100644
index 000000000..97e8011cb
--- /dev/null
+++ b/project/templates/time_sheet/chart.html
@@ -0,0 +1,252 @@
+{% extends 'index.html' %}{% block content %}{% load static %} {% load i18n %}
+{% load basefilters %} {% if request.user.employee_get.id == emp_id or perms.project.view_timesheet or request.user|is_reportingmanager %}
+<div
+	class="oh-card-dashboard oh-card-dashboard--no-scale oh-card-dashboard--transparent"
+>
+	<div
+		class="oh-card-dashboard__header oh-card-dashboard__header--divider d-flex justify-content-between align-items-center"
+	>
+		<div class="">
+			<h5 class="oh-card-dashboard__title">
+				Personal Timesheet of {{emp_name|capfirst}}
+			</h5>
+		</div>
+		<div>
+			<span class="oh-card-dashboard__title me-5"
+				><a id="previous">Previous</a></span
+			>
+			<span class="oh-card-dashboard__title me-5"><a id="next">Next</a></span>
+			<select
+				class="oh-select oh-select--sm me-5"
+				name=""
+				id="personalTimesheetSelect"
+			>
+				<option value="week" selected>Week</option>
+				<option value="month">Month</option>
+			</select>
+		</div>
+	</div>
+	<div class="oh-card-dashboard__body" style="width: 99%">
+		<canvas id="personalChart"></canvas>
+	</div>
+</div>
+{% else %} {% include '404.html' %} {% endif %}
+
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+
+<script>
+
+	$(document).ready(function () {
+
+	    Date.prototype.getWeek = function () { return $.datepicker.iso8601Week(this); }
+
+	    var myDate = new Date();
+	    var myWeek=myDate.getWeek();
+	    var year = myDate. getFullYear()
+	    var month = myDate.getMonth()
+
+
+
+	   function personalChart(dataSet, labels) {
+	       const data = {
+	           labels: labels,
+	           datasets: dataSet,
+
+	       };
+	       // Create chart using the Chart.js library
+	       window["personalChart"] = {};
+	       const ctx = document.getElementById("personalChart").getContext("2d");
+	       personalChart = new Chart(ctx, {
+	           type: "bar",
+	           data: data,
+	           options: {
+	            animation: {
+	                duration: 1000, // Duration of the animation in milliseconds
+	                easing: 'easeInOutQuart', // Easing function for the animation
+	            },
+	            scales: {
+	              x: {
+	                  stacked: true,
+	              },
+	              y: {
+	                  stacked: true,
+	              }
+	            }
+	           },
+	       });
+	   }
+
+	   function personalChart_one(dataSet, labels) {
+	    personalChart.destroy()
+	    const data = {
+	        labels: labels,
+	        datasets: dataSet,
+
+	    };
+	    // Create chart using the Chart.js library
+	    window["personalChart"] = {};
+	    const ctx = document.getElementById("personalChart").getContext("2d");
+	    personalChart = new Chart(ctx, {
+	        type: "bar",
+	        data: data,
+	        options: {
+	            animation: {
+	                duration: 1000, // Duration of the animation in milliseconds
+	                easing: 'easeInOutQuart', // Easing function for the animation
+	            },
+	         scales: {
+	           x: {
+	               stacked: true,
+	           },
+	           y: {
+	               stacked: true
+	           }
+	         }
+	        },
+	    });
+	}
+
+
+	   $.ajax({
+	       type: "GET",
+	       url: "/project/personal-time-sheet/" ,
+	       data :{
+	           emp_id : {{emp_id}},
+	            year : year,
+	            week:myWeek,
+	            month:month,
+	            selected : $("#personalTimesheetSelect").val(),
+	        },
+	       success: function (response) {
+	           // Code to handle the response
+	           dataSet = response.dataSet;
+	           labels = response.labels;
+
+	           personalChart(dataSet, labels);
+	       },
+	       error: function(response){
+	           console.log("error")
+	       },
+	   });
+
+	   $("#previous").click(function(){
+	    if ($("#personalTimesheetSelect").val() == "week"){
+	        myWeek-=1
+	        if (myWeek<1){
+	            year = year - 1;
+	            myWeek = 52+myWeek;
+	        }
+	    }
+	    else if ($("#personalTimesheetSelect").val() == "month"){
+	        month-=1
+	        if (month<0){
+	            year=year-1;
+	            month = 12+month
+	        }
+	    }
+	    $.ajax({
+	      type: "GET",
+	      url: "/project/personal-time-sheet/",
+	      data :{
+	          emp_id : {{emp_id}},
+	          year : year,
+	          week:myWeek,
+	          month:month,
+	          selected : $("#personalTimesheetSelect").val()
+
+	      },
+	      success: function (response) {
+	          // Code to handle the response
+	          dataSet = response.dataSet;
+	          labels = response.labels;
+
+	          personalChart_one(dataSet, labels);
+
+	      },
+	      error: function(response){
+	          console.log("error")
+	      },
+	  });
+
+
+	   })
+
+	   $("#next").click(function(){
+	    this_week = myDate.getWeek()
+	    this_month = myDate.getMonth()
+
+	    if ($("#personalTimesheetSelect").val() == "week"){
+	        if (myWeek < this_week){
+
+	            myWeek+=1
+	        } else {
+	            myWeek = this_week
+	        }
+	    }
+	    else if ($("#personalTimesheetSelect").val() == "month"){
+	        if (month < this_month){
+
+	            month+=1
+	        } else {
+	            month = this_month
+	        }
+	    }
+
+
+	    year = myDate. getFullYear()
+	    $.ajax({
+	      type: "GET",
+	      url: "/project/personal-time-sheet/",
+	      data :{
+	          emp_id : {{emp_id}},
+	          year:year,
+	          week:myWeek,
+	          month:month,
+	          selected : $("#personalTimesheetSelect").val()
+
+	      },
+	      success: function (response) {
+	          // Code to handle the response
+	          dataSet = response.dataSet;
+	          labels = response.labels;
+
+	          personalChart_one(dataSet, labels);
+	      },
+	      error: function(response){
+	          console.log("error")
+	      },
+	  });
+
+
+	   })
+
+	   $("#personalTimesheetSelect").change(function(){
+	    $.ajax({
+	      type: "GET",
+	      url: "/project/personal-time-sheet/",
+	      data :{
+	          emp_id : {{emp_id}},
+	          year:year,
+	          week:myWeek,
+	          week:myWeek,
+	          month:month,
+	          selected:$("#personalTimesheetSelect").val(),
+	      },
+	      success: function (response) {
+	          // Code to handle the response.labels
+	          dataSet = response.dataSet;
+	          labels = response.labels;
+
+	          personalChart_one(dataSet, labels);
+	      },
+	      error: function(response){
+	          console.log("error")
+	      },
+	  });
+
+
+	   })
+
+	});
+</script>
+{% endblock %}
diff --git a/project/templates/time_sheet/filters.html b/project/templates/time_sheet/filters.html
new file mode 100644
index 000000000..94a0b12d2
--- /dev/null
+++ b/project/templates/time_sheet/filters.html
@@ -0,0 +1,66 @@
+{% load i18n %} {% load basefilters %}
+<form hx-get='{% url "filter-time-sheet" %}' hx-target="#TimeSheetList" id="timesheetForm">
+  <div class="oh-dropdown__filter-body">
+    <div class="oh-accordion">
+      <div class="oh-accordion-header">{% trans "Time Sheet" %}</div>
+      <div class="oh-accordion-body">
+        <div class="row">
+          <div class="col-sm-12 col-md-12 col-lg-6">
+            <div class="oh-input-group">
+              <label class="oh-label">{% trans "Project" %}</label>
+              {{f.form.project_id}}
+            </div>
+            <div class="oh-input-group">
+              <label class="oh-label">{% trans "Status" %}</label>
+              {{f.form.status}}
+            </div>
+          </div>
+
+          <div class="col-sm-12 col-md-12 col-lg-6">
+            <div class="oh-input-group">
+              <label class="oh-label">{% trans "Task" %}</label>
+              {{f.form.task}}
+            </div>
+            <div class="oh-input-group">
+              <label class="oh-label">{% trans "Date" %}</label>
+              {{f.form.date}}
+            </div>
+          </div>
+          {% if perms.project.view_timesheet or request.user|is_reportingmanager %}
+          <div class="col-sm-12 col-md-12 col-lg-6">
+            <div class="oh-input-group">
+              <label class="oh-label">{% trans "Employee" %}</label>
+              {{f.form.employee_id}}
+            </div>
+          </div>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+
+    <div class="oh-accordion">
+      <div class="oh-accordion-header">{% trans "Advanced" %}</div>
+      <div class="oh-accordion-body">
+        <div class="row">
+          <div class="col-sm-12 col-md-12 col-lg-6">
+            <div class="oh-input-group">
+              <label class="oh-label">{% trans "Start Date From" %}</label>
+              {{f.form.start_from}}
+            </div>
+          </div>
+          <div class="col-sm-12 col-md-12 col-lg-6">
+            <div class="oh-input-group">
+              <label class="oh-label">{% trans "Till End Date" %}</label>
+              {{f.form.end_till}}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="oh-dropdown__filter-footer">
+    <button class="oh-btn oh-btn--secondary oh-btn--small w-100 filterButton">
+      {% trans "Filter" %}
+    </button>
+  </div>
+</form>
diff --git a/project/templates/time_sheet/form-create.html b/project/templates/time_sheet/form-create.html
new file mode 100644
index 000000000..e5ab2117d
--- /dev/null
+++ b/project/templates/time_sheet/form-create.html
@@ -0,0 +1,126 @@
+{% block content %} {% load static %} {% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Time Sheet" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TimeSheetFormTarget"
+    onclick="location.reload()"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{% url 'create-time-sheet' %}"
+    hx-target="#TimeSheetFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{form.as_p}}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+<div
+  class="oh-modal"
+  id="ProjectModal"
+  role="dialog"
+  aria-labelledby="ProjectModal"
+  aria-hidden="true"
+>
+  <div
+    class="oh-modal__dialog"
+    style="max-width: 550px"
+    id="ProjectFormTarget"
+  ></div>
+</div>
+<div
+  class="oh-modal"
+  id="TaskModal"
+  role="dialog"
+  aria-labelledby="TaskModal"
+  aria-hidden="true"
+>
+  <div
+    class="oh-modal__dialog"
+    style="max-width: 550px"
+    id="TaskFormTarget"
+  ></div>
+</div>
+<div
+  class="oh-modal"
+  id="ProjectStageModal"
+  role="dialog"
+  aria-labelledby="TaskModal"
+  aria-hidden="true"
+>
+  <div
+    class="oh-modal__dialog"
+    style="max-width: 550px"
+    id="ProjectStageFormTarget"
+  ></div>
+</div>
+<script>
+  $(document).ready(function () {
+    var project_id;
+    $("#id_task_id").html("<option>---------</option>");
+    $("#id_project").change(function (e) {
+      project_id = $(this).val(); // Set the project_id value here
+      var createProjectUrl = "{% url 'create-project-time-sheet' %}";
+      if (project_id === "create_new_project") {
+        $.ajax({
+          type: "GET",
+          url: createProjectUrl,
+          success: function (response) {
+            $("#ProjectModal").addClass("oh-modal--show");
+            $("#ProjectFormTarget").html(response);
+          },
+        });0
+      }
+      if (project_id != "create_new_project") {
+        $.ajax({
+          type: "GET",
+          url: "{% url 'time-sheet-initial' %}",
+          data: { project_id: project_id },
+          beforeSend: function () {
+            $(".errorlist").remove();
+          },
+          success: function (response) {
+            $("#id_task_id").html("<option>---------</option>");
+            for (let i = 0; i < response.data.length; i++) {
+              const element = response.data[i];
+              $("#id_task_id").append("<option value="+ element.id + ">"+element.title+"</option>");
+            }
+            $("#id_task_id").append( "<option value='create_new_task'>Create a new task</option>");
+          },
+        });
+      } else {
+        $("#id_task_id").html("<option>---------</option>");
+      }
+    });
+
+    $("#id_task_id").change(function (e) {
+      var task_id = $(this).val();
+      var createTaskUrl = "{% url 'create-task-time-sheet' %}";
+      if (task_id === "create_new_task") {
+        $.ajax({
+          type: "GET",
+          url: createTaskUrl,
+          data: { project_id: project_id },
+          success: function (response) {
+            $("#TaskModal").addClass("oh-modal--show");
+            $("#TaskFormTarget").html(response);
+          },
+        });
+      }
+    });
+  });
+</script>
+{% endblock content %}
diff --git a/project/templates/time_sheet/form-update.html b/project/templates/time_sheet/form-update.html
new file mode 100644
index 000000000..03bbf530e
--- /dev/null
+++ b/project/templates/time_sheet/form-update.html
@@ -0,0 +1,98 @@
+{% block content %} {% load static %} {% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Time Sheet" %}</h5>
+    <br />
+  </span>
+  {% comment %} <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TimeSheetFormTarget"
+    onclick="location.reload()"
+  > {% endcomment %}
+   <button
+    type="button"
+    style="
+    border: none;
+    background: none;
+    font-size: 1.5rem;
+    opacity: 0.7;
+    position: absolute;
+    top: 25px;
+    right: 15px;
+    cursor: pointer;
+    -webkit-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;"
+    onclick="event.stopPropagation(); $(this).parents().find('.oh-modal--show:last').toggleClass('oh-modal--show')"
+    id="close1" 
+      
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form
+    hx-post="{% url 'update-time-sheet' form.instance.id %}"
+    hx-target="#TimeSheetFormTarget"
+    hx-encoding="multipart/form-data"
+  >
+    {% csrf_token %} {{form.as_p}}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+<script>
+  $(document).ready(function () {
+    // Revert select field styling
+    $("#id_employee_id").select2();
+
+    // Show the original select field
+    function toggleFunction() {
+      if ($("#id_calculate_daily_leave_amount").is(":checked")) {
+        $(
+          "#id_deduction_for_one_leave_amount,[for=id_deduction_for_one_leave_amount]"
+        ).hide();
+      } else {
+        $(
+          "#id_deduction_for_one_leave_amount,[for=id_deduction_for_one_leave_amount]"
+        ).show();
+      }
+      if ($("#id_calculate_daily_leave_amount").is(":checked")) {
+        $("#id_deduction_for_one_leave_amount").parent().hide();
+      } else {
+        $("#id_deduction_for_one_leave_amount").parent().show();
+      }
+    }
+
+    $("[type=checkbox]").change(function (e) {
+      e.preventDefault();
+      toggleFunction();
+    });
+    toggleFunction();
+    $("#id_project_id").change(function (e) {
+      var project_id = $(this).val();
+      $.ajax({
+        type: "GET",
+        url: "{% url 'time-sheet-initial' %}",
+        data: { project_id: project_id },
+        success: function (response) {
+          $("#id_task_id").html("<option>---------</option>");
+
+          for (let i = 0; i < response.data.length; i++) {
+            const element = response.data[i];
+            let newOption = $("<option></option>");
+            newOption.html(element.task_title);
+            newOption.val(element.id);
+            $("#id_task_id").append(newOption);
+          }
+        },
+      });
+      e.preventDefault();
+    });
+  });
+</script>
+{% endblock content %}
diff --git a/project/templates/time_sheet/form_project_time_sheet.html b/project/templates/time_sheet/form_project_time_sheet.html
new file mode 100644
index 000000000..f5f2d53e1
--- /dev/null
+++ b/project/templates/time_sheet/form_project_time_sheet.html
@@ -0,0 +1,92 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Project" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#ProjectFormTarget"
+    onclick="$('#ProjectModal').removeClass('oh-modal--show');"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form onsubmit="event.preventDefault()" id="id_project_timesheet" name="project_timesheet_form">
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+<script>
+  $(document).ready(function (e) {
+    !function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(e,t){return void 0===t&&(t="undefined"!=typeof window?require("jquery"):require("jquery")(e)),n(t),t}:n(jQuery)}(function(t){var e,n,s,p,r,o,h,f,g,m,y,v,i,a,_,s=((u=t&&t.fn&&t.fn.select2&&t.fn.select2.amd?t.fn.select2.amd:u)&&u.requirejs||(u?n=u:u={},g={},m={},y={},v={},i=Object.prototype.hasOwnProperty,a=[].slice,_=/\.js$/,h=function(e,t){var n,s,i=c(e),r=i[0],t=t[1];return e=i[1],r&&(n=x(r=l(r,t))),r?e=n&&n.normalize?n.normalize(e,(s=t,function(e){return l(e,s)})):l(e,t):(r=(i=c(e=l(e,t)))[0],e=i[1],r&&(n=x(r))),{f:r?r+"!"+e:e,n:e,pr:r,p:n}},f={require:function(e){return w(e)},exports:function(e){var t=g[e];return void 0!==t?t:g[e]={}},module:function(e){return{id:e,uri:"",exports:g[e],config:(t=e,function(){return y&&y.config&&y.config[t]||{}})};var t}},r=function(e,t,n,s){var i,r,o,a,l,c=[],u=typeof n,d=A(s=s||e);if("undefined"==u||"function"==u){for(t=!t.length&&n.length?["require","exports","module"]:t,a=0;a<t.length;a+=1)if("require"===(r=(o=h(t[a],d)).f))c[a]=f.require(e);else if("exports"===r)c[a]=f.exports(e),l=!0;else if("module"===r)i=c[a]=f.module(e);else if(b(g,r)||b(m,r)||b(v,r))c[a]=x(r);else{if(!o.p)throw new Error(e+" missing "+r);o.p.load(o.n,w(s,!0),function(t){return function(e){g[t]=e}}(r),{}),c[a]=g[r]}u=n?n.apply(g[e],c):void 0,e&&(i&&i.exports!==p&&i.exports!==g[e]?g[e]=i.exports:u===p&&l||(g[e]=u))}else e&&(g[e]=n)},e=n=o=function(e,t,n,s,i){if("string"==typeof e)return f[e]?f[e](t):x(h(e,A(t)).f);if(!e.splice){if((y=e).deps&&o(y.deps,y.callback),!t)return;t.splice?(e=t,t=n,n=null):e=p}return t=t||function(){},"function"==typeof n&&(n=s,s=i),s?r(p,e,t,n):setTimeout(function(){r(p,e,t,n)},4),o},o.config=function(e){return o(e)},e._defined=g,(s=function(e,t,n){if("string"!=typeof e)throw new Error("See almond README: incorrect module build, no module name");t.splice||(n=t,t=[]),b(g,e)||b(m,e)||(m[e]=[e,t,n])}).amd={jQuery:!0},u.requirejs=e,u.require=n,u.define=s),u.define("almond",function(){}),u.define("jquery",[],function(){var e=t||$;return null==e&&console&&console.error&&console.error("Select2: An instance of jQuery or a jQuery-compatible library was not found. Make sure that you are including jQuery before Select2 on your web page."),e}),u.define("select2/utils",["jquery"],function(r){var s={};function c(e){var t,n=e.prototype,s=[];for(t in n)"function"==typeof n[t]&&"constructor"!==t&&s.push(t);return s}s.Extend=function(e,t){var n,s={}.hasOwnProperty;function i(){this.constructor=e}for(n in t)s.call(t,n)&&(e[n]=t[n]);return i.prototype=t.prototype,e.prototype=new i,e.__super__=t.prototype,e},s.Decorate=function(s,i){var e=c(i),t=c(s);function r(){var e=Array.prototype.unshift,t=i.prototype.constructor.length,n=s.prototype.constructor;0<t&&(e.call(arguments,s.prototype.constructor),n=i.prototype.constructor),n.apply(this,arguments)}i.displayName=s.displayName,r.prototype=new function(){this.constructor=r};for(var n=0;n<t.length;n++){var o=t[n];r.prototype[o]=s.prototype[o]}for(var a=0;a<e.length;a++){var l=e[a];r.prototype[l]=function(e){var t=function(){};e in r.prototype&&(t=r.prototype[e]);var n=i.prototype[e];return function(){return Array.prototype.unshift.call(arguments,t),n.apply(this,arguments)}}(l)}return r};function e(){this.listeners={}}e.prototype.on=function(e,t){this.listeners=this.listeners||{},e in this.listeners?this.listeners[e].push(t):this.listeners[e]=[t]},e.prototype.trigger=function(e){var t=Array.prototype.slice,n=t.call(arguments,1);this.listeners=this.listeners||{},0===(n=null==n?[]:n).length&&n.push({}),(n[0]._type=e)in this.listeners&&this.invoke(this.listeners[e],t.call(arguments,1)),"*"in this.listeners&&this.invoke(this.listeners["*"],arguments)},e.prototype.invoke=function(e,t){for(var n=0,s=e.length;n<s;n++)e[n].apply(this,t)},s.Observable=e,s.generateChars=function(e){for(var t="",n=0;n<e;n++)t+=Math.floor(36*Math.random()).toString(36);return t},s.bind=function(e,t){return function(){e.apply(t,arguments)}},s._convertData=function(e){for(var t in e){var n=t.split("-"),s=e;if(1!==n.length){for(var i=0;i<n.length;i++){var r=n[i];(r=r.substring(0,1).toLowerCase()+r.substring(1))in s||(s[r]={}),i==n.length-1&&(s[r]=e[t]),s=s[r]}delete e[t]}}return e},s.hasScroll=function(e,t){var n=r(t),s=t.style.overflowX,i=t.style.overflowY;return(s!==i||"hidden"!==i&&"visible"!==i)&&("scroll"===s||"scroll"===i||(n.innerHeight()<t.scrollHeight||n.innerWidth()<t.scrollWidth))},s.escapeMarkup=function(e){var t={"\\":"&#92;","&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#47;"};return"string"!=typeof e?e:String(e).replace(/[&<>"'\/\\]/g,function(e){return t[e]})},s.__cache={};var n=0;return s.GetUniqueElementId=function(e){var t=e.getAttribute("data-select2-id");return null!=t||(t=e.id?"select2-data-"+e.id:"select2-data-"+(++n).toString()+"-"+s.generateChars(4),e.setAttribute("data-select2-id",t)),t},s.StoreData=function(e,t,n){e=s.GetUniqueElementId(e);s.__cache[e]||(s.__cache[e]={}),s.__cache[e][t]=n},s.GetData=function(e,t){var n=s.GetUniqueElementId(e);return t?s.__cache[n]&&null!=s.__cache[n][t]?s.__cache[n][t]:r(e).data(t):s.__cache[n]},s.RemoveData=function(e){var t=s.GetUniqueElementId(e);null!=s.__cache[t]&&delete s.__cache[t],e.removeAttribute("data-select2-id")},s.copyNonInternalCssClasses=function(e,t){var n=(n=e.getAttribute("class").trim().split(/\s+/)).filter(function(e){return 0===e.indexOf("select2-")}),t=(t=t.getAttribute("class").trim().split(/\s+/)).filter(function(e){return 0!==e.indexOf("select2-")}),t=n.concat(t);e.setAttribute("class",t.join(" "))},s}),u.define("select2/results",["jquery","./utils"],function(d,p){function s(e,t,n){this.$element=e,this.data=n,this.options=t,s.__super__.constructor.call(this)}return p.Extend(s,p.Observable),s.prototype.render=function(){var e=d('<ul class="select2-results__options" role="listbox"></ul>');return this.options.get("multiple")&&e.attr("aria-multiselectable","true"),this.$results=e},s.prototype.clear=function(){this.$results.empty()},s.prototype.displayMessage=function(e){var t=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var n=d('<li role="alert" aria-live="assertive" class="select2-results__option"></li>'),s=this.options.get("translations").get(e.message);n.append(t(s(e.args))),n[0].className+=" select2-results__message",this.$results.append(n)},s.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},s.prototype.append=function(e){this.hideLoading();var t=[];if(null!=e.results&&0!==e.results.length){e.results=this.sort(e.results);for(var n=0;n<e.results.length;n++){var s=e.results[n],s=this.option(s);t.push(s)}this.$results.append(t)}else 0===this.$results.children().length&&this.trigger("results:message",{message:"noResults"})},s.prototype.position=function(e,t){t.find(".select2-results").append(e)},s.prototype.sort=function(e){return this.options.get("sorter")(e)},s.prototype.highlightFirstItem=function(){var e=this.$results.find(".select2-results__option--selectable"),t=e.filter(".select2-results__option--selected");(0<t.length?t:e).first().trigger("mouseenter"),this.ensureHighlightVisible()},s.prototype.setClasses=function(){var t=this;this.data.current(function(e){var s=e.map(function(e){return e.id.toString()});t.$results.find(".select2-results__option--selectable").each(function(){var e=d(this),t=p.GetData(this,"data"),n=""+t.id;null!=t.element&&t.element.selected||null==t.element&&-1<s.indexOf(n)?(this.classList.add("select2-results__option--selected"),e.attr("aria-selected","true")):(this.classList.remove("select2-results__option--selected"),e.attr("aria-selected","false"))})})},s.prototype.showLoading=function(e){this.hideLoading();e={disabled:!0,loading:!0,text:this.options.get("translations").get("searching")(e)},e=this.option(e);e.className+=" loading-results",this.$results.prepend(e)},s.prototype.hideLoading=function(){this.$results.find(".loading-results").remove()},s.prototype.option=function(e){var t=document.createElement("li");t.classList.add("select2-results__option"),t.classList.add("select2-results__option--selectable");var n,s={role:"option"},i=window.Element.prototype.matches||window.Element.prototype.msMatchesSelector||window.Element.prototype.webkitMatchesSelector;for(n in(null!=e.element&&i.call(e.element,":disabled")||null==e.element&&e.disabled)&&(s["aria-disabled"]="true",t.classList.remove("select2-results__option--selectable"),t.classList.add("select2-results__option--disabled")),null==e.id&&t.classList.remove("select2-results__option--selectable"),null!=e._resultId&&(t.id=e._resultId),e.title&&(t.title=e.title),e.children&&(s.role="group",s["aria-label"]=e.text,t.classList.remove("select2-results__option--selectable"),t.classList.add("select2-results__option--group")),s){var r=s[n];t.setAttribute(n,r)}if(e.children){var o=d(t),a=document.createElement("strong");a.className="select2-results__group",this.template(e,a);for(var l=[],c=0;c<e.children.length;c++){var u=e.children[c],u=this.option(u);l.push(u)}i=d("<ul></ul>",{class:"select2-results__options select2-results__options--nested",role:"none"});i.append(l),o.append(a),o.append(i)}else this.template(e,t);return p.StoreData(t,"data",e),t},s.prototype.bind=function(t,e){var i=this,n=t.id+"-results";this.$results.attr("id",n),t.on("results:all",function(e){i.clear(),i.append(e.data),t.isOpen()&&(i.setClasses(),i.highlightFirstItem())}),t.on("results:append",function(e){i.append(e.data),t.isOpen()&&i.setClasses()}),t.on("query",function(e){i.hideMessages(),i.showLoading(e)}),t.on("select",function(){t.isOpen()&&(i.setClasses(),i.options.get("scrollAfterSelect")&&i.highlightFirstItem())}),t.on("unselect",function(){t.isOpen()&&(i.setClasses(),i.options.get("scrollAfterSelect")&&i.highlightFirstItem())}),t.on("open",function(){i.$results.attr("aria-expanded","true"),i.$results.attr("aria-hidden","false"),i.setClasses(),i.ensureHighlightVisible()}),t.on("close",function(){i.$results.attr("aria-expanded","false"),i.$results.attr("aria-hidden","true"),i.$results.removeAttr("aria-activedescendant")}),t.on("results:toggle",function(){var e=i.getHighlightedResults();0!==e.length&&e.trigger("mouseup")}),t.on("results:select",function(){var e,t=i.getHighlightedResults();0!==t.length&&(e=p.GetData(t[0],"data"),t.hasClass("select2-results__option--selected")?i.trigger("close",{}):i.trigger("select",{data:e}))}),t.on("results:previous",function(){var e,t=i.getHighlightedResults(),n=i.$results.find(".select2-results__option--selectable"),s=n.index(t);s<=0||(e=s-1,0===t.length&&(e=0),(s=n.eq(e)).trigger("mouseenter"),t=i.$results.offset().top,n=s.offset().top,s=i.$results.scrollTop()+(n-t),0===e?i.$results.scrollTop(0):n-t<0&&i.$results.scrollTop(s))}),t.on("results:next",function(){var e,t=i.getHighlightedResults(),n=i.$results.find(".select2-results__option--selectable"),s=n.index(t)+1;s>=n.length||((e=n.eq(s)).trigger("mouseenter"),t=i.$results.offset().top+i.$results.outerHeight(!1),n=e.offset().top+e.outerHeight(!1),e=i.$results.scrollTop()+n-t,0===s?i.$results.scrollTop(0):t<n&&i.$results.scrollTop(e))}),t.on("results:focus",function(e){e.element[0].classList.add("select2-results__option--highlighted"),e.element[0].setAttribute("aria-selected","true")}),t.on("results:message",function(e){i.displayMessage(e)}),d.fn.mousewheel&&this.$results.on("mousewheel",function(e){var t=i.$results.scrollTop(),n=i.$results.get(0).scrollHeight-t+e.deltaY,t=0<e.deltaY&&t-e.deltaY<=0,n=e.deltaY<0&&n<=i.$results.height();t?(i.$results.scrollTop(0),e.preventDefault(),e.stopPropagation()):n&&(i.$results.scrollTop(i.$results.get(0).scrollHeight-i.$results.height()),e.preventDefault(),e.stopPropagation())}),this.$results.on("mouseup",".select2-results__option--selectable",function(e){var t=d(this),n=p.GetData(this,"data");t.hasClass("select2-results__option--selected")?i.options.get("multiple")?i.trigger("unselect",{originalEvent:e,data:n}):i.trigger("close",{}):i.trigger("select",{originalEvent:e,data:n})}),this.$results.on("mouseenter",".select2-results__option--selectable",function(e){var t=p.GetData(this,"data");i.getHighlightedResults().removeClass("select2-results__option--highlighted").attr("aria-selected","false"),i.trigger("results:focus",{data:t,element:d(this)})})},s.prototype.getHighlightedResults=function(){return this.$results.find(".select2-results__option--highlighted")},s.prototype.destroy=function(){this.$results.remove()},s.prototype.ensureHighlightVisible=function(){var e,t,n,s,i=this.getHighlightedResults();0!==i.length&&(e=this.$results.find(".select2-results__option--selectable").index(i),s=this.$results.offset().top,t=i.offset().top,n=this.$results.scrollTop()+(t-s),s=t-s,n-=2*i.outerHeight(!1),e<=2?this.$results.scrollTop(0):(s>this.$results.outerHeight()||s<0)&&this.$results.scrollTop(n))},s.prototype.template=function(e,t){var n=this.options.get("templateResult"),s=this.options.get("escapeMarkup"),e=n(e,t);null==e?t.style.display="none":"string"==typeof e?t.innerHTML=s(e):d(t).append(e)},s}),u.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),u.define("select2/selection/base",["jquery","../utils","../keys"],function(n,s,i){function r(e,t){this.$element=e,this.options=t,r.__super__.constructor.call(this)}return s.Extend(r,s.Observable),r.prototype.render=function(){var e=n('<span class="select2-selection" role="combobox"  aria-haspopup="true" aria-expanded="false"></span>');return this._tabindex=0,null!=s.GetData(this.$element[0],"old-tabindex")?this._tabindex=s.GetData(this.$element[0],"old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),e.attr("title",this.$element.attr("title")),e.attr("tabindex",this._tabindex),e.attr("aria-disabled","false"),this.$selection=e},r.prototype.bind=function(e,t){var n=this,s=e.id+"-results";this.container=e,this.$selection.on("focus",function(e){n.trigger("focus",e)}),this.$selection.on("blur",function(e){n._handleBlur(e)}),this.$selection.on("keydown",function(e){n.trigger("keypress",e),e.which===i.SPACE&&e.preventDefault()}),e.on("results:focus",function(e){n.$selection.attr("aria-activedescendant",e.data._resultId)}),e.on("selection:update",function(e){n.update(e.data)}),e.on("open",function(){n.$selection.attr("aria-expanded","true"),n.$selection.attr("aria-owns",s),n._attachCloseHandler(e)}),e.on("close",function(){n.$selection.attr("aria-expanded","false"),n.$selection.removeAttr("aria-activedescendant"),n.$selection.removeAttr("aria-owns"),n.$selection.trigger("focus"),n._detachCloseHandler(e)}),e.on("enable",function(){n.$selection.attr("tabindex",n._tabindex),n.$selection.attr("aria-disabled","false")}),e.on("disable",function(){n.$selection.attr("tabindex","-1"),n.$selection.attr("aria-disabled","true")})},r.prototype._handleBlur=function(e){var t=this;window.setTimeout(function(){document.activeElement==t.$selection[0]||n.contains(t.$selection[0],document.activeElement)||t.trigger("blur",e)},1)},r.prototype._attachCloseHandler=function(e){n(document.body).on("mousedown.select2."+e.id,function(e){var t=n(e.target).closest(".select2");n(".select2.select2-container--open").each(function(){this!=t[0]&&s.GetData(this,"element").select2("close")})})},r.prototype._detachCloseHandler=function(e){n(document.body).off("mousedown.select2."+e.id)},r.prototype.position=function(e,t){t.find(".selection").append(e)},r.prototype.destroy=function(){this._detachCloseHandler(this.container)},r.prototype.update=function(e){throw new Error("The `update` method must be defined in child classes.")},r.prototype.isEnabled=function(){return!this.isDisabled()},r.prototype.isDisabled=function(){return this.options.get("disabled")},r}),u.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(e,t,n,s){function i(){i.__super__.constructor.apply(this,arguments)}return n.Extend(i,t),i.prototype.render=function(){var e=i.__super__.render.call(this);return e[0].classList.add("select2-selection--single"),e.html('<span class="select2-selection__rendered"></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span>'),e},i.prototype.bind=function(t,e){var n=this;i.__super__.bind.apply(this,arguments);var s=t.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",s).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",s),this.$selection.attr("aria-controls",s),this.$selection.on("mousedown",function(e){1===e.which&&n.trigger("toggle",{originalEvent:e})}),this.$selection.on("focus",function(e){}),this.$selection.on("blur",function(e){}),t.on("focus",function(e){t.isOpen()||n.$selection.trigger("focus")})},i.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},i.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},i.prototype.selectionContainer=function(){return e("<span></span>")},i.prototype.update=function(e){var t,n;0!==e.length?(n=e[0],t=this.$selection.find(".select2-selection__rendered"),e=this.display(n,t),t.empty().append(e),(n=n.title||n.text)?t.attr("title",n):t.removeAttr("title")):this.clear()},i}),u.define("select2/selection/multiple",["jquery","./base","../utils"],function(i,e,c){function r(e,t){r.__super__.constructor.apply(this,arguments)}return c.Extend(r,e),r.prototype.render=function(){var e=r.__super__.render.call(this);return e[0].classList.add("select2-selection--multiple"),e.html('<ul class="select2-selection__rendered"></ul>'),e},r.prototype.bind=function(e,t){var n=this;r.__super__.bind.apply(this,arguments);var s=e.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",s),this.$selection.on("click",function(e){n.trigger("toggle",{originalEvent:e})}),this.$selection.on("click",".select2-selection__choice__remove",function(e){var t;n.isDisabled()||(t=i(this).parent(),t=c.GetData(t[0],"data"),n.trigger("unselect",{originalEvent:e,data:t}))}),this.$selection.on("keydown",".select2-selection__choice__remove",function(e){n.isDisabled()||e.stopPropagation()})},r.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},r.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},r.prototype.selectionContainer=function(){return i('<li class="select2-selection__choice"><button type="button" class="select2-selection__choice__remove" tabindex="-1"><span aria-hidden="true">&times;</span></button><span class="select2-selection__choice__display"></span></li>')},r.prototype.update=function(e){if(this.clear(),0!==e.length){for(var t=[],n=this.$selection.find(".select2-selection__rendered").attr("id")+"-choice-",s=0;s<e.length;s++){var i=e[s],r=this.selectionContainer(),o=this.display(i,r),a=n+c.generateChars(4)+"-";i.id?a+=i.id:a+=c.generateChars(4),r.find(".select2-selection__choice__display").append(o).attr("id",a);var l=i.title||i.text;l&&r.attr("title",l);o=this.options.get("translations").get("removeItem"),l=r.find(".select2-selection__choice__remove");l.attr("title",o()),l.attr("aria-label",o()),l.attr("aria-describedby",a),c.StoreData(r[0],"data",i),t.push(r)}this.$selection.find(".select2-selection__rendered").append(t)}},r}),u.define("select2/selection/placeholder",[],function(){function e(e,t,n){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n)}return e.prototype.normalizePlaceholder=function(e,t){return t="string"==typeof t?{id:"",text:t}:t},e.prototype.createPlaceholder=function(e,t){var n=this.selectionContainer();n.html(this.display(t)),n[0].classList.add("select2-selection__placeholder"),n[0].classList.remove("select2-selection__choice");t=t.title||t.text||n.text();return this.$selection.find(".select2-selection__rendered").attr("title",t),n},e.prototype.update=function(e,t){var n=1==t.length&&t[0].id!=this.placeholder.id;if(1<t.length||n)return e.call(this,t);this.clear();t=this.createPlaceholder(this.placeholder);this.$selection.find(".select2-selection__rendered").append(t)},e}),u.define("select2/selection/allowClear",["jquery","../keys","../utils"],function(i,s,a){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),null==this.placeholder&&this.options.get("debug")&&window.console&&console.error&&console.error("Select2: The `allowClear` option should be used in combination with the `placeholder` option."),this.$selection.on("mousedown",".select2-selection__clear",function(e){s._handleClear(e)}),t.on("keypress",function(e){s._handleKeyboardClear(e,t)})},e.prototype._handleClear=function(e,t){if(!this.isDisabled()){var n=this.$selection.find(".select2-selection__clear");if(0!==n.length){t.stopPropagation();var s=a.GetData(n[0],"data"),i=this.$element.val();this.$element.val(this.placeholder.id);var r={data:s};if(this.trigger("clear",r),r.prevented)this.$element.val(i);else{for(var o=0;o<s.length;o++)if(r={data:s[o]},this.trigger("unselect",r),r.prevented)return void this.$element.val(i);this.$element.trigger("input").trigger("change"),this.trigger("toggle",{})}}}},e.prototype._handleKeyboardClear=function(e,t,n){n.isOpen()||t.which!=s.DELETE&&t.which!=s.BACKSPACE||this._handleClear(t)},e.prototype.update=function(e,t){var n,s;e.call(this,t),this.$selection.find(".select2-selection__clear").remove(),this.$selection[0].classList.remove("select2-selection--clearable"),0<this.$selection.find(".select2-selection__placeholder").length||0===t.length||(n=this.$selection.find(".select2-selection__rendered").attr("id"),s=this.options.get("translations").get("removeAllItems"),(e=i('<button type="button" class="select2-selection__clear" tabindex="-1"><span aria-hidden="true">&times;</span></button>')).attr("title",s()),e.attr("aria-label",s()),e.attr("aria-describedby",n),a.StoreData(e[0],"data",t),this.$selection.prepend(e),this.$selection[0].classList.add("select2-selection--clearable"))},e}),u.define("select2/selection/search",["jquery","../utils","../keys"],function(s,a,l){function e(e,t,n){e.call(this,t,n)}return e.prototype.render=function(e){var t=this.options.get("translations").get("search"),n=s('<span class="select2-search select2-search--inline"><textarea class="select2-search__field" type="search" tabindex="-1" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" ></textarea></span>');this.$searchContainer=n,this.$search=n.find("textarea"),this.$search.prop("autocomplete",this.options.get("autocomplete")),this.$search.attr("aria-label",t());e=e.call(this);return this._transferTabIndex(),e.append(this.$searchContainer),e},e.prototype.bind=function(e,t,n){var s=this,i=t.id+"-results",r=t.id+"-container";e.call(this,t,n),s.$search.attr("aria-describedby",r),t.on("open",function(){s.$search.attr("aria-controls",i),s.$search.trigger("focus")}),t.on("close",function(){s.$search.val(""),s.resizeSearch(),s.$search.removeAttr("aria-controls"),s.$search.removeAttr("aria-activedescendant"),s.$search.trigger("focus")}),t.on("enable",function(){s.$search.prop("disabled",!1),s._transferTabIndex()}),t.on("disable",function(){s.$search.prop("disabled",!0)}),t.on("focus",function(e){s.$search.trigger("focus")}),t.on("results:focus",function(e){e.data._resultId?s.$search.attr("aria-activedescendant",e.data._resultId):s.$search.removeAttr("aria-activedescendant")}),this.$selection.on("focusin",".select2-search--inline",function(e){s.trigger("focus",e)}),this.$selection.on("focusout",".select2-search--inline",function(e){s._handleBlur(e)}),this.$selection.on("keydown",".select2-search--inline",function(e){var t;e.stopPropagation(),s.trigger("keypress",e),s._keyUpPrevented=e.isDefaultPrevented(),e.which!==l.BACKSPACE||""!==s.$search.val()||0<(t=s.$selection.find(".select2-selection__choice").last()).length&&(t=a.GetData(t[0],"data"),s.searchRemoveChoice(t),e.preventDefault())}),this.$selection.on("click",".select2-search--inline",function(e){s.$search.val()&&e.stopPropagation()});var t=document.documentMode,o=t&&t<=11;this.$selection.on("input.searchcheck",".select2-search--inline",function(e){o?s.$selection.off("input.search input.searchcheck"):s.$selection.off("keyup.search")}),this.$selection.on("keyup.search input.search",".select2-search--inline",function(e){var t;o&&"input"===e.type?s.$selection.off("input.search input.searchcheck"):(t=e.which)!=l.SHIFT&&t!=l.CTRL&&t!=l.ALT&&t!=l.TAB&&s.handleSearch(e)})},e.prototype._transferTabIndex=function(e){this.$search.attr("tabindex",this.$selection.attr("tabindex")),this.$selection.attr("tabindex","-1")},e.prototype.createPlaceholder=function(e,t){this.$search.attr("placeholder",t.text)},e.prototype.update=function(e,t){var n=this.$search[0]==document.activeElement;this.$search.attr("placeholder",""),e.call(this,t),this.resizeSearch(),n&&this.$search.trigger("focus")},e.prototype.handleSearch=function(){var e;this.resizeSearch(),this._keyUpPrevented||(e=this.$search.val(),this.trigger("query",{term:e})),this._keyUpPrevented=!1},e.prototype.searchRemoveChoice=function(e,t){this.trigger("unselect",{data:t}),this.$search.val(t.text),this.handleSearch()},e.prototype.resizeSearch=function(){this.$search.css("width","25px");var e="100%";""===this.$search.attr("placeholder")&&(e=.75*(this.$search.val().length+1)+"em"),this.$search.css("width",e)},e}),u.define("select2/selection/selectionCss",["../utils"],function(n){function e(){}return e.prototype.render=function(e){var t=e.call(this),e=this.options.get("selectionCssClass")||"";return-1!==e.indexOf(":all:")&&(e=e.replace(":all:",""),n.copyNonInternalCssClasses(t[0],this.$element[0])),t.addClass(e),t},e}),u.define("select2/selection/eventRelay",["jquery"],function(o){function e(){}return e.prototype.bind=function(e,t,n){var s=this,i=["open","opening","close","closing","select","selecting","unselect","unselecting","clear","clearing"],r=["opening","closing","selecting","unselecting","clearing"];e.call(this,t,n),t.on("*",function(e,t){var n;-1!==i.indexOf(e)&&(t=t||{},n=o.Event("select2:"+e,{params:t}),s.$element.trigger(n),-1!==r.indexOf(e)&&(t.prevented=n.isDefaultPrevented()))})},e}),u.define("select2/translation",["jquery","require"],function(t,n){function s(e){this.dict=e||{}}return s.prototype.all=function(){return this.dict},s.prototype.get=function(e){return this.dict[e]},s.prototype.extend=function(e){this.dict=t.extend({},e.all(),this.dict)},s._cache={},s.loadPath=function(e){var t;return e in s._cache||(t=n(e),s._cache[e]=t),new s(s._cache[e])},s}),u.define("select2/diacritics",[],function(){return{"Ⓐ":"A","Ａ":"A","À":"A","Á":"A","Â":"A","Ầ":"A","Ấ":"A","Ẫ":"A","Ẩ":"A","Ã":"A","Ā":"A","Ă":"A","Ằ":"A","Ắ":"A","Ẵ":"A","Ẳ":"A","Ȧ":"A","Ǡ":"A","Ä":"A","Ǟ":"A","Ả":"A","Å":"A","Ǻ":"A","Ǎ":"A","Ȁ":"A","Ȃ":"A","Ạ":"A","Ậ":"A","Ặ":"A","Ḁ":"A","Ą":"A","Ⱥ":"A","Ɐ":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ⓑ":"B","Ｂ":"B","Ḃ":"B","Ḅ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ɓ":"B","Ⓒ":"C","Ｃ":"C","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","Ç":"C","Ḉ":"C","Ƈ":"C","Ȼ":"C","Ꜿ":"C","Ⓓ":"D","Ｄ":"D","Ḋ":"D","Ď":"D","Ḍ":"D","Ḑ":"D","Ḓ":"D","Ḏ":"D","Đ":"D","Ƌ":"D","Ɗ":"D","Ɖ":"D","Ꝺ":"D","DZ":"DZ","DŽ":"DZ","Dz":"Dz","Dž":"Dz","Ⓔ":"E","Ｅ":"E","È":"E","É":"E","Ê":"E","Ề":"E","Ế":"E","Ễ":"E","Ể":"E","Ẽ":"E","Ē":"E","Ḕ":"E","Ḗ":"E","Ĕ":"E","Ė":"E","Ë":"E","Ẻ":"E","Ě":"E","Ȅ":"E","Ȇ":"E","Ẹ":"E","Ệ":"E","Ȩ":"E","Ḝ":"E","Ę":"E","Ḙ":"E","Ḛ":"E","Ɛ":"E","Ǝ":"E","Ⓕ":"F","Ｆ":"F","Ḟ":"F","Ƒ":"F","Ꝼ":"F","Ⓖ":"G","Ｇ":"G","Ǵ":"G","Ĝ":"G","Ḡ":"G","Ğ":"G","Ġ":"G","Ǧ":"G","Ģ":"G","Ǥ":"G","Ɠ":"G","Ꞡ":"G","Ᵹ":"G","Ꝿ":"G","Ⓗ":"H","Ｈ":"H","Ĥ":"H","Ḣ":"H","Ḧ":"H","Ȟ":"H","Ḥ":"H","Ḩ":"H","Ḫ":"H","Ħ":"H","Ⱨ":"H","Ⱶ":"H","Ɥ":"H","Ⓘ":"I","Ｉ":"I","Ì":"I","Í":"I","Î":"I","Ĩ":"I","Ī":"I","Ĭ":"I","İ":"I","Ï":"I","Ḯ":"I","Ỉ":"I","Ǐ":"I","Ȉ":"I","Ȋ":"I","Ị":"I","Į":"I","Ḭ":"I","Ɨ":"I","Ⓙ":"J","Ｊ":"J","Ĵ":"J","Ɉ":"J","Ⓚ":"K","Ｋ":"K","Ḱ":"K","Ǩ":"K","Ḳ":"K","Ķ":"K","Ḵ":"K","Ƙ":"K","Ⱪ":"K","Ꝁ":"K","Ꝃ":"K","Ꝅ":"K","Ꞣ":"K","Ⓛ":"L","Ｌ":"L","Ŀ":"L","Ĺ":"L","Ľ":"L","Ḷ":"L","Ḹ":"L","Ļ":"L","Ḽ":"L","Ḻ":"L","Ł":"L","Ƚ":"L","Ɫ":"L","Ⱡ":"L","Ꝉ":"L","Ꝇ":"L","Ꞁ":"L","LJ":"LJ","Lj":"Lj","Ⓜ":"M","Ｍ":"M","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ɯ":"M","Ⓝ":"N","Ｎ":"N","Ǹ":"N","Ń":"N","Ñ":"N","Ṅ":"N","Ň":"N","Ṇ":"N","Ņ":"N","Ṋ":"N","Ṉ":"N","Ƞ":"N","Ɲ":"N","Ꞑ":"N","Ꞥ":"N","NJ":"NJ","Nj":"Nj","Ⓞ":"O","Ｏ":"O","Ò":"O","Ó":"O","Ô":"O","Ồ":"O","Ố":"O","Ỗ":"O","Ổ":"O","Õ":"O","Ṍ":"O","Ȭ":"O","Ṏ":"O","Ō":"O","Ṑ":"O","Ṓ":"O","Ŏ":"O","Ȯ":"O","Ȱ":"O","Ö":"O","Ȫ":"O","Ỏ":"O","Ő":"O","Ǒ":"O","Ȍ":"O","Ȏ":"O","Ơ":"O","Ờ":"O","Ớ":"O","Ỡ":"O","Ở":"O","Ợ":"O","Ọ":"O","Ộ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Ɔ":"O","Ɵ":"O","Ꝋ":"O","Ꝍ":"O","Œ":"OE","Ƣ":"OI","Ꝏ":"OO","Ȣ":"OU","Ⓟ":"P","Ｐ":"P","Ṕ":"P","Ṗ":"P","Ƥ":"P","Ᵽ":"P","Ꝑ":"P","Ꝓ":"P","Ꝕ":"P","Ⓠ":"Q","Ｑ":"Q","Ꝗ":"Q","Ꝙ":"Q","Ɋ":"Q","Ⓡ":"R","Ｒ":"R","Ŕ":"R","Ṙ":"R","Ř":"R","Ȑ":"R","Ȓ":"R","Ṛ":"R","Ṝ":"R","Ŗ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꝛ":"R","Ꞧ":"R","Ꞃ":"R","Ⓢ":"S","Ｓ":"S","ẞ":"S","Ś":"S","Ṥ":"S","Ŝ":"S","Ṡ":"S","Š":"S","Ṧ":"S","Ṣ":"S","Ṩ":"S","Ș":"S","Ş":"S","Ȿ":"S","Ꞩ":"S","Ꞅ":"S","Ⓣ":"T","Ｔ":"T","Ṫ":"T","Ť":"T","Ṭ":"T","Ț":"T","Ţ":"T","Ṱ":"T","Ṯ":"T","Ŧ":"T","Ƭ":"T","Ʈ":"T","Ⱦ":"T","Ꞇ":"T","Ꜩ":"TZ","Ⓤ":"U","Ｕ":"U","Ù":"U","Ú":"U","Û":"U","Ũ":"U","Ṹ":"U","Ū":"U","Ṻ":"U","Ŭ":"U","Ü":"U","Ǜ":"U","Ǘ":"U","Ǖ":"U","Ǚ":"U","Ủ":"U","Ů":"U","Ű":"U","Ǔ":"U","Ȕ":"U","Ȗ":"U","Ư":"U","Ừ":"U","Ứ":"U","Ữ":"U","Ử":"U","Ự":"U","Ụ":"U","Ṳ":"U","Ų":"U","Ṷ":"U","Ṵ":"U","Ʉ":"U","Ⓥ":"V","Ｖ":"V","Ṽ":"V","Ṿ":"V","Ʋ":"V","Ꝟ":"V","Ʌ":"V","Ꝡ":"VY","Ⓦ":"W","Ｗ":"W","Ẁ":"W","Ẃ":"W","Ŵ":"W","Ẇ":"W","Ẅ":"W","Ẉ":"W","Ⱳ":"W","Ⓧ":"X","Ｘ":"X","Ẋ":"X","Ẍ":"X","Ⓨ":"Y","Ｙ":"Y","Ỳ":"Y","Ý":"Y","Ŷ":"Y","Ỹ":"Y","Ȳ":"Y","Ẏ":"Y","Ÿ":"Y","Ỷ":"Y","Ỵ":"Y","Ƴ":"Y","Ɏ":"Y","Ỿ":"Y","Ⓩ":"Z","Ｚ":"Z","Ź":"Z","Ẑ":"Z","Ż":"Z","Ž":"Z","Ẓ":"Z","Ẕ":"Z","Ƶ":"Z","Ȥ":"Z","Ɀ":"Z","Ⱬ":"Z","Ꝣ":"Z","ⓐ":"a","ａ":"a","ẚ":"a","à":"a","á":"a","â":"a","ầ":"a","ấ":"a","ẫ":"a","ẩ":"a","ã":"a","ā":"a","ă":"a","ằ":"a","ắ":"a","ẵ":"a","ẳ":"a","ȧ":"a","ǡ":"a","ä":"a","ǟ":"a","ả":"a","å":"a","ǻ":"a","ǎ":"a","ȁ":"a","ȃ":"a","ạ":"a","ậ":"a","ặ":"a","ḁ":"a","ą":"a","ⱥ":"a","ɐ":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ⓑ":"b","ｂ":"b","ḃ":"b","ḅ":"b","ḇ":"b","ƀ":"b","ƃ":"b","ɓ":"b","ⓒ":"c","ｃ":"c","ć":"c","ĉ":"c","ċ":"c","č":"c","ç":"c","ḉ":"c","ƈ":"c","ȼ":"c","ꜿ":"c","ↄ":"c","ⓓ":"d","ｄ":"d","ḋ":"d","ď":"d","ḍ":"d","ḑ":"d","ḓ":"d","ḏ":"d","đ":"d","ƌ":"d","ɖ":"d","ɗ":"d","ꝺ":"d","dz":"dz","dž":"dz","ⓔ":"e","ｅ":"e","è":"e","é":"e","ê":"e","ề":"e","ế":"e","ễ":"e","ể":"e","ẽ":"e","ē":"e","ḕ":"e","ḗ":"e","ĕ":"e","ė":"e","ë":"e","ẻ":"e","ě":"e","ȅ":"e","ȇ":"e","ẹ":"e","ệ":"e","ȩ":"e","ḝ":"e","ę":"e","ḙ":"e","ḛ":"e","ɇ":"e","ɛ":"e","ǝ":"e","ⓕ":"f","ｆ":"f","ḟ":"f","ƒ":"f","ꝼ":"f","ⓖ":"g","ｇ":"g","ǵ":"g","ĝ":"g","ḡ":"g","ğ":"g","ġ":"g","ǧ":"g","ģ":"g","ǥ":"g","ɠ":"g","ꞡ":"g","ᵹ":"g","ꝿ":"g","ⓗ":"h","ｈ":"h","ĥ":"h","ḣ":"h","ḧ":"h","ȟ":"h","ḥ":"h","ḩ":"h","ḫ":"h","ẖ":"h","ħ":"h","ⱨ":"h","ⱶ":"h","ɥ":"h","ƕ":"hv","ⓘ":"i","ｉ":"i","ì":"i","í":"i","î":"i","ĩ":"i","ī":"i","ĭ":"i","ï":"i","ḯ":"i","ỉ":"i","ǐ":"i","ȉ":"i","ȋ":"i","ị":"i","į":"i","ḭ":"i","ɨ":"i","ı":"i","ⓙ":"j","ｊ":"j","ĵ":"j","ǰ":"j","ɉ":"j","ⓚ":"k","ｋ":"k","ḱ":"k","ǩ":"k","ḳ":"k","ķ":"k","ḵ":"k","ƙ":"k","ⱪ":"k","ꝁ":"k","ꝃ":"k","ꝅ":"k","ꞣ":"k","ⓛ":"l","ｌ":"l","ŀ":"l","ĺ":"l","ľ":"l","ḷ":"l","ḹ":"l","ļ":"l","ḽ":"l","ḻ":"l","ſ":"l","ł":"l","ƚ":"l","ɫ":"l","ⱡ":"l","ꝉ":"l","ꞁ":"l","ꝇ":"l","lj":"lj","ⓜ":"m","ｍ":"m","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ɯ":"m","ⓝ":"n","ｎ":"n","ǹ":"n","ń":"n","ñ":"n","ṅ":"n","ň":"n","ṇ":"n","ņ":"n","ṋ":"n","ṉ":"n","ƞ":"n","ɲ":"n","ʼn":"n","ꞑ":"n","ꞥ":"n","nj":"nj","ⓞ":"o","ｏ":"o","ò":"o","ó":"o","ô":"o","ồ":"o","ố":"o","ỗ":"o","ổ":"o","õ":"o","ṍ":"o","ȭ":"o","ṏ":"o","ō":"o","ṑ":"o","ṓ":"o","ŏ":"o","ȯ":"o","ȱ":"o","ö":"o","ȫ":"o","ỏ":"o","ő":"o","ǒ":"o","ȍ":"o","ȏ":"o","ơ":"o","ờ":"o","ớ":"o","ỡ":"o","ở":"o","ợ":"o","ọ":"o","ộ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","ɔ":"o","ꝋ":"o","ꝍ":"o","ɵ":"o","œ":"oe","ƣ":"oi","ȣ":"ou","ꝏ":"oo","ⓟ":"p","ｐ":"p","ṕ":"p","ṗ":"p","ƥ":"p","ᵽ":"p","ꝑ":"p","ꝓ":"p","ꝕ":"p","ⓠ":"q","ｑ":"q","ɋ":"q","ꝗ":"q","ꝙ":"q","ⓡ":"r","ｒ":"r","ŕ":"r","ṙ":"r","ř":"r","ȑ":"r","ȓ":"r","ṛ":"r","ṝ":"r","ŗ":"r","ṟ":"r","ɍ":"r","ɽ":"r","ꝛ":"r","ꞧ":"r","ꞃ":"r","ⓢ":"s","ｓ":"s","ß":"s","ś":"s","ṥ":"s","ŝ":"s","ṡ":"s","š":"s","ṧ":"s","ṣ":"s","ṩ":"s","ș":"s","ş":"s","ȿ":"s","ꞩ":"s","ꞅ":"s","ẛ":"s","ⓣ":"t","ｔ":"t","ṫ":"t","ẗ":"t","ť":"t","ṭ":"t","ț":"t","ţ":"t","ṱ":"t","ṯ":"t","ŧ":"t","ƭ":"t","ʈ":"t","ⱦ":"t","ꞇ":"t","ꜩ":"tz","ⓤ":"u","ｕ":"u","ù":"u","ú":"u","û":"u","ũ":"u","ṹ":"u","ū":"u","ṻ":"u","ŭ":"u","ü":"u","ǜ":"u","ǘ":"u","ǖ":"u","ǚ":"u","ủ":"u","ů":"u","ű":"u","ǔ":"u","ȕ":"u","ȗ":"u","ư":"u","ừ":"u","ứ":"u","ữ":"u","ử":"u","ự":"u","ụ":"u","ṳ":"u","ų":"u","ṷ":"u","ṵ":"u","ʉ":"u","ⓥ":"v","ｖ":"v","ṽ":"v","ṿ":"v","ʋ":"v","ꝟ":"v","ʌ":"v","ꝡ":"vy","ⓦ":"w","ｗ":"w","ẁ":"w","ẃ":"w","ŵ":"w","ẇ":"w","ẅ":"w","ẘ":"w","ẉ":"w","ⱳ":"w","ⓧ":"x","ｘ":"x","ẋ":"x","ẍ":"x","ⓨ":"y","ｙ":"y","ỳ":"y","ý":"y","ŷ":"y","ỹ":"y","ȳ":"y","ẏ":"y","ÿ":"y","ỷ":"y","ẙ":"y","ỵ":"y","ƴ":"y","ɏ":"y","ỿ":"y","ⓩ":"z","ｚ":"z","ź":"z","ẑ":"z","ż":"z","ž":"z","ẓ":"z","ẕ":"z","ƶ":"z","ȥ":"z","ɀ":"z","ⱬ":"z","ꝣ":"z","Ά":"Α","Έ":"Ε","Ή":"Η","Ί":"Ι","Ϊ":"Ι","Ό":"Ο","Ύ":"Υ","Ϋ":"Υ","Ώ":"Ω","ά":"α","έ":"ε","ή":"η","ί":"ι","ϊ":"ι","ΐ":"ι","ό":"ο","ύ":"υ","ϋ":"υ","ΰ":"υ","ώ":"ω","ς":"σ","’":"'"}}),u.define("select2/data/base",["../utils"],function(n){function s(e,t){s.__super__.constructor.call(this)}return n.Extend(s,n.Observable),s.prototype.current=function(e){throw new Error("The `current` method must be defined in child classes.")},s.prototype.query=function(e,t){throw new Error("The `query` method must be defined in child classes.")},s.prototype.bind=function(e,t){},s.prototype.destroy=function(){},s.prototype.generateResultId=function(e,t){e=e.id+"-result-";return e+=n.generateChars(4),null!=t.id?e+="-"+t.id.toString():e+="-"+n.generateChars(4),e},s}),u.define("select2/data/select",["./base","../utils","jquery"],function(e,a,l){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return a.Extend(n,e),n.prototype.current=function(e){var t=this;e(Array.prototype.map.call(this.$element[0].querySelectorAll(":checked"),function(e){return t.item(l(e))}))},n.prototype.select=function(i){var e,r=this;if(i.selected=!0,null!=i.element&&"option"===i.element.tagName.toLowerCase())return i.element.selected=!0,void this.$element.trigger("input").trigger("change");this.$element.prop("multiple")?this.current(function(e){var t=[];(i=[i]).push.apply(i,e);for(var n=0;n<i.length;n++){var s=i[n].id;-1===t.indexOf(s)&&t.push(s)}r.$element.val(t),r.$element.trigger("input").trigger("change")}):(e=i.id,this.$element.val(e),this.$element.trigger("input").trigger("change"))},n.prototype.unselect=function(i){var r=this;if(this.$element.prop("multiple")){if(i.selected=!1,null!=i.element&&"option"===i.element.tagName.toLowerCase())return i.element.selected=!1,void this.$element.trigger("input").trigger("change");this.current(function(e){for(var t=[],n=0;n<e.length;n++){var s=e[n].id;s!==i.id&&-1===t.indexOf(s)&&t.push(s)}r.$element.val(t),r.$element.trigger("input").trigger("change")})}},n.prototype.bind=function(e,t){var n=this;(this.container=e).on("select",function(e){n.select(e.data)}),e.on("unselect",function(e){n.unselect(e.data)})},n.prototype.destroy=function(){this.$element.find("*").each(function(){a.RemoveData(this)})},n.prototype.query=function(t,e){var n=[],s=this;this.$element.children().each(function(){var e;"option"!==this.tagName.toLowerCase()&&"optgroup"!==this.tagName.toLowerCase()||(e=l(this),e=s.item(e),null!==(e=s.matches(t,e))&&n.push(e))}),e({results:n})},n.prototype.addOptions=function(e){this.$element.append(e)},n.prototype.option=function(e){var t;e.children?(t=document.createElement("optgroup")).label=e.text:void 0!==(t=document.createElement("option")).textContent?t.textContent=e.text:t.innerText=e.text,void 0!==e.id&&(t.value=e.id),e.disabled&&(t.disabled=!0),e.selected&&(t.selected=!0),e.title&&(t.title=e.title);e=this._normalizeItem(e);return e.element=t,a.StoreData(t,"data",e),l(t)},n.prototype.item=function(e){var t={};if(null!=(t=a.GetData(e[0],"data")))return t;var n=e[0];if("option"===n.tagName.toLowerCase())t={id:e.val(),text:e.text(),disabled:e.prop("disabled"),selected:e.prop("selected"),title:e.prop("title")};else if("optgroup"===n.tagName.toLowerCase()){t={text:e.prop("label"),children:[],title:e.prop("title")};for(var s=e.children("option"),i=[],r=0;r<s.length;r++){var o=l(s[r]),o=this.item(o);i.push(o)}t.children=i}return(t=this._normalizeItem(t)).element=e[0],a.StoreData(e[0],"data",t),t},n.prototype._normalizeItem=function(e){e!==Object(e)&&(e={id:e,text:e});return null!=(e=l.extend({},{text:""},e)).id&&(e.id=e.id.toString()),null!=e.text&&(e.text=e.text.toString()),null==e._resultId&&e.id&&null!=this.container&&(e._resultId=this.generateResultId(this.container,e)),l.extend({},{selected:!1,disabled:!1},e)},n.prototype.matches=function(e,t){return this.options.get("matcher")(e,t)},n}),u.define("select2/data/array",["./select","../utils","jquery"],function(e,t,c){function s(e,t){this._dataToConvert=t.get("data")||[],s.__super__.constructor.call(this,e,t)}return t.Extend(s,e),s.prototype.bind=function(e,t){s.__super__.bind.call(this,e,t),this.addOptions(this.convertToOptions(this._dataToConvert))},s.prototype.select=function(n){var e=this.$element.find("option").filter(function(e,t){return t.value==n.id.toString()});0===e.length&&(e=this.option(n),this.addOptions(e)),s.__super__.select.call(this,n)},s.prototype.convertToOptions=function(e){var t=this,n=this.$element.find("option"),s=n.map(function(){return t.item(c(this)).id}).get(),i=[];for(var r=0;r<e.length;r++){var o,a,l=this._normalizeItem(e[r]);0<=s.indexOf(l.id)?(o=n.filter(function(e){return function(){return c(this).val()==e.id}}(l)),a=this.item(o),a=c.extend(!0,{},l,a),a=this.option(a),o.replaceWith(a)):(a=this.option(l),l.children&&(l=this.convertToOptions(l.children),a.append(l)),i.push(a))}return i},s}),u.define("select2/data/ajax",["./array","../utils","jquery"],function(e,t,r){function n(e,t){this.ajaxOptions=this._applyDefaults(t.get("ajax")),null!=this.ajaxOptions.processResults&&(this.processResults=this.ajaxOptions.processResults),n.__super__.constructor.call(this,e,t)}return t.Extend(n,e),n.prototype._applyDefaults=function(e){var t={data:function(e){return r.extend({},e,{q:e.term})},transport:function(e,t,n){e=r.ajax(e);return e.then(t),e.fail(n),e}};return r.extend({},t,e,!0)},n.prototype.processResults=function(e){return e},n.prototype.query=function(t,n){var s=this;null!=this._request&&("function"==typeof this._request.abort&&this._request.abort(),this._request=null);var i=r.extend({type:"GET"},this.ajaxOptions);function e(){var e=i.transport(i,function(e){e=s.processResults(e,t);s.options.get("debug")&&window.console&&console.error&&(e&&e.results&&Array.isArray(e.results)||console.error("Select2: The AJAX results did not return an array in the `results` key of the response.")),n(e)},function(){"status"in e&&(0===e.status||"0"===e.status)||s.trigger("results:message",{message:"errorLoading"})});s._request=e}"function"==typeof i.url&&(i.url=i.url.call(this.$element,t)),"function"==typeof i.data&&(i.data=i.data.call(this.$element,t)),this.ajaxOptions.delay&&null!=t.term?(this._queryTimeout&&window.clearTimeout(this._queryTimeout),this._queryTimeout=window.setTimeout(e,this.ajaxOptions.delay)):e()},n}),u.define("select2/data/tags",["jquery"],function(t){function e(e,t,n){var s=n.get("tags"),i=n.get("createTag");void 0!==i&&(this.createTag=i);i=n.get("insertTag");if(void 0!==i&&(this.insertTag=i),e.call(this,t,n),Array.isArray(s))for(var r=0;r<s.length;r++){var o=s[r],o=this._normalizeItem(o),o=this.option(o);this.$element.append(o)}}return e.prototype.query=function(e,c,u){var d=this;this._removeOldTags(),null!=c.term&&null==c.page?e.call(this,c,function e(t,n){for(var s=t.results,i=0;i<s.length;i++){var r=s[i],o=null!=r.children&&!e({results:r.children},!0);if((r.text||"").toUpperCase()===(c.term||"").toUpperCase()||o)return!n&&(t.data=s,void u(t))}if(n)return!0;var a,l=d.createTag(c);null!=l&&((a=d.option(l)).attr("data-select2-tag","true"),d.addOptions([a]),d.insertTag(s,l)),t.results=s,u(t)}):e.call(this,c,u)},e.prototype.createTag=function(e,t){if(null==t.term)return null;t=t.term.trim();return""===t?null:{id:t,text:t}},e.prototype.insertTag=function(e,t,n){t.unshift(n)},e.prototype._removeOldTags=function(e){this.$element.find("option[data-select2-tag]").each(function(){this.selected||t(this).remove()})},e}),u.define("select2/data/tokenizer",["jquery"],function(c){function e(e,t,n){var s=n.get("tokenizer");void 0!==s&&(this.tokenizer=s),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){e.call(this,t,n),this.$search=t.dropdown.$search||t.selection.$search||n.find(".select2-search__field")},e.prototype.query=function(e,t,n){var s=this;t.term=t.term||"";var i=this.tokenizer(t,this.options,function(e){var t,n=s._normalizeItem(e);s.$element.find("option").filter(function(){return c(this).val()===n.id}).length||((t=s.option(n)).attr("data-select2-tag",!0),s._removeOldTags(),s.addOptions([t])),t=n,s.trigger("select",{data:t})});i.term!==t.term&&(this.$search.length&&(this.$search.val(i.term),this.$search.trigger("focus")),t.term=i.term),e.call(this,t,n)},e.prototype.tokenizer=function(e,t,n,s){for(var i=n.get("tokenSeparators")||[],r=t.term,o=0,a=this.createTag||function(e){return{id:e.term,text:e.term}};o<r.length;){var l=r[o];-1!==i.indexOf(l)?(l=r.substr(0,o),null!=(l=a(c.extend({},t,{term:l})))?(s(l),r=r.substr(o+1)||"",o=0):o++):o++}return{term:r}},e}),u.define("select2/data/minimumInputLength",[],function(){function e(e,t,n){this.minimumInputLength=n.get("minimumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",t.term.length<this.minimumInputLength?this.trigger("results:message",{message:"inputTooShort",args:{minimum:this.minimumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),u.define("select2/data/maximumInputLength",[],function(){function e(e,t,n){this.maximumInputLength=n.get("maximumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",0<this.maximumInputLength&&t.term.length>this.maximumInputLength?this.trigger("results:message",{message:"inputTooLong",args:{maximum:this.maximumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),u.define("select2/data/maximumSelectionLength",[],function(){function e(e,t,n){this.maximumSelectionLength=n.get("maximumSelectionLength"),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("select",function(){s._checkIfMaximumSelected()})},e.prototype.query=function(e,t,n){var s=this;this._checkIfMaximumSelected(function(){e.call(s,t,n)})},e.prototype._checkIfMaximumSelected=function(e,t){var n=this;this.current(function(e){e=null!=e?e.length:0;0<n.maximumSelectionLength&&e>=n.maximumSelectionLength?n.trigger("results:message",{message:"maximumSelected",args:{maximum:n.maximumSelectionLength}}):t&&t()})},e}),u.define("select2/dropdown",["jquery","./utils"],function(t,e){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return e.Extend(n,e.Observable),n.prototype.render=function(){var e=t('<span class="select2-dropdown"><span class="select2-results"></span></span>');return e.attr("dir",this.options.get("dir")),this.$dropdown=e},n.prototype.bind=function(){},n.prototype.position=function(e,t){},n.prototype.destroy=function(){this.$dropdown.remove()},n}),u.define("select2/dropdown/search",["jquery"],function(r){function e(){}return e.prototype.render=function(e){var t=e.call(this),n=this.options.get("translations").get("search"),e=r('<span class="select2-search select2-search--dropdown"><input class="select2-search__field" type="search" tabindex="-1" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" /></span>');return this.$searchContainer=e,this.$search=e.find("input"),this.$search.prop("autocomplete",this.options.get("autocomplete")),this.$search.attr("aria-label",n()),t.prepend(e),t},e.prototype.bind=function(e,t,n){var s=this,i=t.id+"-results";e.call(this,t,n),this.$search.on("keydown",function(e){s.trigger("keypress",e),s._keyUpPrevented=e.isDefaultPrevented()}),this.$search.on("input",function(e){r(this).off("keyup")}),this.$search.on("keyup input",function(e){s.handleSearch(e)}),t.on("open",function(){s.$search.attr("tabindex",0),s.$search.attr("aria-controls",i),s.$search.trigger("focus"),window.setTimeout(function(){s.$search.trigger("focus")},0)}),t.on("close",function(){s.$search.attr("tabindex",-1),s.$search.removeAttr("aria-controls"),s.$search.removeAttr("aria-activedescendant"),s.$search.val(""),s.$search.trigger("blur")}),t.on("focus",function(){t.isOpen()||s.$search.trigger("focus")}),t.on("results:all",function(e){null!=e.query.term&&""!==e.query.term||(s.showSearch(e)?s.$searchContainer[0].classList.remove("select2-search--hide"):s.$searchContainer[0].classList.add("select2-search--hide"))}),t.on("results:focus",function(e){e.data._resultId?s.$search.attr("aria-activedescendant",e.data._resultId):s.$search.removeAttr("aria-activedescendant")})},e.prototype.handleSearch=function(e){var t;this._keyUpPrevented||(t=this.$search.val(),this.trigger("query",{term:t})),this._keyUpPrevented=!1},e.prototype.showSearch=function(e,t){return!0},e}),u.define("select2/dropdown/hidePlaceholder",[],function(){function e(e,t,n,s){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n,s)}return e.prototype.append=function(e,t){t.results=this.removePlaceholder(t.results),e.call(this,t)},e.prototype.normalizePlaceholder=function(e,t){return t="string"==typeof t?{id:"",text:t}:t},e.prototype.removePlaceholder=function(e,t){for(var n=t.slice(0),s=t.length-1;0<=s;s--){var i=t[s];this.placeholder.id===i.id&&n.splice(s,1)}return n},e}),u.define("select2/dropdown/infiniteScroll",["jquery"],function(n){function e(e,t,n,s){this.lastParams={},e.call(this,t,n,s),this.$loadingMore=this.createLoadingMore(),this.loading=!1}return e.prototype.append=function(e,t){this.$loadingMore.remove(),this.loading=!1,e.call(this,t),this.showLoadingMore(t)&&(this.$results.append(this.$loadingMore),this.loadMoreIfNeeded())},e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("query",function(e){s.lastParams=e,s.loading=!0}),t.on("query:append",function(e){s.lastParams=e,s.loading=!0}),this.$results.on("scroll",this.loadMoreIfNeeded.bind(this))},e.prototype.loadMoreIfNeeded=function(){var e=n.contains(document.documentElement,this.$loadingMore[0]);!this.loading&&e&&(e=this.$results.offset().top+this.$results.outerHeight(!1),this.$loadingMore.offset().top+this.$loadingMore.outerHeight(!1)<=e+50&&this.loadMore())},e.prototype.loadMore=function(){this.loading=!0;var e=n.extend({},{page:1},this.lastParams);e.page++,this.trigger("query:append",e)},e.prototype.showLoadingMore=function(e,t){return t.pagination&&t.pagination.more},e.prototype.createLoadingMore=function(){var e=n('<li class="select2-results__option select2-results__option--load-more"role="option" aria-disabled="true"></li>'),t=this.options.get("translations").get("loadingMore");return e.html(t(this.lastParams)),e},e}),u.define("select2/dropdown/attachBody",["jquery","../utils"],function(u,o){function e(e,t,n){this.$dropdownParent=u(n.get("dropdownParent")||document.body),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("open",function(){s._showDropdown(),s._attachPositioningHandler(t),s._bindContainerResultHandlers(t)}),t.on("close",function(){s._hideDropdown(),s._detachPositioningHandler(t)}),this.$dropdownContainer.on("mousedown",function(e){e.stopPropagation()})},e.prototype.destroy=function(e){e.call(this),this.$dropdownContainer.remove()},e.prototype.position=function(e,t,n){t.attr("class",n.attr("class")),t[0].classList.remove("select2"),t[0].classList.add("select2-container--open"),t.css({position:"absolute",top:-999999}),this.$container=n},e.prototype.render=function(e){var t=u("<span></span>"),e=e.call(this);return t.append(e),this.$dropdownContainer=t},e.prototype._hideDropdown=function(e){this.$dropdownContainer.detach()},e.prototype._bindContainerResultHandlers=function(e,t){var n;this._containerResultsHandlersBound||(n=this,t.on("results:all",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:append",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:message",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("select",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("unselect",function(){n._positionDropdown(),n._resizeDropdown()}),this._containerResultsHandlersBound=!0)},e.prototype._attachPositioningHandler=function(e,t){var n=this,s="scroll.select2."+t.id,i="resize.select2."+t.id,r="orientationchange.select2."+t.id,t=this.$container.parents().filter(o.hasScroll);t.each(function(){o.StoreData(this,"select2-scroll-position",{x:u(this).scrollLeft(),y:u(this).scrollTop()})}),t.on(s,function(e){var t=o.GetData(this,"select2-scroll-position");u(this).scrollTop(t.y)}),u(window).on(s+" "+i+" "+r,function(e){n._positionDropdown(),n._resizeDropdown()})},e.prototype._detachPositioningHandler=function(e,t){var n="scroll.select2."+t.id,s="resize.select2."+t.id,t="orientationchange.select2."+t.id;this.$container.parents().filter(o.hasScroll).off(n),u(window).off(n+" "+s+" "+t)},e.prototype._positionDropdown=function(){var e=u(window),t=this.$dropdown[0].classList.contains("select2-dropdown--above"),n=this.$dropdown[0].classList.contains("select2-dropdown--below"),s=null,i=this.$container.offset();i.bottom=i.top+this.$container.outerHeight(!1);var r={height:this.$container.outerHeight(!1)};r.top=i.top,r.bottom=i.top+r.height;var o=this.$dropdown.outerHeight(!1),a=e.scrollTop(),l=e.scrollTop()+e.height(),c=a<i.top-o,e=l>i.bottom+o,a={left:i.left,top:r.bottom},l=this.$dropdownParent;"static"===l.css("position")&&(l=l.offsetParent());i={top:0,left:0};(u.contains(document.body,l[0])||l[0].isConnected)&&(i=l.offset()),a.top-=i.top,a.left-=i.left,t||n||(s="below"),e||!c||t?!c&&e&&t&&(s="below"):s="above",("above"==s||t&&"below"!==s)&&(a.top=r.top-i.top-o),null!=s&&(this.$dropdown[0].classList.remove("select2-dropdown--below"),this.$dropdown[0].classList.remove("select2-dropdown--above"),this.$dropdown[0].classList.add("select2-dropdown--"+s),this.$container[0].classList.remove("select2-container--below"),this.$container[0].classList.remove("select2-container--above"),this.$container[0].classList.add("select2-container--"+s)),this.$dropdownContainer.css(a)},e.prototype._resizeDropdown=function(){var e={width:this.$container.outerWidth(!1)+"px"};this.options.get("dropdownAutoWidth")&&(e.minWidth=e.width,e.position="relative",e.width="auto"),this.$dropdown.css(e)},e.prototype._showDropdown=function(e){this.$dropdownContainer.appendTo(this.$dropdownParent),this._positionDropdown(),this._resizeDropdown()},e}),u.define("select2/dropdown/minimumResultsForSearch",[],function(){function e(e,t,n,s){this.minimumResultsForSearch=n.get("minimumResultsForSearch"),this.minimumResultsForSearch<0&&(this.minimumResultsForSearch=1/0),e.call(this,t,n,s)}return e.prototype.showSearch=function(e,t){return!(function e(t){for(var n=0,s=0;s<t.length;s++){var i=t[s];i.children?n+=e(i.children):n++}return n}(t.data.results)<this.minimumResultsForSearch)&&e.call(this,t)},e}),u.define("select2/dropdown/selectOnClose",["../utils"],function(s){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("close",function(e){s._handleSelectOnClose(e)})},e.prototype._handleSelectOnClose=function(e,t){if(t&&null!=t.originalSelect2Event){var n=t.originalSelect2Event;if("select"===n._type||"unselect"===n._type)return}n=this.getHighlightedResults();n.length<1||(null!=(n=s.GetData(n[0],"data")).element&&n.element.selected||null==n.element&&n.selected||this.trigger("select",{data:n}))},e}),u.define("select2/dropdown/closeOnSelect",[],function(){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("select",function(e){s._selectTriggered(e)}),t.on("unselect",function(e){s._selectTriggered(e)})},e.prototype._selectTriggered=function(e,t){var n=t.originalEvent;n&&(n.ctrlKey||n.metaKey)||this.trigger("close",{originalEvent:n,originalSelect2Event:t})},e}),u.define("select2/dropdown/dropdownCss",["../utils"],function(n){function e(){}return e.prototype.render=function(e){var t=e.call(this),e=this.options.get("dropdownCssClass")||"";return-1!==e.indexOf(":all:")&&(e=e.replace(":all:",""),n.copyNonInternalCssClasses(t[0],this.$element[0])),t.addClass(e),t},e}),u.define("select2/dropdown/tagsSearchHighlight",["../utils"],function(s){function e(){}return e.prototype.highlightFirstItem=function(e){var t=this.$results.find(".select2-results__option--selectable:not(.select2-results__option--selected)");if(0<t.length){var n=t.first(),t=s.GetData(n[0],"data").element;if(t&&t.getAttribute&&"true"===t.getAttribute("data-select2-tag"))return void n.trigger("mouseenter")}e.call(this)},e}),u.define("select2/i18n/en",[],function(){return{errorLoading:function(){return"The results could not be loaded."},inputTooLong:function(e){var t=e.input.length-e.maximum,e="Please delete "+t+" character";return 1!=t&&(e+="s"),e},inputTooShort:function(e){return"Please enter "+(e.minimum-e.input.length)+" or more characters"},loadingMore:function(){return"Loading more results…"},maximumSelected:function(e){var t="You can only select "+e.maximum+" item";return 1!=e.maximum&&(t+="s"),t},noResults:function(){return"No results found"},searching:function(){return"Searching…"},removeAllItems:function(){return"Remove all items"},removeItem:function(){return"Remove item"},search:function(){return"Search"}}}),u.define("select2/defaults",["jquery","./results","./selection/single","./selection/multiple","./selection/placeholder","./selection/allowClear","./selection/search","./selection/selectionCss","./selection/eventRelay","./utils","./translation","./diacritics","./data/select","./data/array","./data/ajax","./data/tags","./data/tokenizer","./data/minimumInputLength","./data/maximumInputLength","./data/maximumSelectionLength","./dropdown","./dropdown/search","./dropdown/hidePlaceholder","./dropdown/infiniteScroll","./dropdown/attachBody","./dropdown/minimumResultsForSearch","./dropdown/selectOnClose","./dropdown/closeOnSelect","./dropdown/dropdownCss","./dropdown/tagsSearchHighlight","./i18n/en"],function(l,r,o,a,c,u,d,p,h,f,g,t,m,y,v,_,b,$,w,x,A,D,S,E,O,C,L,T,q,I,e){function n(){this.reset()}return n.prototype.apply=function(e){var t;null==(e=l.extend(!0,{},this.defaults,e)).dataAdapter&&(null!=e.ajax?e.dataAdapter=v:null!=e.data?e.dataAdapter=y:e.dataAdapter=m,0<e.minimumInputLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,$)),0<e.maximumInputLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,w)),0<e.maximumSelectionLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,x)),e.tags&&(e.dataAdapter=f.Decorate(e.dataAdapter,_)),null==e.tokenSeparators&&null==e.tokenizer||(e.dataAdapter=f.Decorate(e.dataAdapter,b))),null==e.resultsAdapter&&(e.resultsAdapter=r,null!=e.ajax&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,E)),null!=e.placeholder&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,S)),e.selectOnClose&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,L)),e.tags&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,I))),null==e.dropdownAdapter&&(e.multiple?e.dropdownAdapter=A:(t=f.Decorate(A,D),e.dropdownAdapter=t),0!==e.minimumResultsForSearch&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,C)),e.closeOnSelect&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,T)),null!=e.dropdownCssClass&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,q)),e.dropdownAdapter=f.Decorate(e.dropdownAdapter,O)),null==e.selectionAdapter&&(e.multiple?e.selectionAdapter=a:e.selectionAdapter=o,null!=e.placeholder&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,c)),e.allowClear&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,u)),e.multiple&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,d)),null!=e.selectionCssClass&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,p)),e.selectionAdapter=f.Decorate(e.selectionAdapter,h)),e.language=this._resolveLanguage(e.language),e.language.push("en");for(var n=[],s=0;s<e.language.length;s++){var i=e.language[s];-1===n.indexOf(i)&&n.push(i)}return e.language=n,e.translations=this._processTranslations(e.language,e.debug),e},n.prototype.reset=function(){function a(e){return e.replace(/[^\u0000-\u007E]/g,function(e){return t[e]||e})}this.defaults={amdLanguageBase:"./i18n/",autocomplete:"off",closeOnSelect:!0,debug:!1,dropdownAutoWidth:!1,escapeMarkup:f.escapeMarkup,language:{},matcher:function e(t,n){if(null==t.term||""===t.term.trim())return n;if(n.children&&0<n.children.length){for(var s=l.extend(!0,{},n),i=n.children.length-1;0<=i;i--)null==e(t,n.children[i])&&s.children.splice(i,1);return 0<s.children.length?s:e(t,s)}var r=a(n.text).toUpperCase(),o=a(t.term).toUpperCase();return-1<r.indexOf(o)?n:null},minimumInputLength:0,maximumInputLength:0,maximumSelectionLength:0,minimumResultsForSearch:0,selectOnClose:!1,scrollAfterSelect:!1,sorter:function(e){return e},templateResult:function(e){return e.text},templateSelection:function(e){return e.text},theme:"default",width:"resolve"}},n.prototype.applyFromElement=function(e,t){var n=e.language,s=this.defaults.language,i=t.prop("lang"),t=t.closest("[lang]").prop("lang"),t=Array.prototype.concat.call(this._resolveLanguage(i),this._resolveLanguage(n),this._resolveLanguage(s),this._resolveLanguage(t));return e.language=t,e},n.prototype._resolveLanguage=function(e){if(!e)return[];if(l.isEmptyObject(e))return[];if(l.isPlainObject(e))return[e];for(var t,n=Array.isArray(e)?e:[e],s=[],i=0;i<n.length;i++)s.push(n[i]),"string"==typeof n[i]&&0<n[i].indexOf("-")&&(t=n[i].split("-")[0],s.push(t));return s},n.prototype._processTranslations=function(e,t){for(var n=new g,s=0;s<e.length;s++){var i=new g,r=e[s];if("string"==typeof r)try{i=g.loadPath(r)}catch(e){try{r=this.defaults.amdLanguageBase+r,i=g.loadPath(r)}catch(e){t&&window.console&&console.warn&&console.warn('Select2: The language file for "'+r+'" could not be automatically loaded. A fallback will be used instead.')}}else i=l.isPlainObject(r)?new g(r):r;n.extend(i)}return n},n.prototype.set=function(e,t){var n={};n[l.camelCase(e)]=t;n=f._convertData(n);l.extend(!0,this.defaults,n)},new n}),u.define("select2/options",["jquery","./defaults","./utils"],function(c,n,u){function e(e,t){this.options=e,null!=t&&this.fromElement(t),null!=t&&(this.options=n.applyFromElement(this.options,t)),this.options=n.apply(this.options)}return e.prototype.fromElement=function(e){var t=["select2"];null==this.options.multiple&&(this.options.multiple=e.prop("multiple")),null==this.options.disabled&&(this.options.disabled=e.prop("disabled")),null==this.options.autocomplete&&e.prop("autocomplete")&&(this.options.autocomplete=e.prop("autocomplete")),null==this.options.dir&&(e.prop("dir")?this.options.dir=e.prop("dir"):e.closest("[dir]").prop("dir")?this.options.dir=e.closest("[dir]").prop("dir"):this.options.dir="ltr"),e.prop("disabled",this.options.disabled),e.prop("multiple",this.options.multiple),u.GetData(e[0],"select2Tags")&&(this.options.debug&&window.console&&console.warn&&console.warn('Select2: The `data-select2-tags` attribute has been changed to use the `data-data` and `data-tags="true"` attributes and will be removed in future versions of Select2.'),u.StoreData(e[0],"data",u.GetData(e[0],"select2Tags")),u.StoreData(e[0],"tags",!0)),u.GetData(e[0],"ajaxUrl")&&(this.options.debug&&window.console&&console.warn&&console.warn("Select2: The `data-ajax-url` attribute has been changed to `data-ajax--url` and support for the old attribute will be removed in future versions of Select2."),e.attr("ajax--url",u.GetData(e[0],"ajaxUrl")),u.StoreData(e[0],"ajax-Url",u.GetData(e[0],"ajaxUrl")));var n={};function s(e,t){return t.toUpperCase()}for(var i=0;i<e[0].attributes.length;i++){var r=e[0].attributes[i].name,o="data-";r.substr(0,o.length)==o&&(r=r.substring(o.length),o=u.GetData(e[0],r),n[r.replace(/-([a-z])/g,s)]=o)}c.fn.jquery&&"1."==c.fn.jquery.substr(0,2)&&e[0].dataset&&(n=c.extend(!0,{},e[0].dataset,n));var a,l=c.extend(!0,{},u.GetData(e[0]),n);for(a in l=u._convertData(l))-1<t.indexOf(a)||(c.isPlainObject(this.options[a])?c.extend(this.options[a],l[a]):this.options[a]=l[a]);return this},e.prototype.get=function(e){return this.options[e]},e.prototype.set=function(e,t){this.options[e]=t},e}),u.define("select2/core",["jquery","./options","./utils","./keys"],function(t,i,r,s){var o=function(e,t){null!=r.GetData(e[0],"select2")&&r.GetData(e[0],"select2").destroy(),this.$element=e,this.id=this._generateId(e),t=t||{},this.options=new i(t,e),o.__super__.constructor.call(this);var n=e.attr("tabindex")||0;r.StoreData(e[0],"old-tabindex",n),e.attr("tabindex","-1");t=this.options.get("dataAdapter");this.dataAdapter=new t(e,this.options);n=this.render();this._placeContainer(n);t=this.options.get("selectionAdapter");this.selection=new t(e,this.options),this.$selection=this.selection.render(),this.selection.position(this.$selection,n);t=this.options.get("dropdownAdapter");this.dropdown=new t(e,this.options),this.$dropdown=this.dropdown.render(),this.dropdown.position(this.$dropdown,n);n=this.options.get("resultsAdapter");this.results=new n(e,this.options,this.dataAdapter),this.$results=this.results.render(),this.results.position(this.$results,this.$dropdown);var s=this;this._bindAdapters(),this._registerDomEvents(),this._registerDataEvents(),this._registerSelectionEvents(),this._registerDropdownEvents(),this._registerResultsEvents(),this._registerEvents(),this.dataAdapter.current(function(e){s.trigger("selection:update",{data:e})}),e[0].classList.add("select2-hidden-accessible"),e.attr("aria-hidden","true"),this._syncAttributes(),r.StoreData(e[0],"select2",this),e.data("select2",this)};return r.Extend(o,r.Observable),o.prototype._generateId=function(e){return"select2-"+(null!=e.attr("id")?e.attr("id"):null!=e.attr("name")?e.attr("name")+"-"+r.generateChars(2):r.generateChars(4)).replace(/(:|\.|\[|\]|,)/g,"")},o.prototype._placeContainer=function(e){e.insertAfter(this.$element);var t=this._resolveWidth(this.$element,this.options.get("width"));null!=t&&e.css("width",t)},o.prototype._resolveWidth=function(e,t){var n=/^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;if("resolve"==t){var s=this._resolveWidth(e,"style");return null!=s?s:this._resolveWidth(e,"element")}if("element"==t){s=e.outerWidth(!1);return s<=0?"auto":s+"px"}if("style"!=t)return"computedstyle"!=t?t:window.getComputedStyle(e[0]).width;e=e.attr("style");if("string"!=typeof e)return null;for(var i=e.split(";"),r=0,o=i.length;r<o;r+=1){var a=i[r].replace(/\s/g,"").match(n);if(null!==a&&1<=a.length)return a[1]}return null},o.prototype._bindAdapters=function(){this.dataAdapter.bind(this,this.$container),this.selection.bind(this,this.$container),this.dropdown.bind(this,this.$container),this.results.bind(this,this.$container)},o.prototype._registerDomEvents=function(){var t=this;this.$element.on("change.select2",function(){t.dataAdapter.current(function(e){t.trigger("selection:update",{data:e})})}),this.$element.on("focus.select2",function(e){t.trigger("focus",e)}),this._syncA=r.bind(this._syncAttributes,this),this._syncS=r.bind(this._syncSubtree,this),this._observer=new window.MutationObserver(function(e){t._syncA(),t._syncS(e)}),this._observer.observe(this.$element[0],{attributes:!0,childList:!0,subtree:!1})},o.prototype._registerDataEvents=function(){var n=this;this.dataAdapter.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerSelectionEvents=function(){var n=this,s=["toggle","focus"];this.selection.on("toggle",function(){n.toggleDropdown()}),this.selection.on("focus",function(e){n.focus(e)}),this.selection.on("*",function(e,t){-1===s.indexOf(e)&&n.trigger(e,t)})},o.prototype._registerDropdownEvents=function(){var n=this;this.dropdown.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerResultsEvents=function(){var n=this;this.results.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerEvents=function(){var n=this;this.on("open",function(){n.$container[0].classList.add("select2-container--open")}),this.on("close",function(){n.$container[0].classList.remove("select2-container--open")}),this.on("enable",function(){n.$container[0].classList.remove("select2-container--disabled")}),this.on("disable",function(){n.$container[0].classList.add("select2-container--disabled")}),this.on("blur",function(){n.$container[0].classList.remove("select2-container--focus")}),this.on("query",function(t){n.isOpen()||n.trigger("open",{}),this.dataAdapter.query(t,function(e){n.trigger("results:all",{data:e,query:t})})}),this.on("query:append",function(t){this.dataAdapter.query(t,function(e){n.trigger("results:append",{data:e,query:t})})}),this.on("keypress",function(e){var t=e.which;n.isOpen()?t===s.ESC||t===s.UP&&e.altKey?(n.close(e),e.preventDefault()):t===s.ENTER||t===s.TAB?(n.trigger("results:select",{}),e.preventDefault()):t===s.SPACE&&e.ctrlKey?(n.trigger("results:toggle",{}),e.preventDefault()):t===s.UP?(n.trigger("results:previous",{}),e.preventDefault()):t===s.DOWN&&(n.trigger("results:next",{}),e.preventDefault()):(t===s.ENTER||t===s.SPACE||t===s.DOWN&&e.altKey)&&(n.open(),e.preventDefault())})},o.prototype._syncAttributes=function(){this.options.set("disabled",this.$element.prop("disabled")),this.isDisabled()?(this.isOpen()&&this.close(),this.trigger("disable",{})):this.trigger("enable",{})},o.prototype._isChangeMutation=function(e){var t=this;if(e.addedNodes&&0<e.addedNodes.length){for(var n=0;n<e.addedNodes.length;n++)if(e.addedNodes[n].selected)return!0}else{if(e.removedNodes&&0<e.removedNodes.length)return!0;if(Array.isArray(e))return e.some(function(e){return t._isChangeMutation(e)})}return!1},o.prototype._syncSubtree=function(e){var e=this._isChangeMutation(e),t=this;e&&this.dataAdapter.current(function(e){t.trigger("selection:update",{data:e})})},o.prototype.trigger=function(e,t){var n=o.__super__.trigger,s={open:"opening",close:"closing",select:"selecting",unselect:"unselecting",clear:"clearing"};if(void 0===t&&(t={}),e in s){var i=s[e],s={prevented:!1,name:e,args:t};if(n.call(this,i,s),s.prevented)return void(t.prevented=!0)}n.call(this,e,t)},o.prototype.toggleDropdown=function(){this.isDisabled()||(this.isOpen()?this.close():this.open())},o.prototype.open=function(){this.isOpen()||this.isDisabled()||this.trigger("query",{})},o.prototype.close=function(e){this.isOpen()&&this.trigger("close",{originalEvent:e})},o.prototype.isEnabled=function(){return!this.isDisabled()},o.prototype.isDisabled=function(){return this.options.get("disabled")},o.prototype.isOpen=function(){return this.$container[0].classList.contains("select2-container--open")},o.prototype.hasFocus=function(){return this.$container[0].classList.contains("select2-container--focus")},o.prototype.focus=function(e){this.hasFocus()||(this.$container[0].classList.add("select2-container--focus"),this.trigger("focus",{}))},o.prototype.enable=function(e){this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("enable")` method has been deprecated and will be removed in later Select2 versions. Use $element.prop("disabled") instead.');e=!(e=null==e||0===e.length?[!0]:e)[0];this.$element.prop("disabled",e)},o.prototype.data=function(){this.options.get("debug")&&0<arguments.length&&window.console&&console.warn&&console.warn('Select2: Data can no longer be set using `select2("data")`. You should consider setting the value instead using `$element.val()`.');var t=[];return this.dataAdapter.current(function(e){t=e}),t},o.prototype.val=function(e){if(this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("val")` method has been deprecated and will be removed in later Select2 versions. Use $element.val() instead.'),null==e||0===e.length)return this.$element.val();e=e[0];Array.isArray(e)&&(e=e.map(function(e){return e.toString()})),this.$element.val(e).trigger("input").trigger("change")},o.prototype.destroy=function(){r.RemoveData(this.$container[0]),this.$container.remove(),this._observer.disconnect(),this._observer=null,this._syncA=null,this._syncS=null,this.$element.off(".select2"),this.$element.attr("tabindex",r.GetData(this.$element[0],"old-tabindex")),this.$element[0].classList.remove("select2-hidden-accessible"),this.$element.attr("aria-hidden","false"),r.RemoveData(this.$element[0]),this.$element.removeData("select2"),this.dataAdapter.destroy(),this.selection.destroy(),this.dropdown.destroy(),this.results.destroy(),this.dataAdapter=null,this.selection=null,this.dropdown=null,this.results=null},o.prototype.render=function(){var e=t('<span class="select2 select2-container"><span class="selection"></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>');return e.attr("dir",this.options.get("dir")),this.$container=e,this.$container[0].classList.add("select2-container--"+this.options.get("theme")),r.StoreData(e[0],"element",this.$element),e},o}),u.define("jquery-mousewheel",["jquery"],function(e){return e}),u.define("jquery.select2",["jquery","jquery-mousewheel","./select2/core","./select2/defaults","./select2/utils"],function(i,e,r,t,o){var a;return null==i.fn.select2&&(a=["open","close","destroy"],i.fn.select2=function(t){if("object"==typeof(t=t||{}))return this.each(function(){var e=i.extend(!0,{},t);new r(i(this),e)}),this;if("string"!=typeof t)throw new Error("Invalid arguments for Select2: "+t);var n,s=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=o.GetData(this,"select2");null==e&&window.console&&console.error&&console.error("The select2('"+t+"') method was called on an element that is not using Select2."),n=e[t].apply(e,s)}),-1<a.indexOf(t)?this:n}),null==i.fn.select2.defaults&&(i.fn.select2.defaults=t),r}),{define:u.define,require:u.require});function b(e,t){return i.call(e,t)}function l(e,t){var n,s,i,r,o,a,l,c,u,d,p=t&&t.split("/"),h=y.map,f=h&&h["*"]||{};if(e){for(t=(e=e.split("/")).length-1,y.nodeIdCompat&&_.test(e[t])&&(e[t]=e[t].replace(_,"")),"."===e[0].charAt(0)&&p&&(e=p.slice(0,p.length-1).concat(e)),c=0;c<e.length;c++)"."===(d=e[c])?(e.splice(c,1),--c):".."===d&&(0===c||1===c&&".."===e[2]||".."===e[c-1]||0<c&&(e.splice(c-1,2),c-=2));e=e.join("/")}if((p||f)&&h){for(c=(n=e.split("/")).length;0<c;--c){if(s=n.slice(0,c).join("/"),p)for(u=p.length;0<u;--u)if(i=h[p.slice(0,u).join("/")],i=i&&i[s]){r=i,o=c;break}if(r)break;!a&&f&&f[s]&&(a=f[s],l=c)}!r&&a&&(r=a,o=l),r&&(n.splice(0,o,r),e=n.join("/"))}return e}function w(t,n){return function(){var e=a.call(arguments,0);return"string"!=typeof e[0]&&1===e.length&&e.push(null),o.apply(p,e.concat([t,n]))}}function x(e){var t;if(b(m,e)&&(t=m[e],delete m[e],v[e]=!0,r.apply(p,t)),!b(g,e)&&!b(v,e))throw new Error("No "+e);return g[e]}function c(e){var t,n=e?e.indexOf("!"):-1;return-1<n&&(t=e.substring(0,n),e=e.substring(n+1,e.length)),[t,e]}function A(e){return e?c(e):[]}var u=s.require("jquery.select2");return t.fn.select2.amd=s,u});
+    $('#manager_id').select2()
+    $('#members_id').select2()
+    $('#status_id').select2()
+
+    function getCookie(name) {
+      let cookieValue = null;
+      if (document.cookie && document.cookie !== "") {
+        const cookies = document.cookie.split(";");
+        for (let i = 0; i < cookies.length; i++) {
+          const cookie = cookies[i].trim();
+          if (cookie.substring(0, name.length + 1) === name + "=") {
+            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+            break;
+          }
+        }
+      }
+      return cookieValue;
+    }
+    $("#id_project_timesheet").submit(function (e) {
+      e.preventDefault();
+      var formData = $(this).serialize();
+      formData["csrfmiddlewaretoken"] = getCookie("csrftoken");
+      var createProjectUrl = "/project/create-project-time-sheet";
+      $.ajax({
+        type: "post",
+        url: createProjectUrl,
+        data: formData,
+        beforeSend: function () {
+          $(".errorlist").remove();
+        },
+        success: function (data) {
+          if (data.errors) {
+            // Handle form errors
+            var errors = JSON.parse(data.errors);
+            for (const key in errors) {    
+              // Create a new error list element
+              var errorElement = $("<ul class='errorlist'></ul>");
+              for (const error of errors[key]) {
+                // Extract the error message from the error object
+                var errorMessage = error.message;
+                var errorListItem = $(`<li>${errorMessage}</li>`);
+                errorElement.append(errorListItem);
+              }
+    
+              // Insert the error list before the corresponding field label
+              $(`#ProjectModal [for=id_${key}]`).before(errorElement);
+            }
+          } else {
+            // Form submitted successfully, handle the response data
+            var newOption = $("<option></option>")
+              .val(data.id)
+              .text(data.name);
+            $("#id_project option[value='create_new_project']").before(newOption);
+            $("#id_project").val(data.id).trigger("change");
+            // Close the second modal and reset the form
+            $('#ProjectModal').removeClass('oh-modal--show');
+            document.project_timesheet_form.reset();
+          }
+        },
+      });
+    });
+  });
+</script>
\ No newline at end of file
diff --git a/project/templates/time_sheet/form_task_time_sheet.html b/project/templates/time_sheet/form_task_time_sheet.html
new file mode 100644
index 000000000..04e0ea5a2
--- /dev/null
+++ b/project/templates/time_sheet/form_task_time_sheet.html
@@ -0,0 +1,110 @@
+{% load i18n %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5>{% trans "Task" %}</h5>
+    <br />
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#TaskFormTarget"
+    onclick="$('#TaskModal').removeClass('oh-modal--show');"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+  <form onsubmit="event.preventDefault()" id="id_task_timesheet" name="task_timesheet_form">
+    {% csrf_token %} {{ form.as_p }}
+    <div class="oh-modal__dialog-footer">
+      <button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
+        {% trans "Save" %}
+      </button>
+    </div>
+  </form>
+</div>
+<script>
+    $(document).ready(function (e) {
+!function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(e,t){return void 0===t&&(t="undefined"!=typeof window?require("jquery"):require("jquery")(e)),n(t),t}:n(jQuery)}(function(t){var e,n,s,p,r,o,h,f,g,m,y,v,i,a,_,s=((u=t&&t.fn&&t.fn.select2&&t.fn.select2.amd?t.fn.select2.amd:u)&&u.requirejs||(u?n=u:u={},g={},m={},y={},v={},i=Object.prototype.hasOwnProperty,a=[].slice,_=/\.js$/,h=function(e,t){var n,s,i=c(e),r=i[0],t=t[1];return e=i[1],r&&(n=x(r=l(r,t))),r?e=n&&n.normalize?n.normalize(e,(s=t,function(e){return l(e,s)})):l(e,t):(r=(i=c(e=l(e,t)))[0],e=i[1],r&&(n=x(r))),{f:r?r+"!"+e:e,n:e,pr:r,p:n}},f={require:function(e){return w(e)},exports:function(e){var t=g[e];return void 0!==t?t:g[e]={}},module:function(e){return{id:e,uri:"",exports:g[e],config:(t=e,function(){return y&&y.config&&y.config[t]||{}})};var t}},r=function(e,t,n,s){var i,r,o,a,l,c=[],u=typeof n,d=A(s=s||e);if("undefined"==u||"function"==u){for(t=!t.length&&n.length?["require","exports","module"]:t,a=0;a<t.length;a+=1)if("require"===(r=(o=h(t[a],d)).f))c[a]=f.require(e);else if("exports"===r)c[a]=f.exports(e),l=!0;else if("module"===r)i=c[a]=f.module(e);else if(b(g,r)||b(m,r)||b(v,r))c[a]=x(r);else{if(!o.p)throw new Error(e+" missing "+r);o.p.load(o.n,w(s,!0),function(t){return function(e){g[t]=e}}(r),{}),c[a]=g[r]}u=n?n.apply(g[e],c):void 0,e&&(i&&i.exports!==p&&i.exports!==g[e]?g[e]=i.exports:u===p&&l||(g[e]=u))}else e&&(g[e]=n)},e=n=o=function(e,t,n,s,i){if("string"==typeof e)return f[e]?f[e](t):x(h(e,A(t)).f);if(!e.splice){if((y=e).deps&&o(y.deps,y.callback),!t)return;t.splice?(e=t,t=n,n=null):e=p}return t=t||function(){},"function"==typeof n&&(n=s,s=i),s?r(p,e,t,n):setTimeout(function(){r(p,e,t,n)},4),o},o.config=function(e){return o(e)},e._defined=g,(s=function(e,t,n){if("string"!=typeof e)throw new Error("See almond README: incorrect module build, no module name");t.splice||(n=t,t=[]),b(g,e)||b(m,e)||(m[e]=[e,t,n])}).amd={jQuery:!0},u.requirejs=e,u.require=n,u.define=s),u.define("almond",function(){}),u.define("jquery",[],function(){var e=t||$;return null==e&&console&&console.error&&console.error("Select2: An instance of jQuery or a jQuery-compatible library was not found. Make sure that you are including jQuery before Select2 on your web page."),e}),u.define("select2/utils",["jquery"],function(r){var s={};function c(e){var t,n=e.prototype,s=[];for(t in n)"function"==typeof n[t]&&"constructor"!==t&&s.push(t);return s}s.Extend=function(e,t){var n,s={}.hasOwnProperty;function i(){this.constructor=e}for(n in t)s.call(t,n)&&(e[n]=t[n]);return i.prototype=t.prototype,e.prototype=new i,e.__super__=t.prototype,e},s.Decorate=function(s,i){var e=c(i),t=c(s);function r(){var e=Array.prototype.unshift,t=i.prototype.constructor.length,n=s.prototype.constructor;0<t&&(e.call(arguments,s.prototype.constructor),n=i.prototype.constructor),n.apply(this,arguments)}i.displayName=s.displayName,r.prototype=new function(){this.constructor=r};for(var n=0;n<t.length;n++){var o=t[n];r.prototype[o]=s.prototype[o]}for(var a=0;a<e.length;a++){var l=e[a];r.prototype[l]=function(e){var t=function(){};e in r.prototype&&(t=r.prototype[e]);var n=i.prototype[e];return function(){return Array.prototype.unshift.call(arguments,t),n.apply(this,arguments)}}(l)}return r};function e(){this.listeners={}}e.prototype.on=function(e,t){this.listeners=this.listeners||{},e in this.listeners?this.listeners[e].push(t):this.listeners[e]=[t]},e.prototype.trigger=function(e){var t=Array.prototype.slice,n=t.call(arguments,1);this.listeners=this.listeners||{},0===(n=null==n?[]:n).length&&n.push({}),(n[0]._type=e)in this.listeners&&this.invoke(this.listeners[e],t.call(arguments,1)),"*"in this.listeners&&this.invoke(this.listeners["*"],arguments)},e.prototype.invoke=function(e,t){for(var n=0,s=e.length;n<s;n++)e[n].apply(this,t)},s.Observable=e,s.generateChars=function(e){for(var t="",n=0;n<e;n++)t+=Math.floor(36*Math.random()).toString(36);return t},s.bind=function(e,t){return function(){e.apply(t,arguments)}},s._convertData=function(e){for(var t in e){var n=t.split("-"),s=e;if(1!==n.length){for(var i=0;i<n.length;i++){var r=n[i];(r=r.substring(0,1).toLowerCase()+r.substring(1))in s||(s[r]={}),i==n.length-1&&(s[r]=e[t]),s=s[r]}delete e[t]}}return e},s.hasScroll=function(e,t){var n=r(t),s=t.style.overflowX,i=t.style.overflowY;return(s!==i||"hidden"!==i&&"visible"!==i)&&("scroll"===s||"scroll"===i||(n.innerHeight()<t.scrollHeight||n.innerWidth()<t.scrollWidth))},s.escapeMarkup=function(e){var t={"\\":"&#92;","&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#47;"};return"string"!=typeof e?e:String(e).replace(/[&<>"'\/\\]/g,function(e){return t[e]})},s.__cache={};var n=0;return s.GetUniqueElementId=function(e){var t=e.getAttribute("data-select2-id");return null!=t||(t=e.id?"select2-data-"+e.id:"select2-data-"+(++n).toString()+"-"+s.generateChars(4),e.setAttribute("data-select2-id",t)),t},s.StoreData=function(e,t,n){e=s.GetUniqueElementId(e);s.__cache[e]||(s.__cache[e]={}),s.__cache[e][t]=n},s.GetData=function(e,t){var n=s.GetUniqueElementId(e);return t?s.__cache[n]&&null!=s.__cache[n][t]?s.__cache[n][t]:r(e).data(t):s.__cache[n]},s.RemoveData=function(e){var t=s.GetUniqueElementId(e);null!=s.__cache[t]&&delete s.__cache[t],e.removeAttribute("data-select2-id")},s.copyNonInternalCssClasses=function(e,t){var n=(n=e.getAttribute("class").trim().split(/\s+/)).filter(function(e){return 0===e.indexOf("select2-")}),t=(t=t.getAttribute("class").trim().split(/\s+/)).filter(function(e){return 0!==e.indexOf("select2-")}),t=n.concat(t);e.setAttribute("class",t.join(" "))},s}),u.define("select2/results",["jquery","./utils"],function(d,p){function s(e,t,n){this.$element=e,this.data=n,this.options=t,s.__super__.constructor.call(this)}return p.Extend(s,p.Observable),s.prototype.render=function(){var e=d('<ul class="select2-results__options" role="listbox"></ul>');return this.options.get("multiple")&&e.attr("aria-multiselectable","true"),this.$results=e},s.prototype.clear=function(){this.$results.empty()},s.prototype.displayMessage=function(e){var t=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var n=d('<li role="alert" aria-live="assertive" class="select2-results__option"></li>'),s=this.options.get("translations").get(e.message);n.append(t(s(e.args))),n[0].className+=" select2-results__message",this.$results.append(n)},s.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},s.prototype.append=function(e){this.hideLoading();var t=[];if(null!=e.results&&0!==e.results.length){e.results=this.sort(e.results);for(var n=0;n<e.results.length;n++){var s=e.results[n],s=this.option(s);t.push(s)}this.$results.append(t)}else 0===this.$results.children().length&&this.trigger("results:message",{message:"noResults"})},s.prototype.position=function(e,t){t.find(".select2-results").append(e)},s.prototype.sort=function(e){return this.options.get("sorter")(e)},s.prototype.highlightFirstItem=function(){var e=this.$results.find(".select2-results__option--selectable"),t=e.filter(".select2-results__option--selected");(0<t.length?t:e).first().trigger("mouseenter"),this.ensureHighlightVisible()},s.prototype.setClasses=function(){var t=this;this.data.current(function(e){var s=e.map(function(e){return e.id.toString()});t.$results.find(".select2-results__option--selectable").each(function(){var e=d(this),t=p.GetData(this,"data"),n=""+t.id;null!=t.element&&t.element.selected||null==t.element&&-1<s.indexOf(n)?(this.classList.add("select2-results__option--selected"),e.attr("aria-selected","true")):(this.classList.remove("select2-results__option--selected"),e.attr("aria-selected","false"))})})},s.prototype.showLoading=function(e){this.hideLoading();e={disabled:!0,loading:!0,text:this.options.get("translations").get("searching")(e)},e=this.option(e);e.className+=" loading-results",this.$results.prepend(e)},s.prototype.hideLoading=function(){this.$results.find(".loading-results").remove()},s.prototype.option=function(e){var t=document.createElement("li");t.classList.add("select2-results__option"),t.classList.add("select2-results__option--selectable");var n,s={role:"option"},i=window.Element.prototype.matches||window.Element.prototype.msMatchesSelector||window.Element.prototype.webkitMatchesSelector;for(n in(null!=e.element&&i.call(e.element,":disabled")||null==e.element&&e.disabled)&&(s["aria-disabled"]="true",t.classList.remove("select2-results__option--selectable"),t.classList.add("select2-results__option--disabled")),null==e.id&&t.classList.remove("select2-results__option--selectable"),null!=e._resultId&&(t.id=e._resultId),e.title&&(t.title=e.title),e.children&&(s.role="group",s["aria-label"]=e.text,t.classList.remove("select2-results__option--selectable"),t.classList.add("select2-results__option--group")),s){var r=s[n];t.setAttribute(n,r)}if(e.children){var o=d(t),a=document.createElement("strong");a.className="select2-results__group",this.template(e,a);for(var l=[],c=0;c<e.children.length;c++){var u=e.children[c],u=this.option(u);l.push(u)}i=d("<ul></ul>",{class:"select2-results__options select2-results__options--nested",role:"none"});i.append(l),o.append(a),o.append(i)}else this.template(e,t);return p.StoreData(t,"data",e),t},s.prototype.bind=function(t,e){var i=this,n=t.id+"-results";this.$results.attr("id",n),t.on("results:all",function(e){i.clear(),i.append(e.data),t.isOpen()&&(i.setClasses(),i.highlightFirstItem())}),t.on("results:append",function(e){i.append(e.data),t.isOpen()&&i.setClasses()}),t.on("query",function(e){i.hideMessages(),i.showLoading(e)}),t.on("select",function(){t.isOpen()&&(i.setClasses(),i.options.get("scrollAfterSelect")&&i.highlightFirstItem())}),t.on("unselect",function(){t.isOpen()&&(i.setClasses(),i.options.get("scrollAfterSelect")&&i.highlightFirstItem())}),t.on("open",function(){i.$results.attr("aria-expanded","true"),i.$results.attr("aria-hidden","false"),i.setClasses(),i.ensureHighlightVisible()}),t.on("close",function(){i.$results.attr("aria-expanded","false"),i.$results.attr("aria-hidden","true"),i.$results.removeAttr("aria-activedescendant")}),t.on("results:toggle",function(){var e=i.getHighlightedResults();0!==e.length&&e.trigger("mouseup")}),t.on("results:select",function(){var e,t=i.getHighlightedResults();0!==t.length&&(e=p.GetData(t[0],"data"),t.hasClass("select2-results__option--selected")?i.trigger("close",{}):i.trigger("select",{data:e}))}),t.on("results:previous",function(){var e,t=i.getHighlightedResults(),n=i.$results.find(".select2-results__option--selectable"),s=n.index(t);s<=0||(e=s-1,0===t.length&&(e=0),(s=n.eq(e)).trigger("mouseenter"),t=i.$results.offset().top,n=s.offset().top,s=i.$results.scrollTop()+(n-t),0===e?i.$results.scrollTop(0):n-t<0&&i.$results.scrollTop(s))}),t.on("results:next",function(){var e,t=i.getHighlightedResults(),n=i.$results.find(".select2-results__option--selectable"),s=n.index(t)+1;s>=n.length||((e=n.eq(s)).trigger("mouseenter"),t=i.$results.offset().top+i.$results.outerHeight(!1),n=e.offset().top+e.outerHeight(!1),e=i.$results.scrollTop()+n-t,0===s?i.$results.scrollTop(0):t<n&&i.$results.scrollTop(e))}),t.on("results:focus",function(e){e.element[0].classList.add("select2-results__option--highlighted"),e.element[0].setAttribute("aria-selected","true")}),t.on("results:message",function(e){i.displayMessage(e)}),d.fn.mousewheel&&this.$results.on("mousewheel",function(e){var t=i.$results.scrollTop(),n=i.$results.get(0).scrollHeight-t+e.deltaY,t=0<e.deltaY&&t-e.deltaY<=0,n=e.deltaY<0&&n<=i.$results.height();t?(i.$results.scrollTop(0),e.preventDefault(),e.stopPropagation()):n&&(i.$results.scrollTop(i.$results.get(0).scrollHeight-i.$results.height()),e.preventDefault(),e.stopPropagation())}),this.$results.on("mouseup",".select2-results__option--selectable",function(e){var t=d(this),n=p.GetData(this,"data");t.hasClass("select2-results__option--selected")?i.options.get("multiple")?i.trigger("unselect",{originalEvent:e,data:n}):i.trigger("close",{}):i.trigger("select",{originalEvent:e,data:n})}),this.$results.on("mouseenter",".select2-results__option--selectable",function(e){var t=p.GetData(this,"data");i.getHighlightedResults().removeClass("select2-results__option--highlighted").attr("aria-selected","false"),i.trigger("results:focus",{data:t,element:d(this)})})},s.prototype.getHighlightedResults=function(){return this.$results.find(".select2-results__option--highlighted")},s.prototype.destroy=function(){this.$results.remove()},s.prototype.ensureHighlightVisible=function(){var e,t,n,s,i=this.getHighlightedResults();0!==i.length&&(e=this.$results.find(".select2-results__option--selectable").index(i),s=this.$results.offset().top,t=i.offset().top,n=this.$results.scrollTop()+(t-s),s=t-s,n-=2*i.outerHeight(!1),e<=2?this.$results.scrollTop(0):(s>this.$results.outerHeight()||s<0)&&this.$results.scrollTop(n))},s.prototype.template=function(e,t){var n=this.options.get("templateResult"),s=this.options.get("escapeMarkup"),e=n(e,t);null==e?t.style.display="none":"string"==typeof e?t.innerHTML=s(e):d(t).append(e)},s}),u.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),u.define("select2/selection/base",["jquery","../utils","../keys"],function(n,s,i){function r(e,t){this.$element=e,this.options=t,r.__super__.constructor.call(this)}return s.Extend(r,s.Observable),r.prototype.render=function(){var e=n('<span class="select2-selection" role="combobox"  aria-haspopup="true" aria-expanded="false"></span>');return this._tabindex=0,null!=s.GetData(this.$element[0],"old-tabindex")?this._tabindex=s.GetData(this.$element[0],"old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),e.attr("title",this.$element.attr("title")),e.attr("tabindex",this._tabindex),e.attr("aria-disabled","false"),this.$selection=e},r.prototype.bind=function(e,t){var n=this,s=e.id+"-results";this.container=e,this.$selection.on("focus",function(e){n.trigger("focus",e)}),this.$selection.on("blur",function(e){n._handleBlur(e)}),this.$selection.on("keydown",function(e){n.trigger("keypress",e),e.which===i.SPACE&&e.preventDefault()}),e.on("results:focus",function(e){n.$selection.attr("aria-activedescendant",e.data._resultId)}),e.on("selection:update",function(e){n.update(e.data)}),e.on("open",function(){n.$selection.attr("aria-expanded","true"),n.$selection.attr("aria-owns",s),n._attachCloseHandler(e)}),e.on("close",function(){n.$selection.attr("aria-expanded","false"),n.$selection.removeAttr("aria-activedescendant"),n.$selection.removeAttr("aria-owns"),n.$selection.trigger("focus"),n._detachCloseHandler(e)}),e.on("enable",function(){n.$selection.attr("tabindex",n._tabindex),n.$selection.attr("aria-disabled","false")}),e.on("disable",function(){n.$selection.attr("tabindex","-1"),n.$selection.attr("aria-disabled","true")})},r.prototype._handleBlur=function(e){var t=this;window.setTimeout(function(){document.activeElement==t.$selection[0]||n.contains(t.$selection[0],document.activeElement)||t.trigger("blur",e)},1)},r.prototype._attachCloseHandler=function(e){n(document.body).on("mousedown.select2."+e.id,function(e){var t=n(e.target).closest(".select2");n(".select2.select2-container--open").each(function(){this!=t[0]&&s.GetData(this,"element").select2("close")})})},r.prototype._detachCloseHandler=function(e){n(document.body).off("mousedown.select2."+e.id)},r.prototype.position=function(e,t){t.find(".selection").append(e)},r.prototype.destroy=function(){this._detachCloseHandler(this.container)},r.prototype.update=function(e){throw new Error("The `update` method must be defined in child classes.")},r.prototype.isEnabled=function(){return!this.isDisabled()},r.prototype.isDisabled=function(){return this.options.get("disabled")},r}),u.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(e,t,n,s){function i(){i.__super__.constructor.apply(this,arguments)}return n.Extend(i,t),i.prototype.render=function(){var e=i.__super__.render.call(this);return e[0].classList.add("select2-selection--single"),e.html('<span class="select2-selection__rendered"></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span>'),e},i.prototype.bind=function(t,e){var n=this;i.__super__.bind.apply(this,arguments);var s=t.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",s).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",s),this.$selection.attr("aria-controls",s),this.$selection.on("mousedown",function(e){1===e.which&&n.trigger("toggle",{originalEvent:e})}),this.$selection.on("focus",function(e){}),this.$selection.on("blur",function(e){}),t.on("focus",function(e){t.isOpen()||n.$selection.trigger("focus")})},i.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},i.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},i.prototype.selectionContainer=function(){return e("<span></span>")},i.prototype.update=function(e){var t,n;0!==e.length?(n=e[0],t=this.$selection.find(".select2-selection__rendered"),e=this.display(n,t),t.empty().append(e),(n=n.title||n.text)?t.attr("title",n):t.removeAttr("title")):this.clear()},i}),u.define("select2/selection/multiple",["jquery","./base","../utils"],function(i,e,c){function r(e,t){r.__super__.constructor.apply(this,arguments)}return c.Extend(r,e),r.prototype.render=function(){var e=r.__super__.render.call(this);return e[0].classList.add("select2-selection--multiple"),e.html('<ul class="select2-selection__rendered"></ul>'),e},r.prototype.bind=function(e,t){var n=this;r.__super__.bind.apply(this,arguments);var s=e.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",s),this.$selection.on("click",function(e){n.trigger("toggle",{originalEvent:e})}),this.$selection.on("click",".select2-selection__choice__remove",function(e){var t;n.isDisabled()||(t=i(this).parent(),t=c.GetData(t[0],"data"),n.trigger("unselect",{originalEvent:e,data:t}))}),this.$selection.on("keydown",".select2-selection__choice__remove",function(e){n.isDisabled()||e.stopPropagation()})},r.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},r.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},r.prototype.selectionContainer=function(){return i('<li class="select2-selection__choice"><button type="button" class="select2-selection__choice__remove" tabindex="-1"><span aria-hidden="true">&times;</span></button><span class="select2-selection__choice__display"></span></li>')},r.prototype.update=function(e){if(this.clear(),0!==e.length){for(var t=[],n=this.$selection.find(".select2-selection__rendered").attr("id")+"-choice-",s=0;s<e.length;s++){var i=e[s],r=this.selectionContainer(),o=this.display(i,r),a=n+c.generateChars(4)+"-";i.id?a+=i.id:a+=c.generateChars(4),r.find(".select2-selection__choice__display").append(o).attr("id",a);var l=i.title||i.text;l&&r.attr("title",l);o=this.options.get("translations").get("removeItem"),l=r.find(".select2-selection__choice__remove");l.attr("title",o()),l.attr("aria-label",o()),l.attr("aria-describedby",a),c.StoreData(r[0],"data",i),t.push(r)}this.$selection.find(".select2-selection__rendered").append(t)}},r}),u.define("select2/selection/placeholder",[],function(){function e(e,t,n){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n)}return e.prototype.normalizePlaceholder=function(e,t){return t="string"==typeof t?{id:"",text:t}:t},e.prototype.createPlaceholder=function(e,t){var n=this.selectionContainer();n.html(this.display(t)),n[0].classList.add("select2-selection__placeholder"),n[0].classList.remove("select2-selection__choice");t=t.title||t.text||n.text();return this.$selection.find(".select2-selection__rendered").attr("title",t),n},e.prototype.update=function(e,t){var n=1==t.length&&t[0].id!=this.placeholder.id;if(1<t.length||n)return e.call(this,t);this.clear();t=this.createPlaceholder(this.placeholder);this.$selection.find(".select2-selection__rendered").append(t)},e}),u.define("select2/selection/allowClear",["jquery","../keys","../utils"],function(i,s,a){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),null==this.placeholder&&this.options.get("debug")&&window.console&&console.error&&console.error("Select2: The `allowClear` option should be used in combination with the `placeholder` option."),this.$selection.on("mousedown",".select2-selection__clear",function(e){s._handleClear(e)}),t.on("keypress",function(e){s._handleKeyboardClear(e,t)})},e.prototype._handleClear=function(e,t){if(!this.isDisabled()){var n=this.$selection.find(".select2-selection__clear");if(0!==n.length){t.stopPropagation();var s=a.GetData(n[0],"data"),i=this.$element.val();this.$element.val(this.placeholder.id);var r={data:s};if(this.trigger("clear",r),r.prevented)this.$element.val(i);else{for(var o=0;o<s.length;o++)if(r={data:s[o]},this.trigger("unselect",r),r.prevented)return void this.$element.val(i);this.$element.trigger("input").trigger("change"),this.trigger("toggle",{})}}}},e.prototype._handleKeyboardClear=function(e,t,n){n.isOpen()||t.which!=s.DELETE&&t.which!=s.BACKSPACE||this._handleClear(t)},e.prototype.update=function(e,t){var n,s;e.call(this,t),this.$selection.find(".select2-selection__clear").remove(),this.$selection[0].classList.remove("select2-selection--clearable"),0<this.$selection.find(".select2-selection__placeholder").length||0===t.length||(n=this.$selection.find(".select2-selection__rendered").attr("id"),s=this.options.get("translations").get("removeAllItems"),(e=i('<button type="button" class="select2-selection__clear" tabindex="-1"><span aria-hidden="true">&times;</span></button>')).attr("title",s()),e.attr("aria-label",s()),e.attr("aria-describedby",n),a.StoreData(e[0],"data",t),this.$selection.prepend(e),this.$selection[0].classList.add("select2-selection--clearable"))},e}),u.define("select2/selection/search",["jquery","../utils","../keys"],function(s,a,l){function e(e,t,n){e.call(this,t,n)}return e.prototype.render=function(e){var t=this.options.get("translations").get("search"),n=s('<span class="select2-search select2-search--inline"><textarea class="select2-search__field" type="search" tabindex="-1" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" ></textarea></span>');this.$searchContainer=n,this.$search=n.find("textarea"),this.$search.prop("autocomplete",this.options.get("autocomplete")),this.$search.attr("aria-label",t());e=e.call(this);return this._transferTabIndex(),e.append(this.$searchContainer),e},e.prototype.bind=function(e,t,n){var s=this,i=t.id+"-results",r=t.id+"-container";e.call(this,t,n),s.$search.attr("aria-describedby",r),t.on("open",function(){s.$search.attr("aria-controls",i),s.$search.trigger("focus")}),t.on("close",function(){s.$search.val(""),s.resizeSearch(),s.$search.removeAttr("aria-controls"),s.$search.removeAttr("aria-activedescendant"),s.$search.trigger("focus")}),t.on("enable",function(){s.$search.prop("disabled",!1),s._transferTabIndex()}),t.on("disable",function(){s.$search.prop("disabled",!0)}),t.on("focus",function(e){s.$search.trigger("focus")}),t.on("results:focus",function(e){e.data._resultId?s.$search.attr("aria-activedescendant",e.data._resultId):s.$search.removeAttr("aria-activedescendant")}),this.$selection.on("focusin",".select2-search--inline",function(e){s.trigger("focus",e)}),this.$selection.on("focusout",".select2-search--inline",function(e){s._handleBlur(e)}),this.$selection.on("keydown",".select2-search--inline",function(e){var t;e.stopPropagation(),s.trigger("keypress",e),s._keyUpPrevented=e.isDefaultPrevented(),e.which!==l.BACKSPACE||""!==s.$search.val()||0<(t=s.$selection.find(".select2-selection__choice").last()).length&&(t=a.GetData(t[0],"data"),s.searchRemoveChoice(t),e.preventDefault())}),this.$selection.on("click",".select2-search--inline",function(e){s.$search.val()&&e.stopPropagation()});var t=document.documentMode,o=t&&t<=11;this.$selection.on("input.searchcheck",".select2-search--inline",function(e){o?s.$selection.off("input.search input.searchcheck"):s.$selection.off("keyup.search")}),this.$selection.on("keyup.search input.search",".select2-search--inline",function(e){var t;o&&"input"===e.type?s.$selection.off("input.search input.searchcheck"):(t=e.which)!=l.SHIFT&&t!=l.CTRL&&t!=l.ALT&&t!=l.TAB&&s.handleSearch(e)})},e.prototype._transferTabIndex=function(e){this.$search.attr("tabindex",this.$selection.attr("tabindex")),this.$selection.attr("tabindex","-1")},e.prototype.createPlaceholder=function(e,t){this.$search.attr("placeholder",t.text)},e.prototype.update=function(e,t){var n=this.$search[0]==document.activeElement;this.$search.attr("placeholder",""),e.call(this,t),this.resizeSearch(),n&&this.$search.trigger("focus")},e.prototype.handleSearch=function(){var e;this.resizeSearch(),this._keyUpPrevented||(e=this.$search.val(),this.trigger("query",{term:e})),this._keyUpPrevented=!1},e.prototype.searchRemoveChoice=function(e,t){this.trigger("unselect",{data:t}),this.$search.val(t.text),this.handleSearch()},e.prototype.resizeSearch=function(){this.$search.css("width","25px");var e="100%";""===this.$search.attr("placeholder")&&(e=.75*(this.$search.val().length+1)+"em"),this.$search.css("width",e)},e}),u.define("select2/selection/selectionCss",["../utils"],function(n){function e(){}return e.prototype.render=function(e){var t=e.call(this),e=this.options.get("selectionCssClass")||"";return-1!==e.indexOf(":all:")&&(e=e.replace(":all:",""),n.copyNonInternalCssClasses(t[0],this.$element[0])),t.addClass(e),t},e}),u.define("select2/selection/eventRelay",["jquery"],function(o){function e(){}return e.prototype.bind=function(e,t,n){var s=this,i=["open","opening","close","closing","select","selecting","unselect","unselecting","clear","clearing"],r=["opening","closing","selecting","unselecting","clearing"];e.call(this,t,n),t.on("*",function(e,t){var n;-1!==i.indexOf(e)&&(t=t||{},n=o.Event("select2:"+e,{params:t}),s.$element.trigger(n),-1!==r.indexOf(e)&&(t.prevented=n.isDefaultPrevented()))})},e}),u.define("select2/translation",["jquery","require"],function(t,n){function s(e){this.dict=e||{}}return s.prototype.all=function(){return this.dict},s.prototype.get=function(e){return this.dict[e]},s.prototype.extend=function(e){this.dict=t.extend({},e.all(),this.dict)},s._cache={},s.loadPath=function(e){var t;return e in s._cache||(t=n(e),s._cache[e]=t),new s(s._cache[e])},s}),u.define("select2/diacritics",[],function(){return{"Ⓐ":"A","Ａ":"A","À":"A","Á":"A","Â":"A","Ầ":"A","Ấ":"A","Ẫ":"A","Ẩ":"A","Ã":"A","Ā":"A","Ă":"A","Ằ":"A","Ắ":"A","Ẵ":"A","Ẳ":"A","Ȧ":"A","Ǡ":"A","Ä":"A","Ǟ":"A","Ả":"A","Å":"A","Ǻ":"A","Ǎ":"A","Ȁ":"A","Ȃ":"A","Ạ":"A","Ậ":"A","Ặ":"A","Ḁ":"A","Ą":"A","Ⱥ":"A","Ɐ":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ⓑ":"B","Ｂ":"B","Ḃ":"B","Ḅ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ɓ":"B","Ⓒ":"C","Ｃ":"C","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","Ç":"C","Ḉ":"C","Ƈ":"C","Ȼ":"C","Ꜿ":"C","Ⓓ":"D","Ｄ":"D","Ḋ":"D","Ď":"D","Ḍ":"D","Ḑ":"D","Ḓ":"D","Ḏ":"D","Đ":"D","Ƌ":"D","Ɗ":"D","Ɖ":"D","Ꝺ":"D","DZ":"DZ","DŽ":"DZ","Dz":"Dz","Dž":"Dz","Ⓔ":"E","Ｅ":"E","È":"E","É":"E","Ê":"E","Ề":"E","Ế":"E","Ễ":"E","Ể":"E","Ẽ":"E","Ē":"E","Ḕ":"E","Ḗ":"E","Ĕ":"E","Ė":"E","Ë":"E","Ẻ":"E","Ě":"E","Ȅ":"E","Ȇ":"E","Ẹ":"E","Ệ":"E","Ȩ":"E","Ḝ":"E","Ę":"E","Ḙ":"E","Ḛ":"E","Ɛ":"E","Ǝ":"E","Ⓕ":"F","Ｆ":"F","Ḟ":"F","Ƒ":"F","Ꝼ":"F","Ⓖ":"G","Ｇ":"G","Ǵ":"G","Ĝ":"G","Ḡ":"G","Ğ":"G","Ġ":"G","Ǧ":"G","Ģ":"G","Ǥ":"G","Ɠ":"G","Ꞡ":"G","Ᵹ":"G","Ꝿ":"G","Ⓗ":"H","Ｈ":"H","Ĥ":"H","Ḣ":"H","Ḧ":"H","Ȟ":"H","Ḥ":"H","Ḩ":"H","Ḫ":"H","Ħ":"H","Ⱨ":"H","Ⱶ":"H","Ɥ":"H","Ⓘ":"I","Ｉ":"I","Ì":"I","Í":"I","Î":"I","Ĩ":"I","Ī":"I","Ĭ":"I","İ":"I","Ï":"I","Ḯ":"I","Ỉ":"I","Ǐ":"I","Ȉ":"I","Ȋ":"I","Ị":"I","Į":"I","Ḭ":"I","Ɨ":"I","Ⓙ":"J","Ｊ":"J","Ĵ":"J","Ɉ":"J","Ⓚ":"K","Ｋ":"K","Ḱ":"K","Ǩ":"K","Ḳ":"K","Ķ":"K","Ḵ":"K","Ƙ":"K","Ⱪ":"K","Ꝁ":"K","Ꝃ":"K","Ꝅ":"K","Ꞣ":"K","Ⓛ":"L","Ｌ":"L","Ŀ":"L","Ĺ":"L","Ľ":"L","Ḷ":"L","Ḹ":"L","Ļ":"L","Ḽ":"L","Ḻ":"L","Ł":"L","Ƚ":"L","Ɫ":"L","Ⱡ":"L","Ꝉ":"L","Ꝇ":"L","Ꞁ":"L","LJ":"LJ","Lj":"Lj","Ⓜ":"M","Ｍ":"M","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ɯ":"M","Ⓝ":"N","Ｎ":"N","Ǹ":"N","Ń":"N","Ñ":"N","Ṅ":"N","Ň":"N","Ṇ":"N","Ņ":"N","Ṋ":"N","Ṉ":"N","Ƞ":"N","Ɲ":"N","Ꞑ":"N","Ꞥ":"N","NJ":"NJ","Nj":"Nj","Ⓞ":"O","Ｏ":"O","Ò":"O","Ó":"O","Ô":"O","Ồ":"O","Ố":"O","Ỗ":"O","Ổ":"O","Õ":"O","Ṍ":"O","Ȭ":"O","Ṏ":"O","Ō":"O","Ṑ":"O","Ṓ":"O","Ŏ":"O","Ȯ":"O","Ȱ":"O","Ö":"O","Ȫ":"O","Ỏ":"O","Ő":"O","Ǒ":"O","Ȍ":"O","Ȏ":"O","Ơ":"O","Ờ":"O","Ớ":"O","Ỡ":"O","Ở":"O","Ợ":"O","Ọ":"O","Ộ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Ɔ":"O","Ɵ":"O","Ꝋ":"O","Ꝍ":"O","Œ":"OE","Ƣ":"OI","Ꝏ":"OO","Ȣ":"OU","Ⓟ":"P","Ｐ":"P","Ṕ":"P","Ṗ":"P","Ƥ":"P","Ᵽ":"P","Ꝑ":"P","Ꝓ":"P","Ꝕ":"P","Ⓠ":"Q","Ｑ":"Q","Ꝗ":"Q","Ꝙ":"Q","Ɋ":"Q","Ⓡ":"R","Ｒ":"R","Ŕ":"R","Ṙ":"R","Ř":"R","Ȑ":"R","Ȓ":"R","Ṛ":"R","Ṝ":"R","Ŗ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꝛ":"R","Ꞧ":"R","Ꞃ":"R","Ⓢ":"S","Ｓ":"S","ẞ":"S","Ś":"S","Ṥ":"S","Ŝ":"S","Ṡ":"S","Š":"S","Ṧ":"S","Ṣ":"S","Ṩ":"S","Ș":"S","Ş":"S","Ȿ":"S","Ꞩ":"S","Ꞅ":"S","Ⓣ":"T","Ｔ":"T","Ṫ":"T","Ť":"T","Ṭ":"T","Ț":"T","Ţ":"T","Ṱ":"T","Ṯ":"T","Ŧ":"T","Ƭ":"T","Ʈ":"T","Ⱦ":"T","Ꞇ":"T","Ꜩ":"TZ","Ⓤ":"U","Ｕ":"U","Ù":"U","Ú":"U","Û":"U","Ũ":"U","Ṹ":"U","Ū":"U","Ṻ":"U","Ŭ":"U","Ü":"U","Ǜ":"U","Ǘ":"U","Ǖ":"U","Ǚ":"U","Ủ":"U","Ů":"U","Ű":"U","Ǔ":"U","Ȕ":"U","Ȗ":"U","Ư":"U","Ừ":"U","Ứ":"U","Ữ":"U","Ử":"U","Ự":"U","Ụ":"U","Ṳ":"U","Ų":"U","Ṷ":"U","Ṵ":"U","Ʉ":"U","Ⓥ":"V","Ｖ":"V","Ṽ":"V","Ṿ":"V","Ʋ":"V","Ꝟ":"V","Ʌ":"V","Ꝡ":"VY","Ⓦ":"W","Ｗ":"W","Ẁ":"W","Ẃ":"W","Ŵ":"W","Ẇ":"W","Ẅ":"W","Ẉ":"W","Ⱳ":"W","Ⓧ":"X","Ｘ":"X","Ẋ":"X","Ẍ":"X","Ⓨ":"Y","Ｙ":"Y","Ỳ":"Y","Ý":"Y","Ŷ":"Y","Ỹ":"Y","Ȳ":"Y","Ẏ":"Y","Ÿ":"Y","Ỷ":"Y","Ỵ":"Y","Ƴ":"Y","Ɏ":"Y","Ỿ":"Y","Ⓩ":"Z","Ｚ":"Z","Ź":"Z","Ẑ":"Z","Ż":"Z","Ž":"Z","Ẓ":"Z","Ẕ":"Z","Ƶ":"Z","Ȥ":"Z","Ɀ":"Z","Ⱬ":"Z","Ꝣ":"Z","ⓐ":"a","ａ":"a","ẚ":"a","à":"a","á":"a","â":"a","ầ":"a","ấ":"a","ẫ":"a","ẩ":"a","ã":"a","ā":"a","ă":"a","ằ":"a","ắ":"a","ẵ":"a","ẳ":"a","ȧ":"a","ǡ":"a","ä":"a","ǟ":"a","ả":"a","å":"a","ǻ":"a","ǎ":"a","ȁ":"a","ȃ":"a","ạ":"a","ậ":"a","ặ":"a","ḁ":"a","ą":"a","ⱥ":"a","ɐ":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ⓑ":"b","ｂ":"b","ḃ":"b","ḅ":"b","ḇ":"b","ƀ":"b","ƃ":"b","ɓ":"b","ⓒ":"c","ｃ":"c","ć":"c","ĉ":"c","ċ":"c","č":"c","ç":"c","ḉ":"c","ƈ":"c","ȼ":"c","ꜿ":"c","ↄ":"c","ⓓ":"d","ｄ":"d","ḋ":"d","ď":"d","ḍ":"d","ḑ":"d","ḓ":"d","ḏ":"d","đ":"d","ƌ":"d","ɖ":"d","ɗ":"d","ꝺ":"d","dz":"dz","dž":"dz","ⓔ":"e","ｅ":"e","è":"e","é":"e","ê":"e","ề":"e","ế":"e","ễ":"e","ể":"e","ẽ":"e","ē":"e","ḕ":"e","ḗ":"e","ĕ":"e","ė":"e","ë":"e","ẻ":"e","ě":"e","ȅ":"e","ȇ":"e","ẹ":"e","ệ":"e","ȩ":"e","ḝ":"e","ę":"e","ḙ":"e","ḛ":"e","ɇ":"e","ɛ":"e","ǝ":"e","ⓕ":"f","ｆ":"f","ḟ":"f","ƒ":"f","ꝼ":"f","ⓖ":"g","ｇ":"g","ǵ":"g","ĝ":"g","ḡ":"g","ğ":"g","ġ":"g","ǧ":"g","ģ":"g","ǥ":"g","ɠ":"g","ꞡ":"g","ᵹ":"g","ꝿ":"g","ⓗ":"h","ｈ":"h","ĥ":"h","ḣ":"h","ḧ":"h","ȟ":"h","ḥ":"h","ḩ":"h","ḫ":"h","ẖ":"h","ħ":"h","ⱨ":"h","ⱶ":"h","ɥ":"h","ƕ":"hv","ⓘ":"i","ｉ":"i","ì":"i","í":"i","î":"i","ĩ":"i","ī":"i","ĭ":"i","ï":"i","ḯ":"i","ỉ":"i","ǐ":"i","ȉ":"i","ȋ":"i","ị":"i","į":"i","ḭ":"i","ɨ":"i","ı":"i","ⓙ":"j","ｊ":"j","ĵ":"j","ǰ":"j","ɉ":"j","ⓚ":"k","ｋ":"k","ḱ":"k","ǩ":"k","ḳ":"k","ķ":"k","ḵ":"k","ƙ":"k","ⱪ":"k","ꝁ":"k","ꝃ":"k","ꝅ":"k","ꞣ":"k","ⓛ":"l","ｌ":"l","ŀ":"l","ĺ":"l","ľ":"l","ḷ":"l","ḹ":"l","ļ":"l","ḽ":"l","ḻ":"l","ſ":"l","ł":"l","ƚ":"l","ɫ":"l","ⱡ":"l","ꝉ":"l","ꞁ":"l","ꝇ":"l","lj":"lj","ⓜ":"m","ｍ":"m","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ɯ":"m","ⓝ":"n","ｎ":"n","ǹ":"n","ń":"n","ñ":"n","ṅ":"n","ň":"n","ṇ":"n","ņ":"n","ṋ":"n","ṉ":"n","ƞ":"n","ɲ":"n","ʼn":"n","ꞑ":"n","ꞥ":"n","nj":"nj","ⓞ":"o","ｏ":"o","ò":"o","ó":"o","ô":"o","ồ":"o","ố":"o","ỗ":"o","ổ":"o","õ":"o","ṍ":"o","ȭ":"o","ṏ":"o","ō":"o","ṑ":"o","ṓ":"o","ŏ":"o","ȯ":"o","ȱ":"o","ö":"o","ȫ":"o","ỏ":"o","ő":"o","ǒ":"o","ȍ":"o","ȏ":"o","ơ":"o","ờ":"o","ớ":"o","ỡ":"o","ở":"o","ợ":"o","ọ":"o","ộ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","ɔ":"o","ꝋ":"o","ꝍ":"o","ɵ":"o","œ":"oe","ƣ":"oi","ȣ":"ou","ꝏ":"oo","ⓟ":"p","ｐ":"p","ṕ":"p","ṗ":"p","ƥ":"p","ᵽ":"p","ꝑ":"p","ꝓ":"p","ꝕ":"p","ⓠ":"q","ｑ":"q","ɋ":"q","ꝗ":"q","ꝙ":"q","ⓡ":"r","ｒ":"r","ŕ":"r","ṙ":"r","ř":"r","ȑ":"r","ȓ":"r","ṛ":"r","ṝ":"r","ŗ":"r","ṟ":"r","ɍ":"r","ɽ":"r","ꝛ":"r","ꞧ":"r","ꞃ":"r","ⓢ":"s","ｓ":"s","ß":"s","ś":"s","ṥ":"s","ŝ":"s","ṡ":"s","š":"s","ṧ":"s","ṣ":"s","ṩ":"s","ș":"s","ş":"s","ȿ":"s","ꞩ":"s","ꞅ":"s","ẛ":"s","ⓣ":"t","ｔ":"t","ṫ":"t","ẗ":"t","ť":"t","ṭ":"t","ț":"t","ţ":"t","ṱ":"t","ṯ":"t","ŧ":"t","ƭ":"t","ʈ":"t","ⱦ":"t","ꞇ":"t","ꜩ":"tz","ⓤ":"u","ｕ":"u","ù":"u","ú":"u","û":"u","ũ":"u","ṹ":"u","ū":"u","ṻ":"u","ŭ":"u","ü":"u","ǜ":"u","ǘ":"u","ǖ":"u","ǚ":"u","ủ":"u","ů":"u","ű":"u","ǔ":"u","ȕ":"u","ȗ":"u","ư":"u","ừ":"u","ứ":"u","ữ":"u","ử":"u","ự":"u","ụ":"u","ṳ":"u","ų":"u","ṷ":"u","ṵ":"u","ʉ":"u","ⓥ":"v","ｖ":"v","ṽ":"v","ṿ":"v","ʋ":"v","ꝟ":"v","ʌ":"v","ꝡ":"vy","ⓦ":"w","ｗ":"w","ẁ":"w","ẃ":"w","ŵ":"w","ẇ":"w","ẅ":"w","ẘ":"w","ẉ":"w","ⱳ":"w","ⓧ":"x","ｘ":"x","ẋ":"x","ẍ":"x","ⓨ":"y","ｙ":"y","ỳ":"y","ý":"y","ŷ":"y","ỹ":"y","ȳ":"y","ẏ":"y","ÿ":"y","ỷ":"y","ẙ":"y","ỵ":"y","ƴ":"y","ɏ":"y","ỿ":"y","ⓩ":"z","ｚ":"z","ź":"z","ẑ":"z","ż":"z","ž":"z","ẓ":"z","ẕ":"z","ƶ":"z","ȥ":"z","ɀ":"z","ⱬ":"z","ꝣ":"z","Ά":"Α","Έ":"Ε","Ή":"Η","Ί":"Ι","Ϊ":"Ι","Ό":"Ο","Ύ":"Υ","Ϋ":"Υ","Ώ":"Ω","ά":"α","έ":"ε","ή":"η","ί":"ι","ϊ":"ι","ΐ":"ι","ό":"ο","ύ":"υ","ϋ":"υ","ΰ":"υ","ώ":"ω","ς":"σ","’":"'"}}),u.define("select2/data/base",["../utils"],function(n){function s(e,t){s.__super__.constructor.call(this)}return n.Extend(s,n.Observable),s.prototype.current=function(e){throw new Error("The `current` method must be defined in child classes.")},s.prototype.query=function(e,t){throw new Error("The `query` method must be defined in child classes.")},s.prototype.bind=function(e,t){},s.prototype.destroy=function(){},s.prototype.generateResultId=function(e,t){e=e.id+"-result-";return e+=n.generateChars(4),null!=t.id?e+="-"+t.id.toString():e+="-"+n.generateChars(4),e},s}),u.define("select2/data/select",["./base","../utils","jquery"],function(e,a,l){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return a.Extend(n,e),n.prototype.current=function(e){var t=this;e(Array.prototype.map.call(this.$element[0].querySelectorAll(":checked"),function(e){return t.item(l(e))}))},n.prototype.select=function(i){var e,r=this;if(i.selected=!0,null!=i.element&&"option"===i.element.tagName.toLowerCase())return i.element.selected=!0,void this.$element.trigger("input").trigger("change");this.$element.prop("multiple")?this.current(function(e){var t=[];(i=[i]).push.apply(i,e);for(var n=0;n<i.length;n++){var s=i[n].id;-1===t.indexOf(s)&&t.push(s)}r.$element.val(t),r.$element.trigger("input").trigger("change")}):(e=i.id,this.$element.val(e),this.$element.trigger("input").trigger("change"))},n.prototype.unselect=function(i){var r=this;if(this.$element.prop("multiple")){if(i.selected=!1,null!=i.element&&"option"===i.element.tagName.toLowerCase())return i.element.selected=!1,void this.$element.trigger("input").trigger("change");this.current(function(e){for(var t=[],n=0;n<e.length;n++){var s=e[n].id;s!==i.id&&-1===t.indexOf(s)&&t.push(s)}r.$element.val(t),r.$element.trigger("input").trigger("change")})}},n.prototype.bind=function(e,t){var n=this;(this.container=e).on("select",function(e){n.select(e.data)}),e.on("unselect",function(e){n.unselect(e.data)})},n.prototype.destroy=function(){this.$element.find("*").each(function(){a.RemoveData(this)})},n.prototype.query=function(t,e){var n=[],s=this;this.$element.children().each(function(){var e;"option"!==this.tagName.toLowerCase()&&"optgroup"!==this.tagName.toLowerCase()||(e=l(this),e=s.item(e),null!==(e=s.matches(t,e))&&n.push(e))}),e({results:n})},n.prototype.addOptions=function(e){this.$element.append(e)},n.prototype.option=function(e){var t;e.children?(t=document.createElement("optgroup")).label=e.text:void 0!==(t=document.createElement("option")).textContent?t.textContent=e.text:t.innerText=e.text,void 0!==e.id&&(t.value=e.id),e.disabled&&(t.disabled=!0),e.selected&&(t.selected=!0),e.title&&(t.title=e.title);e=this._normalizeItem(e);return e.element=t,a.StoreData(t,"data",e),l(t)},n.prototype.item=function(e){var t={};if(null!=(t=a.GetData(e[0],"data")))return t;var n=e[0];if("option"===n.tagName.toLowerCase())t={id:e.val(),text:e.text(),disabled:e.prop("disabled"),selected:e.prop("selected"),title:e.prop("title")};else if("optgroup"===n.tagName.toLowerCase()){t={text:e.prop("label"),children:[],title:e.prop("title")};for(var s=e.children("option"),i=[],r=0;r<s.length;r++){var o=l(s[r]),o=this.item(o);i.push(o)}t.children=i}return(t=this._normalizeItem(t)).element=e[0],a.StoreData(e[0],"data",t),t},n.prototype._normalizeItem=function(e){e!==Object(e)&&(e={id:e,text:e});return null!=(e=l.extend({},{text:""},e)).id&&(e.id=e.id.toString()),null!=e.text&&(e.text=e.text.toString()),null==e._resultId&&e.id&&null!=this.container&&(e._resultId=this.generateResultId(this.container,e)),l.extend({},{selected:!1,disabled:!1},e)},n.prototype.matches=function(e,t){return this.options.get("matcher")(e,t)},n}),u.define("select2/data/array",["./select","../utils","jquery"],function(e,t,c){function s(e,t){this._dataToConvert=t.get("data")||[],s.__super__.constructor.call(this,e,t)}return t.Extend(s,e),s.prototype.bind=function(e,t){s.__super__.bind.call(this,e,t),this.addOptions(this.convertToOptions(this._dataToConvert))},s.prototype.select=function(n){var e=this.$element.find("option").filter(function(e,t){return t.value==n.id.toString()});0===e.length&&(e=this.option(n),this.addOptions(e)),s.__super__.select.call(this,n)},s.prototype.convertToOptions=function(e){var t=this,n=this.$element.find("option"),s=n.map(function(){return t.item(c(this)).id}).get(),i=[];for(var r=0;r<e.length;r++){var o,a,l=this._normalizeItem(e[r]);0<=s.indexOf(l.id)?(o=n.filter(function(e){return function(){return c(this).val()==e.id}}(l)),a=this.item(o),a=c.extend(!0,{},l,a),a=this.option(a),o.replaceWith(a)):(a=this.option(l),l.children&&(l=this.convertToOptions(l.children),a.append(l)),i.push(a))}return i},s}),u.define("select2/data/ajax",["./array","../utils","jquery"],function(e,t,r){function n(e,t){this.ajaxOptions=this._applyDefaults(t.get("ajax")),null!=this.ajaxOptions.processResults&&(this.processResults=this.ajaxOptions.processResults),n.__super__.constructor.call(this,e,t)}return t.Extend(n,e),n.prototype._applyDefaults=function(e){var t={data:function(e){return r.extend({},e,{q:e.term})},transport:function(e,t,n){e=r.ajax(e);return e.then(t),e.fail(n),e}};return r.extend({},t,e,!0)},n.prototype.processResults=function(e){return e},n.prototype.query=function(t,n){var s=this;null!=this._request&&("function"==typeof this._request.abort&&this._request.abort(),this._request=null);var i=r.extend({type:"GET"},this.ajaxOptions);function e(){var e=i.transport(i,function(e){e=s.processResults(e,t);s.options.get("debug")&&window.console&&console.error&&(e&&e.results&&Array.isArray(e.results)||console.error("Select2: The AJAX results did not return an array in the `results` key of the response.")),n(e)},function(){"status"in e&&(0===e.status||"0"===e.status)||s.trigger("results:message",{message:"errorLoading"})});s._request=e}"function"==typeof i.url&&(i.url=i.url.call(this.$element,t)),"function"==typeof i.data&&(i.data=i.data.call(this.$element,t)),this.ajaxOptions.delay&&null!=t.term?(this._queryTimeout&&window.clearTimeout(this._queryTimeout),this._queryTimeout=window.setTimeout(e,this.ajaxOptions.delay)):e()},n}),u.define("select2/data/tags",["jquery"],function(t){function e(e,t,n){var s=n.get("tags"),i=n.get("createTag");void 0!==i&&(this.createTag=i);i=n.get("insertTag");if(void 0!==i&&(this.insertTag=i),e.call(this,t,n),Array.isArray(s))for(var r=0;r<s.length;r++){var o=s[r],o=this._normalizeItem(o),o=this.option(o);this.$element.append(o)}}return e.prototype.query=function(e,c,u){var d=this;this._removeOldTags(),null!=c.term&&null==c.page?e.call(this,c,function e(t,n){for(var s=t.results,i=0;i<s.length;i++){var r=s[i],o=null!=r.children&&!e({results:r.children},!0);if((r.text||"").toUpperCase()===(c.term||"").toUpperCase()||o)return!n&&(t.data=s,void u(t))}if(n)return!0;var a,l=d.createTag(c);null!=l&&((a=d.option(l)).attr("data-select2-tag","true"),d.addOptions([a]),d.insertTag(s,l)),t.results=s,u(t)}):e.call(this,c,u)},e.prototype.createTag=function(e,t){if(null==t.term)return null;t=t.term.trim();return""===t?null:{id:t,text:t}},e.prototype.insertTag=function(e,t,n){t.unshift(n)},e.prototype._removeOldTags=function(e){this.$element.find("option[data-select2-tag]").each(function(){this.selected||t(this).remove()})},e}),u.define("select2/data/tokenizer",["jquery"],function(c){function e(e,t,n){var s=n.get("tokenizer");void 0!==s&&(this.tokenizer=s),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){e.call(this,t,n),this.$search=t.dropdown.$search||t.selection.$search||n.find(".select2-search__field")},e.prototype.query=function(e,t,n){var s=this;t.term=t.term||"";var i=this.tokenizer(t,this.options,function(e){var t,n=s._normalizeItem(e);s.$element.find("option").filter(function(){return c(this).val()===n.id}).length||((t=s.option(n)).attr("data-select2-tag",!0),s._removeOldTags(),s.addOptions([t])),t=n,s.trigger("select",{data:t})});i.term!==t.term&&(this.$search.length&&(this.$search.val(i.term),this.$search.trigger("focus")),t.term=i.term),e.call(this,t,n)},e.prototype.tokenizer=function(e,t,n,s){for(var i=n.get("tokenSeparators")||[],r=t.term,o=0,a=this.createTag||function(e){return{id:e.term,text:e.term}};o<r.length;){var l=r[o];-1!==i.indexOf(l)?(l=r.substr(0,o),null!=(l=a(c.extend({},t,{term:l})))?(s(l),r=r.substr(o+1)||"",o=0):o++):o++}return{term:r}},e}),u.define("select2/data/minimumInputLength",[],function(){function e(e,t,n){this.minimumInputLength=n.get("minimumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",t.term.length<this.minimumInputLength?this.trigger("results:message",{message:"inputTooShort",args:{minimum:this.minimumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),u.define("select2/data/maximumInputLength",[],function(){function e(e,t,n){this.maximumInputLength=n.get("maximumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",0<this.maximumInputLength&&t.term.length>this.maximumInputLength?this.trigger("results:message",{message:"inputTooLong",args:{maximum:this.maximumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),u.define("select2/data/maximumSelectionLength",[],function(){function e(e,t,n){this.maximumSelectionLength=n.get("maximumSelectionLength"),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("select",function(){s._checkIfMaximumSelected()})},e.prototype.query=function(e,t,n){var s=this;this._checkIfMaximumSelected(function(){e.call(s,t,n)})},e.prototype._checkIfMaximumSelected=function(e,t){var n=this;this.current(function(e){e=null!=e?e.length:0;0<n.maximumSelectionLength&&e>=n.maximumSelectionLength?n.trigger("results:message",{message:"maximumSelected",args:{maximum:n.maximumSelectionLength}}):t&&t()})},e}),u.define("select2/dropdown",["jquery","./utils"],function(t,e){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return e.Extend(n,e.Observable),n.prototype.render=function(){var e=t('<span class="select2-dropdown"><span class="select2-results"></span></span>');return e.attr("dir",this.options.get("dir")),this.$dropdown=e},n.prototype.bind=function(){},n.prototype.position=function(e,t){},n.prototype.destroy=function(){this.$dropdown.remove()},n}),u.define("select2/dropdown/search",["jquery"],function(r){function e(){}return e.prototype.render=function(e){var t=e.call(this),n=this.options.get("translations").get("search"),e=r('<span class="select2-search select2-search--dropdown"><input class="select2-search__field" type="search" tabindex="-1" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" /></span>');return this.$searchContainer=e,this.$search=e.find("input"),this.$search.prop("autocomplete",this.options.get("autocomplete")),this.$search.attr("aria-label",n()),t.prepend(e),t},e.prototype.bind=function(e,t,n){var s=this,i=t.id+"-results";e.call(this,t,n),this.$search.on("keydown",function(e){s.trigger("keypress",e),s._keyUpPrevented=e.isDefaultPrevented()}),this.$search.on("input",function(e){r(this).off("keyup")}),this.$search.on("keyup input",function(e){s.handleSearch(e)}),t.on("open",function(){s.$search.attr("tabindex",0),s.$search.attr("aria-controls",i),s.$search.trigger("focus"),window.setTimeout(function(){s.$search.trigger("focus")},0)}),t.on("close",function(){s.$search.attr("tabindex",-1),s.$search.removeAttr("aria-controls"),s.$search.removeAttr("aria-activedescendant"),s.$search.val(""),s.$search.trigger("blur")}),t.on("focus",function(){t.isOpen()||s.$search.trigger("focus")}),t.on("results:all",function(e){null!=e.query.term&&""!==e.query.term||(s.showSearch(e)?s.$searchContainer[0].classList.remove("select2-search--hide"):s.$searchContainer[0].classList.add("select2-search--hide"))}),t.on("results:focus",function(e){e.data._resultId?s.$search.attr("aria-activedescendant",e.data._resultId):s.$search.removeAttr("aria-activedescendant")})},e.prototype.handleSearch=function(e){var t;this._keyUpPrevented||(t=this.$search.val(),this.trigger("query",{term:t})),this._keyUpPrevented=!1},e.prototype.showSearch=function(e,t){return!0},e}),u.define("select2/dropdown/hidePlaceholder",[],function(){function e(e,t,n,s){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n,s)}return e.prototype.append=function(e,t){t.results=this.removePlaceholder(t.results),e.call(this,t)},e.prototype.normalizePlaceholder=function(e,t){return t="string"==typeof t?{id:"",text:t}:t},e.prototype.removePlaceholder=function(e,t){for(var n=t.slice(0),s=t.length-1;0<=s;s--){var i=t[s];this.placeholder.id===i.id&&n.splice(s,1)}return n},e}),u.define("select2/dropdown/infiniteScroll",["jquery"],function(n){function e(e,t,n,s){this.lastParams={},e.call(this,t,n,s),this.$loadingMore=this.createLoadingMore(),this.loading=!1}return e.prototype.append=function(e,t){this.$loadingMore.remove(),this.loading=!1,e.call(this,t),this.showLoadingMore(t)&&(this.$results.append(this.$loadingMore),this.loadMoreIfNeeded())},e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("query",function(e){s.lastParams=e,s.loading=!0}),t.on("query:append",function(e){s.lastParams=e,s.loading=!0}),this.$results.on("scroll",this.loadMoreIfNeeded.bind(this))},e.prototype.loadMoreIfNeeded=function(){var e=n.contains(document.documentElement,this.$loadingMore[0]);!this.loading&&e&&(e=this.$results.offset().top+this.$results.outerHeight(!1),this.$loadingMore.offset().top+this.$loadingMore.outerHeight(!1)<=e+50&&this.loadMore())},e.prototype.loadMore=function(){this.loading=!0;var e=n.extend({},{page:1},this.lastParams);e.page++,this.trigger("query:append",e)},e.prototype.showLoadingMore=function(e,t){return t.pagination&&t.pagination.more},e.prototype.createLoadingMore=function(){var e=n('<li class="select2-results__option select2-results__option--load-more"role="option" aria-disabled="true"></li>'),t=this.options.get("translations").get("loadingMore");return e.html(t(this.lastParams)),e},e}),u.define("select2/dropdown/attachBody",["jquery","../utils"],function(u,o){function e(e,t,n){this.$dropdownParent=u(n.get("dropdownParent")||document.body),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("open",function(){s._showDropdown(),s._attachPositioningHandler(t),s._bindContainerResultHandlers(t)}),t.on("close",function(){s._hideDropdown(),s._detachPositioningHandler(t)}),this.$dropdownContainer.on("mousedown",function(e){e.stopPropagation()})},e.prototype.destroy=function(e){e.call(this),this.$dropdownContainer.remove()},e.prototype.position=function(e,t,n){t.attr("class",n.attr("class")),t[0].classList.remove("select2"),t[0].classList.add("select2-container--open"),t.css({position:"absolute",top:-999999}),this.$container=n},e.prototype.render=function(e){var t=u("<span></span>"),e=e.call(this);return t.append(e),this.$dropdownContainer=t},e.prototype._hideDropdown=function(e){this.$dropdownContainer.detach()},e.prototype._bindContainerResultHandlers=function(e,t){var n;this._containerResultsHandlersBound||(n=this,t.on("results:all",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:append",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:message",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("select",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("unselect",function(){n._positionDropdown(),n._resizeDropdown()}),this._containerResultsHandlersBound=!0)},e.prototype._attachPositioningHandler=function(e,t){var n=this,s="scroll.select2."+t.id,i="resize.select2."+t.id,r="orientationchange.select2."+t.id,t=this.$container.parents().filter(o.hasScroll);t.each(function(){o.StoreData(this,"select2-scroll-position",{x:u(this).scrollLeft(),y:u(this).scrollTop()})}),t.on(s,function(e){var t=o.GetData(this,"select2-scroll-position");u(this).scrollTop(t.y)}),u(window).on(s+" "+i+" "+r,function(e){n._positionDropdown(),n._resizeDropdown()})},e.prototype._detachPositioningHandler=function(e,t){var n="scroll.select2."+t.id,s="resize.select2."+t.id,t="orientationchange.select2."+t.id;this.$container.parents().filter(o.hasScroll).off(n),u(window).off(n+" "+s+" "+t)},e.prototype._positionDropdown=function(){var e=u(window),t=this.$dropdown[0].classList.contains("select2-dropdown--above"),n=this.$dropdown[0].classList.contains("select2-dropdown--below"),s=null,i=this.$container.offset();i.bottom=i.top+this.$container.outerHeight(!1);var r={height:this.$container.outerHeight(!1)};r.top=i.top,r.bottom=i.top+r.height;var o=this.$dropdown.outerHeight(!1),a=e.scrollTop(),l=e.scrollTop()+e.height(),c=a<i.top-o,e=l>i.bottom+o,a={left:i.left,top:r.bottom},l=this.$dropdownParent;"static"===l.css("position")&&(l=l.offsetParent());i={top:0,left:0};(u.contains(document.body,l[0])||l[0].isConnected)&&(i=l.offset()),a.top-=i.top,a.left-=i.left,t||n||(s="below"),e||!c||t?!c&&e&&t&&(s="below"):s="above",("above"==s||t&&"below"!==s)&&(a.top=r.top-i.top-o),null!=s&&(this.$dropdown[0].classList.remove("select2-dropdown--below"),this.$dropdown[0].classList.remove("select2-dropdown--above"),this.$dropdown[0].classList.add("select2-dropdown--"+s),this.$container[0].classList.remove("select2-container--below"),this.$container[0].classList.remove("select2-container--above"),this.$container[0].classList.add("select2-container--"+s)),this.$dropdownContainer.css(a)},e.prototype._resizeDropdown=function(){var e={width:this.$container.outerWidth(!1)+"px"};this.options.get("dropdownAutoWidth")&&(e.minWidth=e.width,e.position="relative",e.width="auto"),this.$dropdown.css(e)},e.prototype._showDropdown=function(e){this.$dropdownContainer.appendTo(this.$dropdownParent),this._positionDropdown(),this._resizeDropdown()},e}),u.define("select2/dropdown/minimumResultsForSearch",[],function(){function e(e,t,n,s){this.minimumResultsForSearch=n.get("minimumResultsForSearch"),this.minimumResultsForSearch<0&&(this.minimumResultsForSearch=1/0),e.call(this,t,n,s)}return e.prototype.showSearch=function(e,t){return!(function e(t){for(var n=0,s=0;s<t.length;s++){var i=t[s];i.children?n+=e(i.children):n++}return n}(t.data.results)<this.minimumResultsForSearch)&&e.call(this,t)},e}),u.define("select2/dropdown/selectOnClose",["../utils"],function(s){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("close",function(e){s._handleSelectOnClose(e)})},e.prototype._handleSelectOnClose=function(e,t){if(t&&null!=t.originalSelect2Event){var n=t.originalSelect2Event;if("select"===n._type||"unselect"===n._type)return}n=this.getHighlightedResults();n.length<1||(null!=(n=s.GetData(n[0],"data")).element&&n.element.selected||null==n.element&&n.selected||this.trigger("select",{data:n}))},e}),u.define("select2/dropdown/closeOnSelect",[],function(){function e(){}return e.prototype.bind=function(e,t,n){var s=this;e.call(this,t,n),t.on("select",function(e){s._selectTriggered(e)}),t.on("unselect",function(e){s._selectTriggered(e)})},e.prototype._selectTriggered=function(e,t){var n=t.originalEvent;n&&(n.ctrlKey||n.metaKey)||this.trigger("close",{originalEvent:n,originalSelect2Event:t})},e}),u.define("select2/dropdown/dropdownCss",["../utils"],function(n){function e(){}return e.prototype.render=function(e){var t=e.call(this),e=this.options.get("dropdownCssClass")||"";return-1!==e.indexOf(":all:")&&(e=e.replace(":all:",""),n.copyNonInternalCssClasses(t[0],this.$element[0])),t.addClass(e),t},e}),u.define("select2/dropdown/tagsSearchHighlight",["../utils"],function(s){function e(){}return e.prototype.highlightFirstItem=function(e){var t=this.$results.find(".select2-results__option--selectable:not(.select2-results__option--selected)");if(0<t.length){var n=t.first(),t=s.GetData(n[0],"data").element;if(t&&t.getAttribute&&"true"===t.getAttribute("data-select2-tag"))return void n.trigger("mouseenter")}e.call(this)},e}),u.define("select2/i18n/en",[],function(){return{errorLoading:function(){return"The results could not be loaded."},inputTooLong:function(e){var t=e.input.length-e.maximum,e="Please delete "+t+" character";return 1!=t&&(e+="s"),e},inputTooShort:function(e){return"Please enter "+(e.minimum-e.input.length)+" or more characters"},loadingMore:function(){return"Loading more results…"},maximumSelected:function(e){var t="You can only select "+e.maximum+" item";return 1!=e.maximum&&(t+="s"),t},noResults:function(){return"No results found"},searching:function(){return"Searching…"},removeAllItems:function(){return"Remove all items"},removeItem:function(){return"Remove item"},search:function(){return"Search"}}}),u.define("select2/defaults",["jquery","./results","./selection/single","./selection/multiple","./selection/placeholder","./selection/allowClear","./selection/search","./selection/selectionCss","./selection/eventRelay","./utils","./translation","./diacritics","./data/select","./data/array","./data/ajax","./data/tags","./data/tokenizer","./data/minimumInputLength","./data/maximumInputLength","./data/maximumSelectionLength","./dropdown","./dropdown/search","./dropdown/hidePlaceholder","./dropdown/infiniteScroll","./dropdown/attachBody","./dropdown/minimumResultsForSearch","./dropdown/selectOnClose","./dropdown/closeOnSelect","./dropdown/dropdownCss","./dropdown/tagsSearchHighlight","./i18n/en"],function(l,r,o,a,c,u,d,p,h,f,g,t,m,y,v,_,b,$,w,x,A,D,S,E,O,C,L,T,q,I,e){function n(){this.reset()}return n.prototype.apply=function(e){var t;null==(e=l.extend(!0,{},this.defaults,e)).dataAdapter&&(null!=e.ajax?e.dataAdapter=v:null!=e.data?e.dataAdapter=y:e.dataAdapter=m,0<e.minimumInputLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,$)),0<e.maximumInputLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,w)),0<e.maximumSelectionLength&&(e.dataAdapter=f.Decorate(e.dataAdapter,x)),e.tags&&(e.dataAdapter=f.Decorate(e.dataAdapter,_)),null==e.tokenSeparators&&null==e.tokenizer||(e.dataAdapter=f.Decorate(e.dataAdapter,b))),null==e.resultsAdapter&&(e.resultsAdapter=r,null!=e.ajax&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,E)),null!=e.placeholder&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,S)),e.selectOnClose&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,L)),e.tags&&(e.resultsAdapter=f.Decorate(e.resultsAdapter,I))),null==e.dropdownAdapter&&(e.multiple?e.dropdownAdapter=A:(t=f.Decorate(A,D),e.dropdownAdapter=t),0!==e.minimumResultsForSearch&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,C)),e.closeOnSelect&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,T)),null!=e.dropdownCssClass&&(e.dropdownAdapter=f.Decorate(e.dropdownAdapter,q)),e.dropdownAdapter=f.Decorate(e.dropdownAdapter,O)),null==e.selectionAdapter&&(e.multiple?e.selectionAdapter=a:e.selectionAdapter=o,null!=e.placeholder&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,c)),e.allowClear&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,u)),e.multiple&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,d)),null!=e.selectionCssClass&&(e.selectionAdapter=f.Decorate(e.selectionAdapter,p)),e.selectionAdapter=f.Decorate(e.selectionAdapter,h)),e.language=this._resolveLanguage(e.language),e.language.push("en");for(var n=[],s=0;s<e.language.length;s++){var i=e.language[s];-1===n.indexOf(i)&&n.push(i)}return e.language=n,e.translations=this._processTranslations(e.language,e.debug),e},n.prototype.reset=function(){function a(e){return e.replace(/[^\u0000-\u007E]/g,function(e){return t[e]||e})}this.defaults={amdLanguageBase:"./i18n/",autocomplete:"off",closeOnSelect:!0,debug:!1,dropdownAutoWidth:!1,escapeMarkup:f.escapeMarkup,language:{},matcher:function e(t,n){if(null==t.term||""===t.term.trim())return n;if(n.children&&0<n.children.length){for(var s=l.extend(!0,{},n),i=n.children.length-1;0<=i;i--)null==e(t,n.children[i])&&s.children.splice(i,1);return 0<s.children.length?s:e(t,s)}var r=a(n.text).toUpperCase(),o=a(t.term).toUpperCase();return-1<r.indexOf(o)?n:null},minimumInputLength:0,maximumInputLength:0,maximumSelectionLength:0,minimumResultsForSearch:0,selectOnClose:!1,scrollAfterSelect:!1,sorter:function(e){return e},templateResult:function(e){return e.text},templateSelection:function(e){return e.text},theme:"default",width:"resolve"}},n.prototype.applyFromElement=function(e,t){var n=e.language,s=this.defaults.language,i=t.prop("lang"),t=t.closest("[lang]").prop("lang"),t=Array.prototype.concat.call(this._resolveLanguage(i),this._resolveLanguage(n),this._resolveLanguage(s),this._resolveLanguage(t));return e.language=t,e},n.prototype._resolveLanguage=function(e){if(!e)return[];if(l.isEmptyObject(e))return[];if(l.isPlainObject(e))return[e];for(var t,n=Array.isArray(e)?e:[e],s=[],i=0;i<n.length;i++)s.push(n[i]),"string"==typeof n[i]&&0<n[i].indexOf("-")&&(t=n[i].split("-")[0],s.push(t));return s},n.prototype._processTranslations=function(e,t){for(var n=new g,s=0;s<e.length;s++){var i=new g,r=e[s];if("string"==typeof r)try{i=g.loadPath(r)}catch(e){try{r=this.defaults.amdLanguageBase+r,i=g.loadPath(r)}catch(e){t&&window.console&&console.warn&&console.warn('Select2: The language file for "'+r+'" could not be automatically loaded. A fallback will be used instead.')}}else i=l.isPlainObject(r)?new g(r):r;n.extend(i)}return n},n.prototype.set=function(e,t){var n={};n[l.camelCase(e)]=t;n=f._convertData(n);l.extend(!0,this.defaults,n)},new n}),u.define("select2/options",["jquery","./defaults","./utils"],function(c,n,u){function e(e,t){this.options=e,null!=t&&this.fromElement(t),null!=t&&(this.options=n.applyFromElement(this.options,t)),this.options=n.apply(this.options)}return e.prototype.fromElement=function(e){var t=["select2"];null==this.options.multiple&&(this.options.multiple=e.prop("multiple")),null==this.options.disabled&&(this.options.disabled=e.prop("disabled")),null==this.options.autocomplete&&e.prop("autocomplete")&&(this.options.autocomplete=e.prop("autocomplete")),null==this.options.dir&&(e.prop("dir")?this.options.dir=e.prop("dir"):e.closest("[dir]").prop("dir")?this.options.dir=e.closest("[dir]").prop("dir"):this.options.dir="ltr"),e.prop("disabled",this.options.disabled),e.prop("multiple",this.options.multiple),u.GetData(e[0],"select2Tags")&&(this.options.debug&&window.console&&console.warn&&console.warn('Select2: The `data-select2-tags` attribute has been changed to use the `data-data` and `data-tags="true"` attributes and will be removed in future versions of Select2.'),u.StoreData(e[0],"data",u.GetData(e[0],"select2Tags")),u.StoreData(e[0],"tags",!0)),u.GetData(e[0],"ajaxUrl")&&(this.options.debug&&window.console&&console.warn&&console.warn("Select2: The `data-ajax-url` attribute has been changed to `data-ajax--url` and support for the old attribute will be removed in future versions of Select2."),e.attr("ajax--url",u.GetData(e[0],"ajaxUrl")),u.StoreData(e[0],"ajax-Url",u.GetData(e[0],"ajaxUrl")));var n={};function s(e,t){return t.toUpperCase()}for(var i=0;i<e[0].attributes.length;i++){var r=e[0].attributes[i].name,o="data-";r.substr(0,o.length)==o&&(r=r.substring(o.length),o=u.GetData(e[0],r),n[r.replace(/-([a-z])/g,s)]=o)}c.fn.jquery&&"1."==c.fn.jquery.substr(0,2)&&e[0].dataset&&(n=c.extend(!0,{},e[0].dataset,n));var a,l=c.extend(!0,{},u.GetData(e[0]),n);for(a in l=u._convertData(l))-1<t.indexOf(a)||(c.isPlainObject(this.options[a])?c.extend(this.options[a],l[a]):this.options[a]=l[a]);return this},e.prototype.get=function(e){return this.options[e]},e.prototype.set=function(e,t){this.options[e]=t},e}),u.define("select2/core",["jquery","./options","./utils","./keys"],function(t,i,r,s){var o=function(e,t){null!=r.GetData(e[0],"select2")&&r.GetData(e[0],"select2").destroy(),this.$element=e,this.id=this._generateId(e),t=t||{},this.options=new i(t,e),o.__super__.constructor.call(this);var n=e.attr("tabindex")||0;r.StoreData(e[0],"old-tabindex",n),e.attr("tabindex","-1");t=this.options.get("dataAdapter");this.dataAdapter=new t(e,this.options);n=this.render();this._placeContainer(n);t=this.options.get("selectionAdapter");this.selection=new t(e,this.options),this.$selection=this.selection.render(),this.selection.position(this.$selection,n);t=this.options.get("dropdownAdapter");this.dropdown=new t(e,this.options),this.$dropdown=this.dropdown.render(),this.dropdown.position(this.$dropdown,n);n=this.options.get("resultsAdapter");this.results=new n(e,this.options,this.dataAdapter),this.$results=this.results.render(),this.results.position(this.$results,this.$dropdown);var s=this;this._bindAdapters(),this._registerDomEvents(),this._registerDataEvents(),this._registerSelectionEvents(),this._registerDropdownEvents(),this._registerResultsEvents(),this._registerEvents(),this.dataAdapter.current(function(e){s.trigger("selection:update",{data:e})}),e[0].classList.add("select2-hidden-accessible"),e.attr("aria-hidden","true"),this._syncAttributes(),r.StoreData(e[0],"select2",this),e.data("select2",this)};return r.Extend(o,r.Observable),o.prototype._generateId=function(e){return"select2-"+(null!=e.attr("id")?e.attr("id"):null!=e.attr("name")?e.attr("name")+"-"+r.generateChars(2):r.generateChars(4)).replace(/(:|\.|\[|\]|,)/g,"")},o.prototype._placeContainer=function(e){e.insertAfter(this.$element);var t=this._resolveWidth(this.$element,this.options.get("width"));null!=t&&e.css("width",t)},o.prototype._resolveWidth=function(e,t){var n=/^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;if("resolve"==t){var s=this._resolveWidth(e,"style");return null!=s?s:this._resolveWidth(e,"element")}if("element"==t){s=e.outerWidth(!1);return s<=0?"auto":s+"px"}if("style"!=t)return"computedstyle"!=t?t:window.getComputedStyle(e[0]).width;e=e.attr("style");if("string"!=typeof e)return null;for(var i=e.split(";"),r=0,o=i.length;r<o;r+=1){var a=i[r].replace(/\s/g,"").match(n);if(null!==a&&1<=a.length)return a[1]}return null},o.prototype._bindAdapters=function(){this.dataAdapter.bind(this,this.$container),this.selection.bind(this,this.$container),this.dropdown.bind(this,this.$container),this.results.bind(this,this.$container)},o.prototype._registerDomEvents=function(){var t=this;this.$element.on("change.select2",function(){t.dataAdapter.current(function(e){t.trigger("selection:update",{data:e})})}),this.$element.on("focus.select2",function(e){t.trigger("focus",e)}),this._syncA=r.bind(this._syncAttributes,this),this._syncS=r.bind(this._syncSubtree,this),this._observer=new window.MutationObserver(function(e){t._syncA(),t._syncS(e)}),this._observer.observe(this.$element[0],{attributes:!0,childList:!0,subtree:!1})},o.prototype._registerDataEvents=function(){var n=this;this.dataAdapter.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerSelectionEvents=function(){var n=this,s=["toggle","focus"];this.selection.on("toggle",function(){n.toggleDropdown()}),this.selection.on("focus",function(e){n.focus(e)}),this.selection.on("*",function(e,t){-1===s.indexOf(e)&&n.trigger(e,t)})},o.prototype._registerDropdownEvents=function(){var n=this;this.dropdown.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerResultsEvents=function(){var n=this;this.results.on("*",function(e,t){n.trigger(e,t)})},o.prototype._registerEvents=function(){var n=this;this.on("open",function(){n.$container[0].classList.add("select2-container--open")}),this.on("close",function(){n.$container[0].classList.remove("select2-container--open")}),this.on("enable",function(){n.$container[0].classList.remove("select2-container--disabled")}),this.on("disable",function(){n.$container[0].classList.add("select2-container--disabled")}),this.on("blur",function(){n.$container[0].classList.remove("select2-container--focus")}),this.on("query",function(t){n.isOpen()||n.trigger("open",{}),this.dataAdapter.query(t,function(e){n.trigger("results:all",{data:e,query:t})})}),this.on("query:append",function(t){this.dataAdapter.query(t,function(e){n.trigger("results:append",{data:e,query:t})})}),this.on("keypress",function(e){var t=e.which;n.isOpen()?t===s.ESC||t===s.UP&&e.altKey?(n.close(e),e.preventDefault()):t===s.ENTER||t===s.TAB?(n.trigger("results:select",{}),e.preventDefault()):t===s.SPACE&&e.ctrlKey?(n.trigger("results:toggle",{}),e.preventDefault()):t===s.UP?(n.trigger("results:previous",{}),e.preventDefault()):t===s.DOWN&&(n.trigger("results:next",{}),e.preventDefault()):(t===s.ENTER||t===s.SPACE||t===s.DOWN&&e.altKey)&&(n.open(),e.preventDefault())})},o.prototype._syncAttributes=function(){this.options.set("disabled",this.$element.prop("disabled")),this.isDisabled()?(this.isOpen()&&this.close(),this.trigger("disable",{})):this.trigger("enable",{})},o.prototype._isChangeMutation=function(e){var t=this;if(e.addedNodes&&0<e.addedNodes.length){for(var n=0;n<e.addedNodes.length;n++)if(e.addedNodes[n].selected)return!0}else{if(e.removedNodes&&0<e.removedNodes.length)return!0;if(Array.isArray(e))return e.some(function(e){return t._isChangeMutation(e)})}return!1},o.prototype._syncSubtree=function(e){var e=this._isChangeMutation(e),t=this;e&&this.dataAdapter.current(function(e){t.trigger("selection:update",{data:e})})},o.prototype.trigger=function(e,t){var n=o.__super__.trigger,s={open:"opening",close:"closing",select:"selecting",unselect:"unselecting",clear:"clearing"};if(void 0===t&&(t={}),e in s){var i=s[e],s={prevented:!1,name:e,args:t};if(n.call(this,i,s),s.prevented)return void(t.prevented=!0)}n.call(this,e,t)},o.prototype.toggleDropdown=function(){this.isDisabled()||(this.isOpen()?this.close():this.open())},o.prototype.open=function(){this.isOpen()||this.isDisabled()||this.trigger("query",{})},o.prototype.close=function(e){this.isOpen()&&this.trigger("close",{originalEvent:e})},o.prototype.isEnabled=function(){return!this.isDisabled()},o.prototype.isDisabled=function(){return this.options.get("disabled")},o.prototype.isOpen=function(){return this.$container[0].classList.contains("select2-container--open")},o.prototype.hasFocus=function(){return this.$container[0].classList.contains("select2-container--focus")},o.prototype.focus=function(e){this.hasFocus()||(this.$container[0].classList.add("select2-container--focus"),this.trigger("focus",{}))},o.prototype.enable=function(e){this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("enable")` method has been deprecated and will be removed in later Select2 versions. Use $element.prop("disabled") instead.');e=!(e=null==e||0===e.length?[!0]:e)[0];this.$element.prop("disabled",e)},o.prototype.data=function(){this.options.get("debug")&&0<arguments.length&&window.console&&console.warn&&console.warn('Select2: Data can no longer be set using `select2("data")`. You should consider setting the value instead using `$element.val()`.');var t=[];return this.dataAdapter.current(function(e){t=e}),t},o.prototype.val=function(e){if(this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("val")` method has been deprecated and will be removed in later Select2 versions. Use $element.val() instead.'),null==e||0===e.length)return this.$element.val();e=e[0];Array.isArray(e)&&(e=e.map(function(e){return e.toString()})),this.$element.val(e).trigger("input").trigger("change")},o.prototype.destroy=function(){r.RemoveData(this.$container[0]),this.$container.remove(),this._observer.disconnect(),this._observer=null,this._syncA=null,this._syncS=null,this.$element.off(".select2"),this.$element.attr("tabindex",r.GetData(this.$element[0],"old-tabindex")),this.$element[0].classList.remove("select2-hidden-accessible"),this.$element.attr("aria-hidden","false"),r.RemoveData(this.$element[0]),this.$element.removeData("select2"),this.dataAdapter.destroy(),this.selection.destroy(),this.dropdown.destroy(),this.results.destroy(),this.dataAdapter=null,this.selection=null,this.dropdown=null,this.results=null},o.prototype.render=function(){var e=t('<span class="select2 select2-container"><span class="selection"></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>');return e.attr("dir",this.options.get("dir")),this.$container=e,this.$container[0].classList.add("select2-container--"+this.options.get("theme")),r.StoreData(e[0],"element",this.$element),e},o}),u.define("jquery-mousewheel",["jquery"],function(e){return e}),u.define("jquery.select2",["jquery","jquery-mousewheel","./select2/core","./select2/defaults","./select2/utils"],function(i,e,r,t,o){var a;return null==i.fn.select2&&(a=["open","close","destroy"],i.fn.select2=function(t){if("object"==typeof(t=t||{}))return this.each(function(){var e=i.extend(!0,{},t);new r(i(this),e)}),this;if("string"!=typeof t)throw new Error("Invalid arguments for Select2: "+t);var n,s=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=o.GetData(this,"select2");null==e&&window.console&&console.error&&console.error("The select2('"+t+"') method was called on an element that is not using Select2."),n=e[t].apply(e,s)}),-1<a.indexOf(t)?this:n}),null==i.fn.select2.defaults&&(i.fn.select2.defaults=t),r}),{define:u.define,require:u.require});function b(e,t){return i.call(e,t)}function l(e,t){var n,s,i,r,o,a,l,c,u,d,p=t&&t.split("/"),h=y.map,f=h&&h["*"]||{};if(e){for(t=(e=e.split("/")).length-1,y.nodeIdCompat&&_.test(e[t])&&(e[t]=e[t].replace(_,"")),"."===e[0].charAt(0)&&p&&(e=p.slice(0,p.length-1).concat(e)),c=0;c<e.length;c++)"."===(d=e[c])?(e.splice(c,1),--c):".."===d&&(0===c||1===c&&".."===e[2]||".."===e[c-1]||0<c&&(e.splice(c-1,2),c-=2));e=e.join("/")}if((p||f)&&h){for(c=(n=e.split("/")).length;0<c;--c){if(s=n.slice(0,c).join("/"),p)for(u=p.length;0<u;--u)if(i=h[p.slice(0,u).join("/")],i=i&&i[s]){r=i,o=c;break}if(r)break;!a&&f&&f[s]&&(a=f[s],l=c)}!r&&a&&(r=a,o=l),r&&(n.splice(0,o,r),e=n.join("/"))}return e}function w(t,n){return function(){var e=a.call(arguments,0);return"string"!=typeof e[0]&&1===e.length&&e.push(null),o.apply(p,e.concat([t,n]))}}function x(e){var t;if(b(m,e)&&(t=m[e],delete m[e],v[e]=!0,r.apply(p,t)),!b(g,e)&&!b(v,e))throw new Error("No "+e);return g[e]}function c(e){var t,n=e?e.indexOf("!"):-1;return-1<n&&(t=e.substring(0,n),e=e.substring(n+1,e.length)),[t,e]}function A(e){return e?c(e):[]}var u=s.require("jquery.select2");return t.fn.select2.amd=s,u});
+
+    $('#id_task_manager').select2()
+    $('#id_task_members').select2()
+    $('#project_stage').select2()
+    $("#project_stage").append( "<option value='create_new_stage'>Create a new Stage</option>");
+
+    function getCookie(name) {
+      let cookieValue = null;
+      if (document.cookie && document.cookie !== "") {
+        const cookies = document.cookie.split(";");
+        for (let i = 0; i < cookies.length; i++) {
+          const cookie = cookies[i].trim();
+          if (cookie.substring(0, name.length + 1) === name + "=") {
+            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+            break;
+          }
+        }
+      }
+      return cookieValue;
+    }
+    $("#id_task_timesheet").submit(function(e){
+      e.preventDefault();
+      var formData = $(this).serialize();
+      formData["csrfmiddlewaretoken"] = getCookie("csrftoken");
+      var createTasktUrl = "/project/create-task-time-sheet";
+      $.ajax({
+        type:"post",
+        url:createTasktUrl,
+        data:formData,
+        beforeSend: function () {
+          $(".errorlist").remove();
+        },
+        success:function(data){
+          if (data.errors){
+            var errors = JSON.parse(data.errors)
+            for (const key in errors) {    
+              // Create a new error list element
+              var errorElement = $("<ul class='errorlist'></ul>");
+              for (const error of errors[key]) {
+                // Extract the error message from the error object
+                var errorMessage = error.message;
+                var errorListItem = $(`<li>${errorMessage}</li>`);
+                errorElement.append(errorListItem);
+              }
+    
+              // Insert the error list before the corresponding field label
+              $(`#TaskModal [for=id_${key}]`).before(errorElement);
+            }
+          }
+          else{
+          // Form submitted successfully, handle the response data
+          var newOption = $("<option></option>")
+          .val(data.id)
+          .text(data.name);
+          $("#id_task_id option[value='create_new_task']").before(newOption);
+            $("#id_task_id").val(data.id).trigger("change");
+          // Close the second modal and reset the form
+          $('#TaskModal').removeClass('oh-modal--show');
+          document.task_timesheet_form.reset();
+        }
+        },
+      });
+    });
+    $(document).on("change","#project_stage",function(e){
+        stage_id = $(this).val()
+        if (stage_id === "create_new_stage"){
+            $.ajax({
+            type: "GET",
+            url: '/project/create-stage-taskall',
+            data: { project_id: {{project_id}} },
+            
+            success: function (response) {
+              $("#ProjectStageModal").addClass("oh-modal--show");
+              $("#ProjectStageFormTarget").html(response);
+            },
+          });
+        }
+      });
+
+});
+</script>
\ No newline at end of file
diff --git a/project/templates/time_sheet/time_sheet_card_view.html b/project/templates/time_sheet/time_sheet_card_view.html
new file mode 100644
index 000000000..c2c50d52b
--- /dev/null
+++ b/project/templates/time_sheet/time_sheet_card_view.html
@@ -0,0 +1,149 @@
+{% load i18n %}
+{% load static %}
+{% load basefilters %}
+{% if messages %}
+  <div class="oh-alert-container">
+      {% for message in messages %}
+      <div class="oh-alert oh-alert--animated {{message.tags}}">
+            {{ message }}
+      </div> 
+      {% endfor %}
+  </div>
+{% endif %}
+{% include "filter_tags.html" %}
+{% comment %} easy filters {% endcomment %}
+<div class="d-flex flex-row-reverse">
+  <span class="m-3 draft" hx-get="{% url 'filter-time-sheet' %}?{{pd}}&status=in_progress&view=card" hx-target="#TimeSheetList" style="cursor: pointer">
+    <span class="oh-dot oh-dot--small me-1" style="background-color:Orange"></span>
+    {% trans "In progress" %}
+  </span>
+  <span class="m-3 draft" hx-get="{% url 'filter-time-sheet' %}?{{pd}}&status=completed&view=card" hx-target="#TimeSheetList" style="cursor: pointer">
+    <span class="oh-dot oh-dot--small me-1" style="background-color:DodgerBlue"></span>
+    {% trans "Completed" %}
+  </span>
+</div>
+{% if time_sheets %}
+  <div class="oh-layout--grid-3">
+    {% for time_sheet in time_sheets %}
+    <div  class="oh-kanban-card 
+                {% if time_sheet.status == 'in_Progress' %} in-progress-time-sheet 
+                {% else %} completed-time-sheet
+                {% endif %}" 
+                style="color: inherit;text-decoration: none;">
+      <a data-toggle="oh-modal-toggle"
+      data-target="#TimeSheetModal"
+      hx-get="{% url 'view-single-time-sheet' time_sheet.id %}"
+      hx-target="#TimeSheetFormTarget" 
+      style="color: inherit;text-decoration: none; display: flex;">
+      <div class="oh-kanban-card__avatar">
+        <div class="oh-kanban-card__profile-container">
+          <img
+          src="{{time_sheet.employee_id.get_avatar}}"
+          class="oh-kanban-card__profile-image"
+          alt="Username"
+          />
+        </div>
+      </div>
+      
+      <div class="oh-kanban-card__details">
+        <span class="oh-kanban-card__title">{{time_sheet.employee_id}}</span>
+        <span class="oh-kanban-card__subtitle">{{time_sheet.date}}</span><br>
+        <span class="oh-kanban-card__subtitle"><b>{{time_sheet.project_id}}</b></span><br>
+        <span class="oh-kanban-card__subtitle"><b>{{time_sheet.task_id}}</b> | </span>
+        <span class="oh-kanban-card__subtitle">{% trans "Time Spent" %} : <b>{{time_sheet.time_spent}}</b></span>
+      </div>
+    </a>
+      <div class="oh-kanban-card__dots">
+        <div class="oh-dropdown" x-data="{show: false}">
+          <button class="oh-btn oh-btn--transparent text-muted p-3" @click="show = !show">
+            <ion-icon name="ellipsis-vertical-sharp" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
+          </button>
+          <div class="oh-dropdown__menu oh-dropdown__menu--dark-border oh-dropdown__menu--right" x-show="show" @click.outside="show = false" style="display: none;">
+            <ul class="oh-dropdown__items">
+              <li class="oh-dropdown__item">
+                <a hx-get="{% url 'update-time-sheet' time_sheet.id %}?view=card" hx-target="#TimeSheetFormTarget" class="oh-dropdown__link" data-toggle="oh-modal-toggle" data-target="#TimeSheetModal">{% trans "Edit" %}</a>
+
+              </li>
+              <li class="oh-dropdown__item">
+                <form action="{% url 'delete-time-sheet' time_sheet.id %}?view=card" method="post" onsubmit="return confirm('{% trans "Do you want to delete this employee?" %}')">
+                  {% csrf_token %}
+                  <button type="submit" class="oh-dropdown__link oh-dropdown__link--danger">{% trans "Delete" %}</button>
+                </form>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+
+
+<div class="oh-pagination">
+    <span class="oh-pagination__page">
+      {% trans "Page" %} {{ time_sheets.number }} {% trans "of" %} {{ time_sheets.paginator.num_pages }}.
+    </span>
+    <nav class="oh-pagination__nav">
+      <div class="oh-pagination__input-container me-3">
+        <span class="oh-pagination__label me-1">{% trans "Page" %}</span>
+        <input
+          type="number"
+          name="page"
+          class="oh-pagination__input"
+          value="{{time_sheets.number}}"
+          hx-get="{% url 'filter-time-sheet' %}?{{pd}}&view=card"
+          hx-target="#TimeSheetList"
+          min="1"
+        />
+
+        <span class="oh-pagination__label"
+          >{% trans "of" %} {{time_sheet.paginator.num_pages}}</span
+        >
+      </div>
+      <ul class="oh-pagination__items">
+        {% if time_sheets.has_previous %}
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a
+            hx-target="#TimeSheetList"
+            hx-get="{% url 'filter-time-sheet' %}?{{pd}}&page=1&view=card"
+            class="oh-pagination__link"
+            >{% trans "First" %}</a
+          >
+        </li>
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a
+            hx-target="#TimeSheetList"
+            hx-get="{% url 'filter-time-sheet' %}?{{pd}}&page={{ time_sheets.previous_page_number }}&view=card"
+            class="oh-pagination__link"
+            >{% trans "Previous" %}</a
+          >
+        </li>
+        {% endif %} {% if time_sheets.has_next %}
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a
+            hx-target="#TimeSheetList"
+            hx-get="{% url 'filter-time-sheet' %}?{{pd}}&page={{ time_sheets.next_page_number }}&view=card"
+            class="oh-pagination__link"
+            >{% trans "Next" %}</a
+          >
+        </li>
+        <li class="oh-pagination__item oh-pagination__item--wide">
+          <a
+            hx-target="#TimeSheetList"
+            hx-get="{% url 'filter-time-sheet' %}?{{pd}}&page={{ time_sheets.paginator.num_pages }}&view=card"
+            class="oh-pagination__link"
+            >{% trans "Last" %}</a
+          >
+        </li>
+        {% endif %}
+      </ul>
+    </nav>
+  </div>
+ {% else %} 
+  <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+    <div style="" class="">
+      <img style="display: block;width: 200px;margin: 10px auto ;" src="{% static 'images/ui/project/timesheet.png' %}" class="" alt="Page not found. 404."/>
+      <h3 style="font-size:20px" class="oh-404__subtitle">{% trans "There are currently no available timesheets; please create a new one." %}</h3>
+    </div>
+  </div>
+{% endif %}
\ No newline at end of file
diff --git a/project/templates/time_sheet/time_sheet_list_view.html b/project/templates/time_sheet/time_sheet_list_view.html
new file mode 100644
index 000000000..ef0cabe8b
--- /dev/null
+++ b/project/templates/time_sheet/time_sheet_list_view.html
@@ -0,0 +1,188 @@
+{% load i18n %} {% load yes_no %} {% load static %}
+{% include "filter_tags.html" %}
+
+{% if time_sheets %}
+  <div class="oh-tabs__content oh-tabs__content--active" style="padding-top: 10px;">
+    {% comment %} easy filters {% endcomment %}
+    <div class="d-flex flex-row-reverse">
+      <span class="m-3 draft" hx-get="{% url 'filter-time-sheet' %}?{{pd}}&status=in_progress&view=list" hx-target="#TimeSheetList" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:Orange"></span>
+        {% trans "In progress" %}
+      </span>
+      <span class="m-3 draft" hx-get="{% url 'filter-time-sheet' %}?{{pd}}&status=completed&view=list" hx-target="#TimeSheetList" style="cursor: pointer">
+        <span class="oh-dot oh-dot--small me-1" style="background-color:DodgerBlue"></span>
+        {% trans "Completed" %}
+      </span>
+    </div>
+    {% comment %} table of contents {% endcomment %}
+    <div class="oh-sticky-table">
+      <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">
+              <div class="d-flex">
+                <div class="">
+                  <input type="checkbox" class="oh-input oh-input__checkbox mt-1 mr-2 all-time-sheet" />
+                </div>
+                <div>{% trans "Employee" %}</div>
+              </div>
+            </div>
+            {% comment %}
+            <div class="oh-sticky-table__th">{% trans "Employee" %}</div>
+            {% endcomment %}
+            <div class="oh-sticky-table__th">{% trans "Project" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Task" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Date" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Time Spent" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Status" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Description" %}</div>
+            <div class="oh-sticky-table__th">{% trans "Actions" %}</div>
+          </div>
+        </div>
+
+        {% for time_sheet in time_sheets %}
+        <div class="oh-sticky-table__tr ui-sortable-handle" 
+        data-toggle="oh-modal-toggle"
+        data-target="#TimeSheetModal"
+        hx-get="{% url 'view-single-time-sheet' time_sheet.id %}"
+        hx-target="#TimeSheetFormTarget" 
+        >
+          <div class="oh-sticky-table__sd {% if time_sheet.status == 'in_Progress' %} in-progress-time-sheet 
+                                          {% else %} completed-time-sheet
+                                          {% endif %} ">
+            <div class="d-flex">
+              <div onclick="event.stopPropagation();">
+                <input
+                  type="checkbox"
+                  id="{{time_sheet.id}}"
+                  class="oh-input candidate-checkbox oh-input__checkbox mt-2 mr-2 all-time-sheet-row"
+                />
+              </div>
+              <div class="oh-profile oh-profile--md">
+                <div class="oh-profile__avatar mr-1">
+                    <img
+                      src="{{time_sheet.employee_id.get_avatar}}"
+                      class="oh-kanban-card__profile-image"
+                      alt="Username"
+                    />
+                </div>
+                <span class="oh-profile__name oh-text--dark"
+                  >{{time_sheet.employee_id.employee_first_name}}
+                  {{time_sheet.employee_id.employee_last_name|default:""}}
+                </span>
+              </div>
+            </div>
+          </div>
+          <div class="oh-sticky-table__td">{{time_sheet.project_id.title}}</div>
+          <div class="oh-sticky-table__td">{{time_sheet.task_id}}</div>
+          <div class="oh-sticky-table__td">{{time_sheet.date}}</div>
+          <div class="oh-sticky-table__td">{{time_sheet.time_spent}}</div>
+          <div class="oh-sticky-table__td">{{time_sheet.get_status_display}}</div>
+          <div class="oh-sticky-table__td">{{time_sheet.description|truncatechars:15}}</div>
+          <div class="oh-sticky-table__td" onclick="event.stopPropagation();">
+            <div class="oh-btn-group " >
+              <a
+                class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
+                data-toggle="oh-modal-toggle"
+                data-target="#TimeSheetModal"
+                hx-get="{% url 'update-time-sheet' time_sheet.id %}"
+                hx-target="#TimeSheetFormTarget"
+                
+              >
+                <ion-icon
+                  name="create-outline"
+                  role="img"
+                  class="md hydrated"
+                  style="color: blue"
+                  aria-label="create outline"
+                ></ion-icon>
+              </a>
+              <a
+                class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
+                href="{% url 'delete-time-sheet' time_sheet.id %}"
+                onclick="event.preventDefault();event.stopPropagation(); confirm(`{% trans 'Do you want to delete this time sheet?' %}`)"
+              >
+                <ion-icon
+                  name="trash-outline"
+                  role="img"
+                  class="md hydrated"
+                  aria-label="trash outline"
+                ></ion-icon>
+              </a>
+            </div>
+          </div>
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+
+<div class="oh-pagination">
+  <span class="oh-pagination__page">
+    {% trans "Page" %} {{ time_sheets.number }} {% trans "of" %} {{ time_sheets.paginator.num_pages }}.
+  </span>
+  <nav class="oh-pagination__nav">
+    <div class="oh-pagination__input-container me-3">
+      <span class="oh-pagination__label me-1">{% trans "Page" %}</span>
+      <input
+        type="number"
+        name="page"
+        class="oh-pagination__input"
+        value="{{time_sheets.number}}"
+        hx-get="{% url 'filter-time-sheet' %}?{{pd}}"
+        hx-target="#TimeSheetList"
+        min="1"
+      />
+      <span class="oh-pagination__label"
+        >{% trans "of" %} {{time_sheet.paginator.num_pages}}</span
+      >
+    </div>
+    <ul class="oh-pagination__items">
+      {% if time_sheets.has_previous %}
+      <li class="oh-pagination__item oh-pagination__item--wide">
+        <a
+          hx-target="#TimeSheetList"
+          hx-get="{% url 'filter-time-sheet' %}?{{pd}}&page=1"
+          class="oh-pagination__link"
+          >{% trans "First" %}</a
+        >
+      </li>
+      <li class="oh-pagination__item oh-pagination__item--wide">
+        <a
+          hx-target="#TimeSheetList"
+          hx-get="{% url 'filter-time-sheet' %}?{{pd}}&page={{ time_sheets.previous_page_number }}"
+          class="oh-pagination__link"
+          >{% trans "Previous" %}</a
+        >
+      </li>
+      {% endif %} {% if time_sheets.has_next %}
+      <li class="oh-pagination__item oh-pagination__item--wide">
+        <a
+          hx-target="#TimeSheetList"
+          hx-get="{% url 'filter-time-sheet' %}?{{pd}}&page={{ time_sheets.next_page_number }}"
+          class="oh-pagination__link"
+          >{% trans "Next" %}</a
+        >
+      </li>
+      <li class="oh-pagination__item oh-pagination__item--wide">
+        <a
+          hx-target="#TimeSheetList"
+          hx-get="{% url 'filter-time-sheet' %}?{{pd}}&page={{ time_sheets.paginator.num_pages }}"
+          class="oh-pagination__link"
+          >{% trans "Last" %}</a
+        >
+      </li>
+      {% endif %}
+    </ul>
+  </nav>
+</div>
+{% else %}
+  <div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
+    <div style="" class="">
+      <img style="display: block;width: 200px;margin: 10px auto ;" src="{% static 'images/ui/project/timesheet.png' %}" class="" alt="Page not found. 404."/>
+      <h3 style="font-size:20px" class="oh-404__subtitle">{% trans "There are currently no available timesheets; please create a new one." %}</h3>
+    </div>
+  </div>
+{% endif %}
+
+<script src="{% static '/time_sheet/time_sheet_action.js' %}"></script>
\ No newline at end of file
diff --git a/project/templates/time_sheet/time_sheet_navbar.html b/project/templates/time_sheet/time_sheet_navbar.html
new file mode 100644
index 000000000..bcc11ce5d
--- /dev/null
+++ b/project/templates/time_sheet/time_sheet_navbar.html
@@ -0,0 +1,144 @@
+{% load i18n %}
+{% load basefilters %}
+  <section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
+    <div class="oh-main__titlebar oh-main__titlebar--left">
+      <h1 class="oh-main__titlebar-title fw-bold">{% trans "Time Sheet" %}</h1>
+      <a
+        class="oh-main__titlebar-search-toggle"
+        role="button"
+        aria-label="Toggle Search"
+        @click="searchShow = !searchShow"
+      >
+        <ion-icon
+          name="search-outline"
+          class="oh-main__titlebar-serach-icon md hydrated"
+          role="img"
+          aria-label="search outline"
+        ></ion-icon>
+      </a>
+    </div>
+    {% if perms.project.view_timesheet or request.user|is_reportingmanager %}
+    <div class="oh-main__titlebar oh-main__titlebar--right">
+      <div
+        class="oh-input-group oh-input__search-group"
+        :class="searchShow ? 'oh-input__search-group--show' : ''"
+      >
+        <ion-icon
+          name="search-outline"
+          class="oh-input-group__icon oh-input-group__icon--left"
+        ></ion-icon>
+        <input
+          type="text"
+          class="oh-input oh-input__icon"
+          aria-label="Search Input"
+          id="filter-time-sheet"
+          name="search"
+          placeholder="{% trans 'Search' %}"
+          hx-get="{% url 'filter-time-sheet' %}"
+          hx-trigger="keyup changed delay:500ms, search"
+          hx-target="#TimeSheetList"
+          hx-swap="innerHTML"
+        />
+      </div>
+      {% endif %}
+      <div class="oh-dropdown" x-data="{open: false}">
+        <ul class="oh-view-types ml-2">
+          <li class="oh-view-type time-sheet-view-type" data-view="list">
+            <a
+              hx-get="{% url 'filter-time-sheet' %}?view=list"
+              hx-target="#TimeSheetList"
+              class="oh-btn oh-btn--view"
+              ><ion-icon name="list-outline"></ion-icon
+            ></a>
+          </li>
+          <li class="oh-view-type time-sheet-view-type" data-view="card">
+            <a
+              hx-get="{% url 'filter-time-sheet' %}?view=card"
+              hx-target="#TimeSheetList"
+              class="oh-btn oh-btn--view"
+              ><ion-icon name="grid-outline"></ion-icon
+            ></a>
+          </li>
+          <li class="oh-view-type time-sheet-view-type">
+            <a
+              href="{% url 'personal-time-sheet-view' request.user.employee_get.id %}"
+              
+              class="oh-btn oh-btn--view"
+              ><ion-icon name="bar-chart"></ion-icon
+            ></a>
+          </li>
+        </ul>
+      </div>
+      <div class="oh-main__titlebar-button-container">
+
+        <div class="oh-dropdown" x-data="{open: false}">
+            <button class="oh-btn ml-2" @click="open = !open">
+              <ion-icon name="filter" class="mr-1"></ion-icon>{% trans "Filter" %}
+            </button>
+            <div
+              class="oh-dropdown__menu oh-dropdown__menu--right oh-dropdown__filter p-4"
+              x-show="open"
+              @click.outside="open = false"
+              style="display: none;"
+              >
+              
+              {% include 'time_sheet/filters.html' %}
+            </div>
+        </div>
+        {% comment %} for actions {% endcomment %}
+        <div class="oh-btn-group ml-2">
+            <div class="oh-dropdown" x-data="{open: false}">
+              <button
+                class="oh-btn oh-btn--dropdown oh-btn oh-btn--shadow"
+                @click="open = !open"
+                @click.outside="open = false"
+              >
+                {% trans "Actions" %}
+              </button>
+              <div class="oh-dropdown__menu oh-dropdown__menu--right" x-show="open" style="display: none;">
+                <ul class="oh-dropdown__items">
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  {% comment %} <li class="oh-dropdown__item">
+                    <a href="#" class="oh-dropdown__link " id="archiveEmployees" 
+                      >{% trans "Archive" %}</a
+                    >
+                  </li> {% endcomment %}
+                  {% comment %} {% endif %}  {% endcomment %}
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  {% comment %} <li class="oh-dropdown__item">
+                    <a href="#" class="oh-dropdown__link "  id="unArchiveEmployees" 
+                      >{% trans "Un-Archive" %}</a
+                    >
+                  </li> {% endcomment %}
+                  {% comment %} {% endif %}  {% endcomment %}
+                  {% comment %} {% if perms.delete_employee %} {% endcomment %}
+                  <li class="oh-dropdown__item">
+                    <a
+                      href="#"
+                      class="oh-dropdown__link oh-dropdown__link--danger"
+                      id="deleteTimeSheet"
+                      >{% trans "Delete" %}</a
+                    >
+                  </li>
+                  {% comment %} {% endif %} {% endcomment %}
+                </ul>
+              </div>
+            </div>
+        </div>
+  
+        <div class="oh-btn-group ml-2">
+          <div>
+            <a
+              class="oh-btn oh-btn--secondary oh-btn--shadow"
+              data-toggle="oh-modal-toggle"
+              data-target="#TimeSheetModal"
+              hx-get="{% url 'create-time-sheet' %}"
+              hx-target="#TimeSheetFormTarget"
+            >
+              <ion-icon class="me-2" name="add-outline"></ion-icon>{% trans "Create" %}
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
\ No newline at end of file
diff --git a/project/templates/time_sheet/time_sheet_single_view.html b/project/templates/time_sheet/time_sheet_single_view.html
new file mode 100644
index 000000000..c190dd4d0
--- /dev/null
+++ b/project/templates/time_sheet/time_sheet_single_view.html
@@ -0,0 +1,94 @@
+{% load i18n %} {% load yes_no %} {% load basefilters %}
+<div class="oh-modal__dialog-header">
+  <span class="oh-modal__dialog-title" id="addEmployeeObjectiveModalLabel">
+    <h5 style="margin-bottom: 20px;">Timesheet Details</h5>
+  </span>
+  <button
+    type="button"
+    class="oh-modal__close"
+    data-dismiss="oh-modal"
+    aria-label="Close"
+    data-toggle="oh-modal-toggle"
+    hx-target="#OneContractTarget"
+  >
+    <ion-icon name="close-outline"></ion-icon>
+  </button>
+    <div class="oh-timeoff-modal__stats-container mb-3">
+      <div class="oh-timeoff-modal__stat">
+          <span class="oh-timeoff-modal__stat-title">{% trans "Employee" %}</span>
+          <span class="oh-timeoff-modal__stat-count">{{time_sheet.employee_id}}</span>
+      </div>
+      <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+          <span class="oh-timeoff-modal__stat-title">{% trans "Project" %}</span>
+          <span class="oh-timeoff-modal__stat-count">{{time_sheet.project_id}}</span>
+      </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Task" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{time_sheet.task_id}}</span>
+        </div>
+        <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Date" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{time_sheet.date}}</span>
+        </div>
+    </div>
+    <div class="oh-timeoff-modal__stats-container mt-3 mb-3">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Time Spent" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{time_sheet.time_spent}}</span>
+        </div>
+        <div class="oh-timeoff-modal__stat" style="margin-left: 20px;">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Status" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{time_sheet.status}}</span>
+        </div>
+    </div>
+    <div class="mt-3 mb-5" style="width:100%;">
+        <div class="oh-timeoff-modal__stat">
+            <span class="oh-timeoff-modal__stat-title">{% trans "Description" %}</span>
+            <span class="oh-timeoff-modal__stat-count">{{time_sheet.description}}</span>
+        </div>
+    </div>
+    <div class="oh-modal__button-container text-center">
+       <div class="oh-btn-group">
+         <a hx-get="{% url 'update-time-sheet' time_sheet.id %}" 
+          hx-target="#TimeSheetFormTarget" 
+          data-toggle="oh-modal-toggle"
+          data-target="#TimeSheetModal"
+          class="oh-btn oh-btn--warning" 
+          style="{% if perms.project.view_timesheet or request.user|is_reportingmanager %} width: 25%;{% else %}width: 50%;{% endif %}">
+           <ion-icon
+           name="create-outline"
+           role="img"
+           class="md hydrated"
+           aria-label="create outline"
+           ></ion-icon>{% trans "Edit" %}
+          </a>
+          {% if perms.project.view_timesheet or request.user|is_reportingmanager %} 
+          <a href="{% url 'personal-time-sheet-view' time_sheet.employee_id.id %}" 
+          class="oh-btn oh-btn--info me-1 ms-1" 
+          style="width: 48%;">
+            <ion-icon
+            name="bar-chart"
+            role="img"
+            class="md hydrated"
+            aria-label="create outline"
+            ></ion-icon>{% trans "View Timesheet Chart" %}
+           </a>
+           {% endif %}
+          <a href="{% url 'delete-time-sheet' time_sheet.id %}" 
+          class="oh-btn oh-btn--danger" 
+          style="{% if perms.project.view_timesheet or request.user|is_reportingmanager %} width: 25%;{% else %}width: 50%;{% endif %}"
+          onclick="event.preventDefault();event.stopPropagation(); confirm(`{% trans 'Do you want to delete this project?' %}`)">
+            <ion-icon
+            name="trash-outline"
+            role="img"
+            class="md hydrated"
+            aria-label="create outline"
+            ></ion-icon>{% trans "Delete" %}
+           </a>
+        </div>
+    </div>
+</div>
+
+
diff --git a/project/templates/time_sheet/time_sheet_view.html b/project/templates/time_sheet/time_sheet_view.html
new file mode 100644
index 000000000..7ffef8cec
--- /dev/null
+++ b/project/templates/time_sheet/time_sheet_view.html
@@ -0,0 +1,65 @@
+{% extends 'index.html' %} 
+{% block content %} 
+  {% load i18n %} 
+  {% load basefilters %}
+  <style>
+    .in-progress-time-sheet{
+            border-left: solid 5px Orange !important;
+            border-radius: 5px 0 0 5px;
+        }
+    .completed-time-sheet{
+            border-left: solid 5px DodgerBlue !important;
+            border-radius: 5px 0 0 5px;
+        }
+  </style>
+  <main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
+    {% include 'time_sheet/time_sheet_navbar.html' %}  
+
+    <div id="TimeSheetList" class="oh-wrapper">
+      {% if view_type == "card" %}
+        {% include 'time_sheet/time_sheet_card_view.html' %}
+      {% else %}
+        {% include 'time_sheet/time_sheet_list_view.html' %}
+      {% endif %}
+    </div>
+  </main>
+
+  <div
+    class="oh-modal"
+    id="TimeSheetModal"
+    role="dialog"
+    aria-labelledby="TimeSheetModal"
+    aria-hidden="true"
+  >
+    <div
+      class="oh-modal__dialog"
+      style="max-width: 550px"
+      id="TimeSheetFormTarget"
+    ></div>
+  </div>
+  <script>
+    $(document).ready(function () {
+      $("#filter-time-sheet").keyup(function (e) {
+        $(".time-sheet-view-type").attr("hx-vals", `{"search":"${$(this).val()}"}`);
+      });
+      $(".time-sheet-view-type").click(function (e) {
+        let view = $(this).data("view");
+        var currentURL = window.location.href;
+        if (view != undefined){
+          if (/\?view=[^&]+/.test(currentURL)) {
+            newURL = currentURL.replace(/\?view=[^&]+/, "?view="+view);
+          }
+          else {
+            var separator = currentURL.includes('?') ? '&' : '?';
+            newURL = currentURL + separator + "view="+view;
+          }
+
+          history.pushState({}, "", newURL);
+        $("#filter-time-sheet").attr("hx-vals", `{"view":"${view}"}`);
+        $('#timesheetForm').attr("hx-vals", `{"view":"${view}"}`);
+      }
+      });
+
+    });
+  </script>
+{% endblock content %}
diff --git a/project/tests.py b/project/tests.py
new file mode 100644
index 000000000..7ce503c2d
--- /dev/null
+++ b/project/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/project/urls.py b/project/urls.py
new file mode 100644
index 000000000..1ff5a8bd3
--- /dev/null
+++ b/project/urls.py
@@ -0,0 +1,117 @@
+from django.urls import path
+
+from project.models import Project
+from . import views
+urlpatterns = [
+    # Dashboard
+    path('project-dashboard-view',views.dashboard_view,name='project-dashboard-view'),
+    path('project-status-chart',views.project_status_chart,name='project-status-chart'),
+    path('task-status-chart',views.task_status_chart,name='task-status-chart'),
+    path(
+        'project-detailed-view/<int:project_id>/',
+        views.project_detailed_view,
+        name='project-detailed-view'
+    ),
+    
+    # Project
+    path('project-view/',views.project_view,name='project-view'),
+    path("create-project", views.create_project, name="create-project"),
+    path(
+        "update-project/<int:project_id>/",
+         views.project_update, 
+         name="update-project"
+    ),
+    path("delete-project/<int:project_id>/", views.project_delete, name="delete-project"),
+    path("project-filter", views.project_filter, name="project-filter"),
+    path("project-import", views.project_import, name="project-import"),
+    path("project-bulk-export",views.project_bulk_export,name="project-bulk-export"),
+    path("project-bulk-archive",views.project_bulk_archive,name="project-bulk-archive"),
+    path("project-bulk-delete",views.project_bulk_delete,name="project-bulk-delete"),
+    path('project-archive/<int:project_id>/',views.project_archive,name='project-archive'),
+
+    
+    # Task
+    path('task-view/<int:project_id>/',views.task_view,name='task-view',kwargs={"model":Project}),
+    path('create-task/<int:stage_id>/',views.create_task,name='create-task'),
+    path('create-task-in-project/<int:project_id>/',views.create_task_in_project,name='create-task-in-project'),
+    path('update-task/<int:task_id>/',views.update_task,name='update-task'),
+    path('delete-task/<int:task_id>/',views.delete_task,name='delete-task'),
+    path('task-details/<int:task_id>/',views.task_details,name='task-details'),
+    path('task-filter/<int:project_id>/',views.task_filter,name='task-filter'),
+    path('task-stage-change',views.task_stage_change,name='task-stage-change'),
+    path('task-timesheet/<int:task_id>/',views.task_timesheet,name='task-timesheet'),
+    path("create-timesheet-task/<int:task_id>/",views.create_timesheet_task,name="create-timesheet-task"),
+    path("update-timesheet-task/<int:timesheet_id>/",views.update_timesheet_task,name="update-timesheet-task"),
+    path('drag-and-drop-task',views.drag_and_drop_task,name='drag-and-drop-task'),
+ 
+    # Task-all
+    path('task-all',views.task_all,name='task-all'),
+    path('create-task-all',views.task_all_create,name='create-task-all'),
+    path('update-task-all/<int:task_id>/',views.update_task_all,name='update-task-all'),
+    path('task-all-filter/',views.task_all_filter,name='task-all-filter'),
+    path("task-all-bulk-archive",views.task_all_bulk_archive,name="task-all-bulk-archive"),
+    path("task-all-bulk-delete",views.task_all_bulk_delete,name="task-all-bulk-delete"),
+    path('task-all-archive/<int:task_id>/',views.task_all_archive,name='task-all-archive'),
+
+    
+
+    # Project stage
+    path('create-project-stage/<int:project_id>/',views.create_project_stage,name='create-project-stage'),
+    path('update-project-stage/<int:stage_id>/',views.update_project_stage,name='update-project-stage'),
+    path('delete-project-stage/<int:stage_id>/',views.delete_project_stage,name='delete-project-stage'),
+    path('get-stages',views.get_stages,name="get-stages"),
+    path('create-stage-taskall',views.create_stage_taskall,name='create-stage-taskall'),
+    path('drag-and-drop-stage',views.drag_and_drop_stage,name='drag-and-drop-stage'),
+
+
+    # Timesheet  
+    path("view-time-sheet", views.time_sheet_view, name="view-time-sheet"),
+    path("create-time-sheet", views.time_sheet_creation, name="create-time-sheet"),
+    path(
+        "update-time-sheet/<int:time_sheet_id>/",
+        views.time_sheet_update,
+        name="update-time-sheet",
+    ),
+    path(
+        "delete-time-sheet-ajax/<int:time_sheet_id>/",
+        views.time_sheet_delete_ajax,
+        name="delete-time-sheet-ajax",
+    ),
+    path("filter-time-sheet", views.time_sheet_filter, name="filter-time-sheet"),
+    path("time-sheet-initial", views.time_sheet_initial, name="time-sheet-initial"),
+
+     path("view-time-sheet", views.time_sheet_view, name="view-time-sheet"),
+    path("create-time-sheet", views.time_sheet_creation, name="create-time-sheet"),
+    path(
+        "create-project-time-sheet",
+        views.time_sheet_project_creation,
+        name="create-project-time-sheet",
+    ),
+    path(
+        "create-task-time-sheet",
+        views.time_sheet_task_creation,
+        name="create-task-time-sheet",
+    ),
+    path(
+        "update-time-sheet/<int:time_sheet_id>/",
+        views.time_sheet_update,
+        name="update-time-sheet",
+    ),
+    path(
+        "delete-time-sheet/<int:time_sheet_id>/",
+        views.time_sheet_delete,
+        name="delete-time-sheet",
+    ),
+    path("filter-time-sheet", views.time_sheet_filter, name="filter-time-sheet"),
+    path("time-sheet-initial", views.time_sheet_initial, name="time-sheet-initial"),
+    path(
+        "personal-time-sheet-view/<int:emp_id>/",
+        views.personal_time_sheet_view,
+        name="personal-time-sheet-view",
+    ),
+    path("personal-time-sheet/", views.personal_time_sheet, name="personal-time-sheet"),
+    path("view-single-time-sheet/<int:time_sheet_id>", views.time_sheet_single_view, name="view-single-time-sheet"),
+    path('time-sheet-bulk-delete',views.time_sheet_bulk_delete,name="time-sheet-bulk-delete"),
+
+
+]
diff --git a/project/views.py b/project/views.py
new file mode 100644
index 000000000..e23679c03
--- /dev/null
+++ b/project/views.py
@@ -0,0 +1,1489 @@
+import calendar
+from collections import defaultdict
+import datetime
+from urllib.parse import parse_qs
+from django.shortcuts import render, redirect
+from django.http import HttpResponse,JsonResponse,HttpResponseRedirect
+from django.urls import reverse
+import pandas as pd
+from horilla.decorators import login_required, permission_required
+from django.utils.translation import gettext_lazy as _
+from django.template.loader import render_to_string
+from django.contrib import messages
+from .forms import *
+from .models import *
+from .decorator import *
+from .methods import is_projectmanager_or_member_or_perms, is_task_manager,is_task_member
+from .filters import TimeSheetFilter, ProjectFilter, TaskFilter,TaskAllFilter
+from django.core.exceptions import ValidationError
+import json
+from django.core.paginator import Paginator
+import calendar
+import datetime
+from django.core import serializers
+import json
+import xlsxwriter
+from horilla.decorators import hx_request_required
+
+from project.methods import strtime_seconds , paginator_qry, generate_colors, time_sheet_delete_permissions, time_sheet_update_permissions
+from base.methods import filtersubordinates, get_key_instances
+
+
+# Create your views here.
+# Dash board view
+
+@login_required
+def dashboard_view(request):
+    """
+    Dashboard view of project
+    Returns:
+        it will redirect to dashboard.
+    """
+ 
+    # Get the current date
+    today = datetime.date.today()
+    # Find the last day of the current month
+    last_day = calendar.monthrange(today.year, today.month)[1]
+    # Construct the last date of the current month
+    last_date = datetime.date(today.year, today.month, last_day)
+
+    total_projects= Project.objects.all().count()
+    new_projects= Project.objects.filter(status='new').count()
+    projects_in_progress= Project.objects.filter(status='in_progress').count()
+    date_range = {'end_till':last_date}
+    projects_due_in_this_month = ProjectFilter(date_range).qs
+    unexpired_project =[] 
+    for project in projects_due_in_this_month:
+        if project.status != 'expired':
+            unexpired_project.append(project)
+
+    context = {
+        "total_projects":total_projects,
+        "new_projects":new_projects,
+        "projects_in_progress":projects_in_progress,
+        'unexpired_project':unexpired_project
+    }
+    return render(request,'dashboard/project_dashboard.html',context=context)
+
+@login_required
+def project_status_chart(request):
+    """
+    This method is used generate project dataset for the dashboard
+    """
+    initial_data = []
+    data_set = []
+    choices = Project.PROJECT_STATUS
+    labels = [type[1] for type in choices]
+    for label in choices:
+        initial_data.append(
+            {
+                "label": label[1],
+                "data": [],
+            }
+        )
+    
+    for status in choices:
+        count = Project.objects.filter(status=status[0]).count()
+        data = []
+        for index, label in enumerate(initial_data):
+            if status[1] == initial_data[index]['label']:
+                data.append(count)
+            else:
+                data.append(0)
+        data_set.append(
+            {
+                "label": status[1],
+                "data": data,
+            }
+        )
+    return JsonResponse({"dataSet":data_set, "labels": labels})
+
+
+@login_required
+def task_status_chart(request):
+    """
+    This method is used generate project dataset for the dashboard
+    """
+    # projects = Project.objects.all()
+    initial_data = []
+    data_set = []
+    choices = Task.TASK_STATUS
+    labels = [type[1] for type in choices]
+    for label in choices:
+        initial_data.append(
+            {
+                "label": label[1],
+                "data": [],
+            }
+        )
+    # for status in choices:
+    #    count = Project.objects.filter(status=status[0]).count()
+    
+    for status in choices:
+        count = Task.objects.filter(status=status[0]).count()
+        data = []
+        for index, label in enumerate(initial_data):
+            if status[1] == initial_data[index]['label']:
+                data.append(count)
+            else:
+                data.append(0)
+        data_set.append(
+            {
+                "label": status[1],
+                "data": data,
+            }
+        )
+    return JsonResponse({"dataSet":data_set, "labels": labels})
+
+@login_required
+def project_detailed_view(request,project_id):
+    project = Project.objects.get(id=project_id)
+    task_count = project.task_set.count()
+    context ={
+        'project':project,
+        "task_count":task_count,
+    }
+    return render(request,'dashboard/project_details.html',context=context)
+
+# Project views
+
+@login_required
+@is_projectmanager_or_member_or_perms(perm="project.view_project")
+def project_view(request):
+    """
+    Overall view of project, the default view
+    """
+    form = ProjectFilter()
+    view_type = 'card'
+    if request.GET.get('view') == 'list':
+        view_type = 'list'
+    projects = Project.objects.all() 
+    if request.GET.get("search") is not None:
+        projects = ProjectFilter(request.GET).qs
+    previous_data = request.environ['QUERY_STRING']
+    page_number = request.GET.get('page')
+    context = {'view_type':view_type,
+               'projects':paginator_qry(projects,page_number),
+               "pd": previous_data,
+                "f": form,
+               }
+    return render(request,'project/new/overall.html', context)
+
+
+@permission_required(perm="project.add_project")
+@login_required
+def create_project(request):
+    """
+    For creating new project
+    """
+    form = ProjectForm()
+    if request.method == "POST":
+        form = ProjectForm(request.POST, request.FILES)
+        if form.is_valid():
+            form.save()
+            messages.success(request,_('New project created'))
+            response = render(request,
+                              "project/new/forms/project_creation.html",
+                               context={"form": form},
+                              )
+
+            return HttpResponse(response.content.decode("utf-8") + "<script>location.reload();</script>")
+    return render(request, "project/new/forms/project_creation.html", context={"form": form})
+
+
+@login_required
+@project_update_permission()
+def project_update(request, project_id):
+    """
+    Update an existing project.
+
+    Args:
+        request: The HTTP request object.
+        project_id: The ID of the project to update.
+
+    Returns:
+        If the request method is POST and the form is valid, redirects to the project overall view.
+        Otherwise, renders the project update form.
+
+    """
+    project = Project.objects.get(id=project_id)
+    project_form = ProjectForm(instance=project)
+    if request.method == "POST":
+        project_form = ProjectForm(request.POST, request.FILES, instance=project)
+        if project_form.is_valid():
+            project_form.save()
+            messages.success(request, _("Project updated"))
+            response = render(
+                request, "project/new/forms/project_update.html", {"form": project_form , 'project_id' : project_id}
+            )
+            return HttpResponse(
+                response.content.decode("utf-8") + "<script>location.reload();</script>"
+            )
+    return render(
+        request,
+        "project/new/forms/project_update.html",
+        {
+            "form": project_form, 'project_id' : project_id
+        },
+    )
+
+
+@login_required
+@project_delete_permission()
+def project_delete(request, project_id):
+    """
+    For deleting existing project
+    """
+    view_type = request.GET.get('view')
+    project_view_url = reverse('project-view') 
+    redirected_url = f'{project_view_url}?view={view_type}'
+    Project.objects.get(id=project_id).delete()
+
+    return redirect(redirected_url)
+    
+
+@login_required
+def project_filter(request):
+    """
+    For filtering projects
+    """
+    projects = ProjectFilter(request.GET).qs
+    templete = 'project/new/project_kanban_view.html'
+    if request.GET.get('view') == 'list':
+        templete = 'project/new/project_list_view.html'
+    previous_data = request.environ['QUERY_STRING']
+    page_number = request.GET.get('page')
+    filter_obj = projects
+    data_dict = parse_qs(previous_data)
+    get_key_instances(Project, data_dict)
+    context = {
+               'projects':paginator_qry(projects,page_number),
+               "pd": previous_data,
+                "f": filter_obj,
+                "filter_dict": data_dict,
+
+               }
+    return render(request, templete,context)
+
+
+def convert_nan(field, dicts):
+    """
+    This method is returns None or field value
+    """
+    field_value = dicts.get(field)
+    try:
+        float(field_value)
+        return None
+    except ValueError:
+        return field_value
+    
+
+@login_required
+def project_import(request):
+    """
+    This method is used to import Project instances and creates related objects
+    """
+    data_frame = pd.DataFrame(
+        columns=["Title", "Manager Badge id","Member Badge id","Status", "Start Date", "End Date", "Description"]
+    )
+    # Export the DataFrame to an Excel file
+    response = HttpResponse(content_type="application/ms-excel")
+    response["Content-Disposition"] = 'attachment; filename="project_template.xlsx"'
+    data_frame.to_excel(response, index=False)
+
+    if request.method == "POST" and request.FILES.get("file") is not None:
+        file = request.FILES["file"]
+        data_frame = pd.read_excel(file)
+        project_dicts = data_frame.to_dict("records")
+        error_lists = []
+        for project in project_dicts:
+            try:
+                # getting datas from imported file
+                title = project['Title']
+                manager_badge_id = convert_nan("Manager Badge id", project)
+                member_badge_id = convert_nan("Member Badge id", project)
+                status = project['Status']
+                start_date = project["Start Date"]
+                end_date = project["End Date"]
+                description = project['Description']
+
+                # checcking all the imported values
+                is_save = True
+                # getting employee using badge id, for manager
+                if manager_badge_id :
+                    if Employee.objects.filter(badge_id = manager_badge_id).exists():
+                        manager = Employee.objects.filter(badge_id = manager_badge_id).first()
+                    else:
+                        project ["Manager error"] = f"{manager_badge_id} - This badge not exist"
+                        is_save = False
+
+                # getting employee using badge id, for member
+                if member_badge_id:
+                    ids = member_badge_id.split(',')
+                    error_ids = []
+                    employees = []
+                    for id in ids:
+                        if Employee.objects.filter(badge_id = id).exists():
+                            employee = Employee.objects.filter(badge_id = id).first()
+                            employees.append(employee)
+                        else:
+                            error_ids.append(id)
+                            is_save = False
+                    if error_ids:
+                        ids = ','.join(map(str, error_ids))
+                        project ["Member error"] = f"{ids} - This id not exists"
+
+                if status: 
+                    if status not in [stat for stat, _ in Project.PROJECT_STATUS]:
+                        project ["Status error"] = f'{status} not available in Project status'
+                        is_save = False
+                else:
+                    project ["Status error"] = 'Status is a required field'
+                    is_save = False
+
+                format = '%Y-%m-%d'
+                if start_date:
+                    
+                    # using try-except to check for truth value
+                    try:
+                        res = bool(datetime.datetime.strptime(start_date.strftime("%Y-%m-%d"), format))
+                    except Exception as e:
+                        res = False 
+                    if res == False :
+                        project["Start date error"] = "Date must be in 'YYYY-MM-DD' format"
+                        is_save = False
+                else:
+                    project["Start date error"] = "Start date is a required field"
+                    is_save = False
+                 
+                
+                if end_date:
+                    # using try-except to check for truth value
+                    try:
+                        res = bool(datetime.datetime.strptime(end_date.strftime("%Y-%m-%d"), format))
+                        if end_date < start_date:
+                            project["end date error"] = "End date must be greater than Start date"
+                            is_save = False
+                    except ValueError:
+                        res = False 
+                    if res == False :
+                        project["end date error"] = "Date must be in 'YYYY-MM-DD' format"
+                        is_save = False
+
+                if is_save == True :
+                    # creating new project
+                    if Project.objects.filter(title=title).exists():
+                        project_obj =  Project.objects.filter(title=title).first()
+                    else:
+                        project_obj = Project(title=title)
+                    project_obj.start_date = start_date.strftime("%Y-%m-%d")
+                    project_obj.end_date = end_date.strftime("%Y-%m-%d")
+                    project_obj.manager=manager
+                    project_obj.status = status
+                    project_obj.description = description
+                    project_obj.save()
+                    for member in employees:
+                        project_obj.members.add(member)
+                    project_obj.save()
+                else:
+                    error_lists.append(project)
+  
+            except Exception as e:
+                error_lists.append(project)
+        if error_lists:
+            res = defaultdict(list)
+            for sub in error_lists:
+                for key in sub:
+                    res[key].append(sub[key])
+            data_frame = pd.DataFrame(error_lists, columns=error_lists[0].keys())
+            # Create an HTTP response object with the Excel file
+            response = HttpResponse(content_type="application/ms-excel")
+            response["Content-Disposition"] = 'attachment; filename="ImportError.xlsx"'
+            data_frame.to_excel(response, index=False)
+            return response
+        return HttpResponse("Imported successfully")
+    return response
+
+
+
+@login_required
+# @permission_required("employee.delete_employee")
+# @require_http_methods(["POST"])
+def project_bulk_export(request):
+    """
+    This method is used to export bulk of Project instances
+    """
+    ids = request.POST["ids"]
+    ids = json.loads(ids)
+    data_list=[]
+    # Add headers to the worksheet
+    headers = ["Title", "Manager","Members", "Status", "Start Date", "End Date", "Description"]
+    
+    # Get the list of field names for your model
+    for project_id in ids:
+        project = Project.objects.get(id=project_id)
+        data = {
+                "Title":f"{project.title}",
+                "Manager":f"{project.manager.employee_first_name + ' ' + project.manager.employee_last_name if project.manager else ''}",
+                "Members":f"{',' .join([member.employee_first_name + ' ' + member.employee_last_name for member in project.members.all()]) if project.members.exists() else ''}",
+                "Status":f'{project.status}', 
+                "Start Date":f'{project.start_date.strftime("%Y-%m-%d")}',
+                "End Date":f'{project.end_date.strftime("%Y-%m-%d") if project.end_date else ""}',
+                "Description":f'{project.description}',
+        }
+        data_list.append(data)
+    data_frame = pd.DataFrame(data_list, columns=headers)
+    # Export the DataFrame to an Excel file
+    response = HttpResponse(content_type="application/ms-excel")
+    response["Content-Disposition"] = 'attachment; filename="project details.xlsx"'
+    writer = pd.ExcelWriter(response, engine="xlsxwriter")
+    # data_frame.to_excel(response, index=False)
+    data_frame.to_excel(
+        writer,
+        sheet_name="Project details",
+        index=False,
+        startrow=3 ,
+    )
+    workbook = writer.book
+    worksheet = writer.sheets["Project details"]
+    max_columns = len(data)
+    heading_format = workbook.add_format(
+        {   "bg_color": "#ffd0cc",
+            "bold": True,
+            "font_size": 14,
+            "align": "center",
+            "valign": "vcenter",
+            "font_size": 20,
+        }
+    )
+    header_format = workbook.add_format({
+    "bg_color": "#EDF1FF",
+    "bold": True,
+    "text_wrap": True,
+    "font_size": 12,
+    "align": "center",
+    "border": 1 ,
+    })
+    worksheet.set_row(0, 30)
+    worksheet.merge_range(
+        0,
+        0,
+        0,
+        max_columns - 1,
+        "Project details ",
+        heading_format,
+    )
+    for col_num, value in enumerate(data_frame.columns.values):
+        worksheet.write(3, col_num, value, header_format)
+        col_letter = chr(65 + col_num)
+        header_width = max(len(value) + 2, len(data_frame[value].astype(str).max()) + 2)
+        worksheet.set_column(f"{col_letter}:{col_letter}", header_width)
+
+    # worksheet.set_row(4, 30)
+
+    writer.close()
+
+
+    return response
+
+@login_required
+# @permission_required("employee.delete_employee")
+# @require_http_methods(["POST"])
+def project_bulk_archive(request):
+    """
+    This method is used to archive bulk of Project instances
+    """
+    ids = request.POST["ids"]
+    ids = json.loads(ids)
+    is_active = False
+    if request.GET.get("is_active") == "True":
+        is_active = True
+    for project_id in ids:
+        project = Project.objects.get(id=project_id)
+        project.is_active = is_active
+        project.save()
+        message = _("archived")
+        if is_active:
+            message = _("un-archived")
+        messages.success(request, f"{project} is {message}")
+    return JsonResponse({"message": "Success"})
+
+@login_required
+# @permission_required("employee.delete_employee")
+def project_bulk_delete(request):
+    """
+    This method is used to delete set of Employee instances
+    """
+    ids = request.POST["ids"]
+    ids = json.loads(ids)
+    for project_id in ids:
+        project = Project.objects.get(id=project_id)
+        try:
+            project.delete()
+            messages.success(
+                request, _("%(project)s deleted.") % {"project": project}
+            )
+        except Exception as error:
+            messages.error(request, error)
+            messages.error(
+                request, _("You cannot delete %(project)s.") % {"project": project}
+            )
+
+    return JsonResponse({"message": "Success"})
+
+@login_required
+# @permission_required("employee.delete_employee")
+def project_archive(request,project_id):
+    """
+    This method is used to archive project instance
+    Args:
+            project_id : Project instance id
+    """
+    project = Project.objects.get(id=project_id)
+    project.is_active = not project.is_active
+    project.save()
+    message = _(f"{project} un-archived")
+    if not project.is_active:
+        message = _(f"{project} archived")
+    messages.success(request, message)
+    return HttpResponseRedirect(request.META.get("HTTP_REFERER"))
+
+
+# Task views
+
+@login_required
+@project_update_permission()
+def task_view(request,project_id,**kwargs):
+    """
+    For showing tasks
+    """
+    form = TaskAllFilter()
+    view_type = 'card'
+    project = Project.objects.get(id=project_id)
+    stages = ProjectStage.objects.filter(project = project).order_by('sequence')
+    tasks = Task.objects.filter(project=project)
+    if request.GET.get('view') == 'list':
+        view_type = 'list'
+    context = {'view_type':view_type,
+               'tasks':tasks,
+               'stages':stages,
+               'project_id':project_id,
+               "project":project,
+               "f":form,
+               }
+    return render(request,'task/new/overall.html',context)
+
+@login_required
+def create_task(request,stage_id):
+    """
+    For creating new task in project view
+    """
+    project_stage = ProjectStage.objects.get(id = stage_id)
+    project = project_stage.project
+    if ( 
+        request.user.employee_get == project.manager or
+        request.user.has_perm('project.delete_project')
+        ):
+        form = TaskForm(initial={'project': project})
+        if request.method == 'POST':
+            form = TaskForm(request.POST, request.FILES)
+            if form.is_valid():
+                instance = form.save(commit=False)
+                instance.stage = project_stage
+                instance.save()
+
+                messages.success(request,_('New task created'))
+                response = render(request,
+                                "task/new/forms/create_task.html",
+                                context={"form": form,'stage_id':stage_id},
+                                )
+                return HttpResponse(response.content.decode("utf-8") + "<script>location.reload();</script>")
+        return render(request, "task/new/forms/create_task.html", context={"form": form, 'stage_id':stage_id})
+    messages.info(request,'You dont have permission.')
+    return HttpResponseRedirect(request. META. get('HTTP_REFERER', '/'))
+
+@login_required
+def create_task_in_project(request,project_id):
+    """
+    For creating new task in project view
+    """
+    project = Project.objects.get(id=project_id)
+    stages = project.project_stages.all()
+
+    # Serialize the queryset to JSON
+
+    serialized_data = serializers.serialize('json', stages)
+    if ( 
+        request.user.employee_get == project.manager or
+        request.user.has_perm('project.delete_project')
+        ):
+        form = TaskFormCreate(initial={'project': project})
+        if request.method == 'POST':
+            form = TaskFormCreate(request.POST, request.FILES)
+            if form.is_valid():
+                form.save()
+                messages.success(request,_('New task created'))
+                response = render(request,
+                                "task/new/forms/create_task_project.html",
+                                context={"form": form,'project_id':project_id},
+                                )
+                return HttpResponse(response.content.decode("utf-8") + "<script>location.reload();</script>")
+        context ={"form": form, 
+                  'project_id':project_id,
+                  'stages':serialized_data,
+        }
+        return render(request, "task/new/forms/create_task_project.html", context=context)
+    messages.info(request,'You dont have permission.')
+    return HttpResponseRedirect(request. META. get('HTTP_REFERER', '/'))
+
+
+
+@login_required
+@task_update_permission()
+def update_task(request, task_id):
+    """
+    For updating task in project view
+    """
+    
+    task = Task.objects.get(id=task_id)
+    project = task.project
+    task_form = TaskForm(instance=task)
+    if request.method == "POST":
+        task_form = TaskForm(request.POST, request.FILES, instance=task)
+        if task_form.is_valid():
+            task_form.save()
+            messages.success(request, _("Task updated"))
+            response = render(request, "task/new/forms/update_task.html", {"form": task_form, 'task_id':task_id})
+            return HttpResponse(
+                response.content.decode("utf-8") + "<script>location.reload();</script>"
+            )       
+    return render(
+        request,
+        "task/new/forms/update_task.html",
+        {
+            "form": task_form,
+            'task_id': task_id,
+        },
+    )
+  
+    
+@login_required
+@task_update_permission()
+def delete_task(request, task_id):
+    """
+    For delete task 
+    """
+    task = Task.objects.get(id=task_id)
+    project_id = task.project.id
+    task.delete()
+    view_type = request.GET.get('view')
+    # Build the URL for task_view with query parameters
+    task_view_url = reverse('task-view', args=[project_id])
+    if request.GET.get("task_all"):
+        task_view_url = reverse('task-all')
+
+    redirected_url = f'{task_view_url}?view={view_type}'
+
+    return redirect(redirected_url)
+
+@login_required
+def task_details(request,task_id):
+    """
+    For showing all details about task
+    """
+    task = Task.objects.get(id=task_id)
+    return render(request,'task/new/task_details.html',context={'task':task})
+
+@login_required
+@project_update_permission()
+def task_filter(request, project_id):
+    """
+    For filtering task 
+    """
+    view_type = 'card'
+    templete = 'task/new/task_kanban_view.html'
+    if request.GET.get('view') == 'list':
+        view_type = 'list'
+        templete ='task/new/task_list_view.html' 
+    tasks = TaskFilter(request.GET).qs
+    stages = ProjectStage.objects.filter(project = project_id).order_by('sequence')
+    previous_data = request.environ['QUERY_STRING']
+    data_dict = parse_qs(previous_data)
+    get_key_instances(Task, data_dict)
+
+    context =  {"tasks": tasks,
+                'stages':stages,
+                'view_type':view_type,
+                'project_id':project_id,
+                "filter_dict": data_dict,
+                }
+    return render(request,templete,context)
+
+@login_required
+def task_stage_change(request):
+    """
+    This method is used to change the current stage of a task
+    """
+    task_id = request.POST['task']
+    stage_id = request.POST['stage']
+    stage = ProjectStage.objects.get(id=stage_id)
+    Task.objects.filter(id=task_id).update(stage=stage)
+    return JsonResponse({
+        'type': 'success',
+        'message': _('Task stage updated'),       
+    })
+
+
+@login_required
+def task_timesheet(request,task_id):
+    """
+    For showing all timesheet related to task 
+    """
+    task = Task.objects.get(id=task_id)
+    time_sheets=task.task_timesheet.all()
+    # time_sheets = []
+    context={'time_sheets':time_sheets,
+             'task_id':task_id}
+    return render(request, "task/new/task_timesheet.html",context=context,)
+
+@login_required
+def create_timesheet_task(request,task_id):
+    task=Task.objects.get(id=task_id)
+    project = task.project
+    form = TimesheetInTaskForm(initial={'project_id':project,'task_id':task})
+    if request.method == 'POST':
+        form = TimesheetInTaskForm(request.POST)
+        if form.is_valid():
+            form.save()
+            messages.success(request, _("Timesheet created"))
+            response = render(request, "task/new/forms/create_timesheet.html", {"form": form,'task_id':task_id})
+            return HttpResponse(
+                response.content.decode("utf-8") + "<script>location.reload();</script>"
+            ) 
+    context = {'form':form,
+               'task_id':task_id,
+               }
+    return render(request,'task/new/forms/create_timesheet.html',context=context)
+
+@login_required
+def update_timesheet_task(request,timesheet_id):
+    timesheet = TimeSheet.objects.get(id=timesheet_id)
+    form = TimesheetInTaskForm(instance = timesheet)
+    if request.method == 'POST':
+        form = TimesheetInTaskForm(request.POST,instance=timesheet)
+        if form.is_valid():
+            form.save()
+            messages.success(request, _("Timesheet updated"))
+            response = render(request, "task/new/forms/update_timesheet.html", {"form": form,'timesheet_id':timesheet_id})
+            return HttpResponse(
+                response.content.decode("utf-8") + "<script>location.reload();</script>"
+            ) 
+    context = {'form':form,
+               'timesheet_id':timesheet_id,
+               }
+    return render(request,'task/new/forms/update_timesheet.html',context=context)
+
+@login_required
+def drag_and_drop_task(request):
+    """
+    For drag and drop task into new stage 
+    """
+    updated_stage_id = request.POST['updated_stage_id']
+    previous_task_id = request.POST['previous_task_id']
+    previous_stage_id = request.POST['previous_stage_id']
+    change = False
+    task = Task.objects.get(id=previous_task_id)
+    project=task.project
+    if (request.user.has_perm('project.change_task') or 
+        request.user.has_perm('project.change_project') or 
+        request.user.employee_get == task.task_manager or
+        request.user.employee_get in task.task_members.all() or
+        request.user.employee_get == project.manager or
+        request.user.employee_get in project.members.all()     
+        ):
+        if previous_stage_id != updated_stage_id:
+            task.stage=ProjectStage.objects.get(id = updated_stage_id)
+            task.save()
+            change = True
+        sequence = json.loads(request.POST['sequence'])
+        for key, val in sequence.items():
+            if Task.objects.get(id=key).sequence != val:
+                Task.objects.filter(id=key).update(sequence=val)
+                change = True
+        return JsonResponse({'type': 'success','message':_('Task stage updated'),'change':change})
+    change = True
+    return JsonResponse({'type': 'info','message':_('You dont have permission.'),'change':change})
+
+
+# Task all views
+
+@login_required
+def task_all(request):
+    """
+    For showing all task
+    """
+    form = TaskAllFilter()
+    view_type='card'
+    tasks= TaskAllFilter(request.GET).qs
+    if request.GET.get('view') == 'list':
+        view_type = 'list'
+    context = {
+        "tasks":paginator_qry(tasks,request.GET.get('page')),
+        "pd":request.GET.urlencode(),
+        "f":form,
+        "view_type":view_type,
+    }
+    return render(request,'task_all/task_all_overall.html',context=context)
+
+
+@login_required
+def task_all_create(request):
+    """
+    For creating new task in task all view
+    """
+    form = TaskAllForm()
+    if request.method == 'POST':
+        form = TaskAllForm(request.POST, request.FILES)
+        if form.is_valid():
+            task = form.save(commit=False)
+            task.save()
+            messages.success(request,_('New task created'))
+            response = render(request,
+                              "task_all/forms/create_taskall.html",
+                               context={"form": form,},
+                              )
+            return HttpResponse(response.content.decode("utf-8") + "<script>location.reload();</script>")
+    return render(request, "task_all/forms/create_taskall.html", context={"form": form,})
+
+@login_required
+def update_task_all(request,task_id):
+    task = Task.objects.get(id=task_id)
+    form = TaskAllForm(instance=task)
+    if request.method == 'POST':
+        form = TaskAllForm(request.POST,request.FILES,instance=task)
+        if form.is_valid():
+            form.save()
+            messages.success(request,_('Task updated successfully'))
+            response = render(
+                request,
+                "task_all/forms/update_taskall.html",
+                context={"form":form,
+                         'task_id':task_id},
+            )
+            return HttpResponse(response.content.decode("utf-8") + "<script>location.reload();</script>")
+    return render(request, "task_all/forms/update_taskall.html", context={"form": form,'task_id':task_id})
+
+
+@login_required
+def task_all_filter(request):
+    """
+    For filtering tasks in task all view
+    """
+    view_type = 'card'
+    templete = 'task_all/task_all_card.html'
+    if request.GET.get('view') == 'list':
+        view_type = 'list'
+        templete ='task_all/task_all_list.html' 
+
+    tasks = TaskAllFilter(request.GET).qs
+    page_number = request.GET.get('page')
+    previous_data = request.environ['QUERY_STRING']
+    data_dict = parse_qs(previous_data)
+    get_key_instances(Task, data_dict)
+    # tasks = tasks.filter(project_id=project_id)
+    
+    context =  {"tasks":paginator_qry(tasks,page_number),
+                'view_type':view_type,
+                "pd":previous_data,
+                "filter_dict": data_dict,
+                }
+    return render(request,templete,context)
+
+@login_required
+# @permission_required("employee.delete_employee")
+# @require_http_methods(["POST"])
+def task_all_bulk_archive(request):
+    """
+    This method is used to archive bulk of Task instances
+    """
+    ids = request.POST["ids"]
+    ids = json.loads(ids)
+    is_active = False
+    if request.GET.get("is_active") == "True":
+        is_active = True
+    for task_id in ids:
+        task = Task.objects.get(id=task_id)
+        task.is_active = is_active
+        task.save()
+        message = _("archived")
+        if is_active:
+            message = _("un-archived")
+        messages.success(request, f"{task} is {message}")
+    return JsonResponse({"message": "Success"})
+
+@login_required
+# @permission_required("employee.delete_employee")
+def task_all_bulk_delete(request):
+    """
+    This method is used to delete set of Task instances
+    """
+    ids = request.POST["ids"]
+    ids = json.loads(ids)
+    for task_id in ids:
+        task = Task.objects.get(id=task_id)
+        try:
+            task.delete()
+            messages.success(
+                request, _("%(task)s deleted.") % {"task": task}
+            )
+        except Exception as error:
+            messages.error(request, error)
+            messages.error(
+                request, _("You cannot delete %(task)s.") % {"task": task}
+            )
+
+    return JsonResponse({"message": "Success"})
+
+@login_required
+# @permission_required("employee.delete_employee")
+def task_all_archive(request,task_id):
+    """
+    This method is used to archive project instance
+    Args:
+            task_id : Task instance id
+    """
+    task = Task.objects.get(id=task_id)
+    task.is_active = not task.is_active
+    task.save()
+    message = _(f"{task} un-archived")
+    if not task.is_active:
+        message = _(f"{task} archived")
+    messages.success(request, message)
+    return HttpResponseRedirect(request.META.get("HTTP_REFERER"))
+
+
+
+# Project stage views
+@login_required
+@project_delete_permission()
+@hx_request_required
+def create_project_stage(request,project_id):
+    """
+    For create project stage
+    """
+    project = Project.objects.get(id = project_id)
+    form = ProjectStageForm(initial = {'project': project})
+    if request.method == 'POST':
+        form = ProjectStageForm(request.POST,)
+        if form.is_valid() :
+            instance = form.save(commit=False)
+            instance.save()
+            context = {'form':form, 'project_id':project_id}
+
+            messages.success(request,_('New project stage created'))
+            response = render(request,
+                              'project_stage/forms/create_project_stage.html',
+                              context,
+                              )
+            return HttpResponse(response.content.decode("utf-8")+ "<script>location.reload();</script>")
+    context = {'form':form,'project_id':project_id}
+    return render(request,'project_stage/forms/create_project_stage.html',context)
+
+
+@login_required
+@project_stage_update_permission()
+def update_project_stage(request,stage_id):
+    """
+    For update project stage
+    """
+    stage = ProjectStage.objects.get(id = stage_id)
+    form = ProjectStageForm(instance=stage)
+    if request.method == 'POST':
+        form =ProjectStageForm(request.POST,instance=stage)
+        if form.is_valid():
+            form.save()
+            messages.success(request,_('Project stage updated successfully'))
+            response = render(request,
+                              "project_stage/forms/update_project_stage.html",
+                              context={'form':form,"stage_id":stage_id})
+            return HttpResponse(response.content.decode("utf-8") + "<script>location.reload();</script>")
+    return render(request, 
+                  "project_stage/forms/update_project_stage.html",
+                  context={'form':form, 'stage_id':stage_id})
+
+
+@login_required
+@project_stage_delete_permission()
+def delete_project_stage(request,stage_id):
+    """
+    For delete project stage
+    """
+    view_type = request.GET.get('view')
+    stage = ProjectStage.objects.get(id=stage_id)
+    project_id = stage.project.id
+    task_view_url = reverse('task-view', args=[project_id]) 
+    redirected_url = f'{task_view_url}?view={view_type}'
+    
+    stage.delete()
+    
+    return redirect(redirected_url)
+
+@login_required
+def get_stages(request):
+    """
+    This is an ajax method to return json response to take only stages related 
+    to the project in the task-all form fields
+    """
+    project_id = request.GET["project_id"]
+    stages = ProjectStage.objects.filter(project=project_id).values("title", "id")
+    return JsonResponse({"data": list(stages)})
+
+@login_required
+def create_stage_taskall(request):
+    """
+    This is an ajax method to return json response to create stage related 
+    to the project in the task-all form fields
+    """
+    if request.method == 'GET':
+        project_id = request.GET["project_id"]
+        project = Project.objects.get(id=project_id)
+        form = ProjectStageForm(initial = {'project':project})
+    if request.method == 'POST':
+        form = ProjectStageForm(request.POST)
+        if form.is_valid():
+            instance = form.save()
+            return JsonResponse({"id": instance.id, "name": instance.title})
+        errors = form.errors.as_json()
+        return JsonResponse({"errors": errors})
+    return render(
+        request,
+        "task_all/forms/create_project_stage_taskall.html",
+        context={"form": form},
+    )
+
+
+
+@login_required
+def drag_and_drop_stage(request):
+    """
+    For drag and drop project stage into new sequence
+    """
+    sequence = request.POST['sequence']
+    sequence = json.loads(sequence)
+    stage_id = (list(sequence.keys())[0])
+    project = ProjectStage.objects.get(id=stage_id).project
+    change = False
+    if (request.user.has_perm('project.change_project') or 
+        request.user.employee_get == project.manager or
+        request.user.employee_get in project.members.all()    
+    ):
+        for key, val in sequence.items():
+            if val != ProjectStage.objects.get(id=key).sequence:
+                change = True
+                ProjectStage.objects.filter(id=key).update(sequence=val)
+        return JsonResponse({'type': 'success','message':_('Stage sequence updated',),'change':change})
+    change = True
+    return JsonResponse({'type': 'info','message':_('You dont have permission.'),'change':change})   
+
+# Time sheet views
+
+@permission_required(perm='project.view_timesheet')
+@login_required
+def time_sheet_view(request):
+    """
+    View function to display time sheets based on user permissions.
+
+    If the user is a superuser, all time sheets will be shown.
+    Otherwise, only the time sheets for the current user will be displayed.
+
+    Parameters:
+        request (HttpRequest): The HTTP request object.
+
+    Returns:
+        HttpResponse: The rendered HTTP response displaying the time sheets.
+    """
+    form = TimeSheetFilter()
+    view_type= "card"
+    if request.GET.get("view")=="list":
+        view_type='list'
+    time_sheet_filter = TimeSheetFilter(request.GET).qs
+    time_sheet_filter = filtersubordinates(request,time_sheet_filter,"project.view_timesheet" )
+    time_sheet_filter=list(time_sheet_filter)
+    for item in TimeSheet.objects.filter(employee_id=request.user.employee_get):
+        if item not in time_sheet_filter:
+            time_sheet_filter.append(item)
+            
+    time_sheets = paginator_qry(time_sheet_filter, request.GET.get("page"))
+    context = {
+        "time_sheets": time_sheets, 
+        "f": form,
+        "view_type":view_type
+    }
+    return render(
+        request,
+        "time_sheet/time_sheet_view.html",
+        context=context,
+    )
+
+
+@login_required
+def time_sheet_creation(request):
+    """
+    View function to handle the creation of a new time sheet.
+
+    If the request method is POST and the submitted form is valid,
+    a new time sheet will be created and saved.
+
+    Parameters:
+        request (HttpRequest): The HTTP request object.
+
+    Returns:
+        HttpResponse: The rendered HTTP response displaying the form or
+        redirecting to a new page after successful time sheet creation.
+    """
+    user = request.user.employee_get
+    form = TimeSheetForm(initial={"employee_id": user}, request=request)
+    # form = TimeSheetForm(initial={"employee_id": user})
+    if request.method == "POST":
+        form = TimeSheetForm(request.POST, request.FILES, request=request)
+        if form.is_valid():
+            form.save()         
+            messages.success(request, _("Time sheet created"))
+            response = render(
+                request, "time_sheet/form-create.html", context={"form": form}
+            )
+            return HttpResponse(response.content.decode("utf-8") + "<script>location.reload();</script>")
+    return render(request, "time_sheet/form-create.html", context={"form": form})
+
+@login_required
+def time_sheet_project_creation(request):
+    """
+    View function to handle the creation of a new project from time sheet form.
+
+    If the request method is POST and the submitted form is valid,
+    a new project will be created and saved.
+
+    Returns:
+        HttpResponse or JsonResponse: Depending on the request type, it returns
+        either an HTTP response rendering the form or a JSON response with the
+        created project ID and name in case of successful creation,
+        or the validation errors in case of an invalid form submission.
+    """
+    form = ProjectTimeSheetForm()
+    if request.method == "POST":
+        form = ProjectTimeSheetForm(request.POST, request.FILES)
+        if form.is_valid():
+            instance = form.save()
+            return JsonResponse({"id": instance.id, "name": instance.title})
+        errors = form.errors.as_json()
+        return JsonResponse({"errors": errors})
+    return render(
+        request, "time_sheet/form_project_time_sheet.html", context={"form": form}
+    )
+
+
+@login_required
+def time_sheet_task_creation(request):
+    """
+    View function to handle the creation of a new task from time sheet form.
+
+    If the request method is GET, it initializes the task form with the
+    provided project ID as an initial value.
+    If the request method is POST and the submitted form is valid,
+    a new task time sheet will be created and saved.
+
+    Returns:
+        HttpResponse or JsonResponse: Depending on the request type, it returns
+        either an HTTP response rendering the form or a JSON response with the
+        created task time sheet's ID and name in case of successful creation,
+        or the validation errors in case of an invalid form submission.
+    """
+    if request.method == "GET":
+        project_id = request.GET["project_id"]
+        project = Project.objects.get(id = project_id)
+        stages = ProjectStage.objects.filter(project__id=project_id)
+        task_form = TaskTimeSheetForm(initial={"project": project})
+        task_form.fields["stage"].queryset = stages
+        
+    if request.method == "POST":
+        task_form = TaskTimeSheetForm(request.POST, request.FILES)
+        if task_form.is_valid():
+            instance = task_form.save()
+            return JsonResponse({"id": instance.id, "name": instance.title})
+        errors = task_form.errors.as_json()
+        return JsonResponse({"errors": errors})
+    return render(
+        request,
+        "time_sheet/form_task_time_sheet.html",
+        context={"form": task_form,
+                 'project_id':project_id
+                 },
+    )
+
+
+@login_required
+def time_sheet_update(request, time_sheet_id):
+    """
+    Update an existing time sheet.
+
+    Args:
+        request: The HTTP request object.
+        time sheet_id: The ID of the time sheet to update.
+
+    Returns:
+        If the request method is POST and the form is valid, redirects to the time sheet view.
+        Otherwise, renders the time sheet update form.
+
+    """
+    if time_sheet_update_permissions(request,time_sheet_id): 
+        time_sheet = TimeSheet.objects.get(id=time_sheet_id)
+        update_form = TimeSheetForm(instance=time_sheet, request=request)
+        update_form.fields["task_id"].queryset = time_sheet.project_id.task_set.all()
+
+        if request.method == "POST":
+            update_form = TimeSheetForm(request.POST, instance=time_sheet)
+
+
+            if update_form.is_valid():
+                update_form.save()
+                messages.success(request, _("Time sheet updated"))
+                form = TimeSheetForm()
+                response = render(
+                    request, "./time_sheet/form-create.html", context={"form": form}
+                )
+                return HttpResponse(
+                    response.content.decode("utf-8") + "<script>location.reload();</script>"
+                )
+        return render(
+            request,
+            "./time_sheet/form-update.html",
+            {
+                "form": update_form,
+            },
+        )
+    else:
+        return render (request,"error.html")
+
+
+@login_required
+def time_sheet_delete(request, time_sheet_id):
+    """
+    View function to handle the deletion of a time sheet.
+
+    Parameters:
+        request (HttpRequest): The HTTP request object.
+        time_sheet_id (int): The ID of the time sheet to be deleted.
+
+    Returns:
+        HttpResponseRedirect: A redirect response to the time sheet view page.
+    """
+    if time_sheet_delete_permissions(request,time_sheet_id):
+        TimeSheet.objects.get(id=time_sheet_id).delete()
+        view_type = "list"
+        if request.GET.get("view")=="card":
+            view_type="card"
+        return redirect('/project/view-time-sheet'+"?view="+view_type)
+    else:
+        return render (request,"error.html")
+
+@login_required
+def time_sheet_delete_ajax(request, time_sheet_id):
+    """
+    View function to handle the deletion of a time sheet.
+
+    Parameters:
+        request (HttpRequest): The HTTP request object.
+        time_sheet_id (int): The ID of the time sheet to be deleted.
+
+    Returns:
+        JsonResponse: A success message after deleting timeshhet or a info message if the user don't have the permission to delete .
+    """
+    if time_sheet_delete_permissions(request,time_sheet_id):
+        TimeSheet.objects.get(id=time_sheet_id).delete()
+        return JsonResponse({'type': 'success','message':_('Timesheet deleted successfully.')})
+    return JsonResponse({'type': 'info','message':_("You don't have permission."),})
+
+
+def time_sheet_filter(request):
+    """
+    Filter Time sheet based on the provided query parameters.
+
+    Args:
+        request: The HTTP request object containing the query parameters.
+
+    Returns:
+        Renders the Time sheet list template with the filtered Time sheet.
+
+    """
+    emp_id = request.user.employee_get.id
+    filtered_time_sheet = TimeSheetFilter(request.GET).qs
+    
+    time_sheet_filter = filtersubordinates(request,filtered_time_sheet,"project.view_timesheet" )
+    if filtered_time_sheet.filter(employee_id__id =emp_id).exists():
+        time_sheet_filter=list(time_sheet_filter)
+        for item in TimeSheet.objects.filter(employee_id=request.user.employee_get):
+            if item not in time_sheet_filter:
+                time_sheet_filter.append(item)
+    time_sheets = paginator_qry(time_sheet_filter, request.GET.get("page"))
+    previous_data = request.environ['QUERY_STRING']
+    data_dict = parse_qs(previous_data)
+    get_key_instances(TimeSheet, data_dict)
+    view_type = request.GET.get("view")
+    template = "time_sheet/time_sheet_list_view.html"
+    if view_type == "card":
+        template="time_sheet/time_sheet_card_view.html"
+    elif view_type== "chart":
+        return redirect("personal-time-sheet-view"+"?view="+emp_id)
+    return render(
+        request,
+        template,
+        {
+            "time_sheets": time_sheets,
+            "filter_dict": data_dict,
+        },
+    )
+
+
+@login_required
+def time_sheet_initial(request):
+    """
+    This is an ajax method to return json response to take only tasks related 
+    to the project in the timesheet form fields
+    """
+    project_id = request.GET["project_id"]
+    tasks = Task.objects.filter(project=project_id).values("title", "id")
+    return JsonResponse({"data": list(tasks)})
+
+
+def personal_time_sheet(request):
+    """
+    This is an ajax method to return json response for generating bar charts to employees. 
+    """
+    emp_id = request.GET["emp_id"]
+    selected = request.GET["selected"]
+    month_number =request.GET["month"]
+    year = request.GET["year"]
+    week_number = request.GET["week"]
+
+    time_spent = []
+    dataset = []
+
+    projects = Project.objects.filter(project_timesheet__employee_id=emp_id).distinct()
+    
+    time_sheets = TimeSheet.objects.filter(employee_id=emp_id).order_by("date")
+
+    time_sheets=time_sheets.filter(date__week=week_number)
+
+    # check for labels to be genarated weeky or monthly
+    if selected == "week":
+        start_date = datetime.date.fromisocalendar(int(year), int(week_number), 1)
+
+        date_list = []
+        labels = []
+        for i in range(7):
+            day = start_date + datetime.timedelta(days=i)
+            date_list.append(day)
+            day=day.strftime("%d-%m-%Y %A")
+            labels.append(day)
+
+    elif selected == "month":
+        days_in_month = calendar.monthrange(int(year), int(month_number)+1)[1]
+        start_date = datetime.datetime(int(year), int(month_number)+1, 1).date()
+        labels = []
+        date_list = []
+        for i in range(days_in_month):
+            day = start_date + datetime.timedelta(days=i)
+            date_list.append(day)
+            day=day.strftime("%d-%m-%Y")
+            labels.append(day) 
+    colors = generate_colors(len(projects))
+
+    for project, color in zip(projects, colors):
+        dataset.append(
+            {
+                "label": project.title,
+                "data": [],
+                "backgroundColor": color,
+            }
+        )
+
+    # Calculate total hours for each project on each date
+    total_hours_by_project_and_date = defaultdict(lambda: defaultdict(float))
+
+    #addding values to the response
+    for label in date_list:
+        time_sheets = TimeSheet.objects.filter(employee_id=emp_id, date=label)
+        for time in time_sheets:
+            time_spent = strtime_seconds(time.time_spent) / 3600
+            total_hours_by_project_and_date[time.project_id.title][label] += time_spent
+    for data in dataset:
+        project_title = data["label"]
+        data["data"] = [total_hours_by_project_and_date[project_title][label] for label in date_list]
+
+    response = {
+        "dataSet": dataset,
+        "labels": labels,
+    }
+    return JsonResponse(response)
+
+
+def personal_time_sheet_view(request,emp_id):
+    """
+    Function for viewing the barcharts for timesheet of a specific employee.
+
+    Args:
+        emp_id: id of the employee whose barchat to be rendered.
+
+    Returns:
+        Renders the chart.html template containing barchat of the specific employee.
+
+    """
+    try:
+        Employee.objects.get(id=emp_id)
+    except :
+        return render (request,"error.html")
+    emp_last_name = Employee.objects.get(id=emp_id).employee_last_name if Employee.objects.get(id=emp_id).employee_last_name!=None else ""
+    employee_name = f"{Employee.objects.get(id=emp_id).employee_first_name}  {emp_last_name}"
+    context = {
+        "emp_id" :emp_id,
+        "emp_name":employee_name,
+    }
+
+    return render(request,"time_sheet/chart.html",context=context)
+
+
+def time_sheet_single_view(request,time_sheet_id):
+    """
+    Renders a single timesheet view page.
+
+    Parameters:
+    - request (HttpRequest): The HTTP request object.
+    - time_sheet_id (int): The ID of the timesheet to view.
+
+    Returns:
+        The rendered timesheet single view page.
+
+    """
+    timesheet = TimeSheet.objects.get(id=time_sheet_id)
+    context = {"time_sheet": timesheet}
+    return render(request, "time_sheet/time_sheet_single_view.html", context)
+
+def time_sheet_bulk_delete(request):
+    """
+    This method is used to delete set of Task instances
+    """
+    ids = request.POST["ids"]
+    ids = json.loads(ids)
+    for timesheet_id in ids:
+        timesheet = TimeSheet.objects.get(id=timesheet_id)
+        try:
+            timesheet.delete()
+            messages.success(
+                request, _("%(timesheet)s deleted.") % {"timesheet": timesheet}
+            )
+        except Exception as error:
+            messages.error(request, error)
+            messages.error(
+                request, _("You cannot delete %(timesheet)s.") % {"timesheet": timesheet}
+            )
+    return JsonResponse({"message": "Success"})
diff --git a/static/images/ui/project.png b/static/images/ui/project.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b58a217e542417f9ca086843897a9f3c889611a
GIT binary patch
literal 13360
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

literal 0
HcmV?d00001

diff --git a/static/images/ui/project/brief.png b/static/images/ui/project/brief.png
new file mode 100644
index 0000000000000000000000000000000000000000..53a926bd65ceb6781497c96a29b709918ded369e
GIT binary patch
literal 6598
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
PeE^8-z1H1zrJVdX_CZq&

literal 0
HcmV?d00001

diff --git a/static/images/ui/project/document.png b/static/images/ui/project/document.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6bf60346a1fef6b0f73d0570a0f63d6e4d4ce73
GIT binary patch
literal 7573
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
Ua}+%aYf|9wLF*rLEQnYB7do$O?*IS*

literal 0
HcmV?d00001

diff --git a/static/images/ui/project/project.png b/static/images/ui/project/project.png
new file mode 100644
index 0000000000000000000000000000000000000000..5024f76f6f9f67a173c71d197576e96dfd4830de
GIT binary patch
literal 21381
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

literal 0
HcmV?d00001

diff --git a/static/images/ui/project/project_sidebar.png b/static/images/ui/project/project_sidebar.png
new file mode 100644
index 0000000000000000000000000000000000000000..a82b0631e53b4676361bf09a18d6c824b5a1acb4
GIT binary patch
literal 16344
zcmd73XIPU>(>H!5p#|xoSLq0d^xl*jkq!dVLEr-E2mz!d8l`unBch1(BGLpQB27R*
zsZs+7C^a-GQr?s6e(&eY|Nr6r_;4H?Np@#ucV~BJe>*!9V`QL1NzO_R001RYSJMOl
zpx{?1Kt=+7><5pYfFDEww~%IJ;9nTo{b=wv+*j8s006EaF8?7wP98H@$nsFj@}a4Z
z>qC^IzYBmup~T$19|Sl%`nrhu_`Bt9DYF8=RRF1Z(=0e|a~9RaVcvYSvyIfnVCmFv
z6_M+v6<>XIRiD;qgP49f^uUd&*3NSx^uX!U<4~;)TQj2NHFHgM%^c~QWx7Jp!l?aZ
z|A@$n06g>Hpu(f^94phdg4K`$z|pn6&h1YH%5}U#25sh}1bqaXhEBt#fsrVukMSY(
zvl=+4gP1RuuZk}RK@M+&$Apz4Z#!N^LB9(NK%$^GU@st^d2$>HPQ<<n1ZzAgc2PaG
z=vD)fD)kH{1#3d=70d*XW-(iu%6IVYI)S6(`sxg2HZ4;l;6q$|6=_2K0Llf)NN!({
z{N6o}(MaZVXZQ=N`!a9DvfNFL2~6P&oCAC*=C-y?W+*nE@|D&VLoW2rNxqb*W&k=o
zrFR8Z4Ak?*VMmk;^{RnGthg%}E!=T-K#FuHRNW;Pa!NbNi{k0?0OZLmNlvc?h^5v5
zM$O}VHpglTD4wzeHyUlmR(TXpYLWjPAVTYWbx8ZnNrAx5hpgPU+m(~n4quAs_?46@
z=_dv}cl5!t-&(y<nt26%Ms^0}Gapa|ZhJ{Ore-Dh3%;6~rpQY2A<;DvITc)<k!+(n
zf)eN)+#JH$1KRGa19j+dv>Z&0S9-kka6Rl6_f@1v%~$w#=vxo=444|^g~_sZ$y;}<
z)kPJr7p<@Vb2e_|?d|@e2lQe<P^D~m!iZ)^MI?2qt9>=_!ss`nZffd}ENP1i5loWv
zMY_NwYg4+k7LHnY&^9%_w<p?%C<CHnp5OH94)4R0J3CEoBe4OQd|Ir4H_v(Bg^ami
z6`ugijmDm+wQ;SJAL;i;@cie+yt!aykt<LaqeN0ws{8<Hl0G>YnF&o39=cb$sn?W-
z2oT+{3>i-?>Zs!08gH*YuJ1ubivWpL%Faj=?z-rfHKmUy>E^F0$?_HAIH}u9R9%oJ
zv^V&+Vz*zencn>padT(M(coFw8-tu=C5X)2AKLyo$SJouI1gE<6F2Dko7<WuK8!$Y
zy=~{ac0pxTqn6Vb1iMJ%>Ei!ZxOBc_D!P5EUXrUx(doF-grBEW?h4R#PtfVddYVh&
zhh{OSA6d?~zsp+zLU#wgoK)SnD)HV*v<%w3Z>78T1*%><9%~t7{7%$NZjU#k9!M5;
zfV{Mn=t<@PrbS%msrdSDnHVwxseFOS#ArSw$9)L6MoFyz-PF;W|DWQ@6eSFWEYTn0
zApSe|>lDN(vtCG*c5abY5k*j)+OOCYMQ~8IN}}i}-_r%tWL=rjWllWi!QbfAALNsn
z62R5sma$yOfzt#1xIOgs#rBRDE1EwWtYSj0RVSrgOv>FFfEhquP~WkeHAtJfZ-Kvm
z>mc{9PL|Xbl#}b&_Ky?f<u^-URBDAr>>0baRplm3{K^sSLhOYLuCw*`{YF|}R`F}#
z%6^vvXD1yXvD0}p4J2r=q0Y-O4=|ZaS&O`zx<{Y%zLVgPSRHIqe_ouVyD6kbfMAQC
z#(l^RC@p{OFL<@|?hA4olGdx>X0fv-N3-CzYcXv7X*&|=qR4vA!ZiH1W`uG5lo3!t
zod?^<S4a}b0+a<%bg3S0P+utFd?uzuQU3-oP80#(NL5N92>~rfs>eDaSn#D(jvWxj
zHYo@y$e*`H{*q^N4+m*ZGdj+(0a|J0mBE_5x*51`*~b_hHN2XltSjdp;0b3hP>Ok$
zeI-l`WMOq=BrMM$OKkM718rm#&y`|GtZp(}pUut0=z7Fw0;H=3x0c<VAT>7#tusjJ
zUYibPeEVR2bW!&)1y#xTJ$+FiOy4EU8>*_61;cgQo6ssP5nDWv@lwPKCU0eoO5&+;
zzp;f+RslUkrBY)H`e}1oGWiJ|;VCF>m;zsml`yu``~b(zA%kb{^{tH*Wz(+H_vLa_
zKggprdL5HZNqEh&>y-<^GvKaw7TmB{41-jT7U=*mEIh)g0+^#}Wj=cJP&?Jk@Cla1
z7)3gmU^4;uYChC1%NJk(reV3-RZCu2IWoS|D_i`^vLEIBRY>`JwPZ$$pjU(Lmu<r?
z(s*c*9?ASzRmdLC_>Nh}@VZ9|$l9VM+Cp@sUZ%-c>gX-l`rTsG%%MfIxkMnx4CrJJ
zQzP}(dmhavGi*WTqsCAlUZ!bAtuG8T#9NMASn>tV!a4)VW+aU{%VI!T>zbl}C%_$K
z5@5?x>p7rcDKlCGbqMWzhvM(Qm723Y80~T$xL1rMRv##Ns+a1*jr__GAm%yMTg$4E
zMh+lT)1!&ePS=wxgFaqv$nhjg*_EtRX@kqXe%0xRg+TwUz;|MPQoUadpGOzXg%!WH
zL>Yy}KRX1ZFjCQv)T|C_xqYSmJ_pUe5Xuy|$ClN}i|P@8ji94~?>`$N*0@k@+}#)z
z2E_$(bVa#y0_R>rMUE581}}*o(729H`wKn02w|-G6rJ_GN6~_&`=s4RXa$f<ivEF9
zBkOv+F9dQPxZ(A|wf8_7ut`&j(H+64U~DnA=zNSI&9f1Gcb)~Rse!RmwSF?<F>|a0
zkVj%mT?ZIdNWm?55CMX(?lP;s$hps0qvqI=7fzNCVH-i6Mn>E_h!c@qP3`}KOGA5M
zyvT^B-WRq%@)h!Cj=d7YCQ@iD3ec~M;SX`#;5HID1vkf14GBRSZ`9$}F0$a4vF6A_
zxO3~%o~Xl;YGykpc+6S0ih6kndx-N0xb-&bz0jCBmx#ZK*Is*MEXfiqOR(*5j-8n|
zPn4H9u@;?}!nI%`Q@wL<kS4xVMLkp$aTUA=q(1<fvQ7nsUjNwH9_<Gf#?R&8`5XR`
zYR#{!h;f?uujwsGRs1vhMgkH_L(rFDhTO_6U&B)+b6A*+3jC0=(DNsRJMxEzCU3KJ
zvP^<|7VW+Kr(u~!vnT?>L7U&YIFhz*L=-67LGBh5#jkXQ#U}Bmd^bg>Vcz__Fj!+3
zf#=KE>&{s(>Ckp-mW2LwLnJbo3%N#F0cOsWc+^j|n=D^r7;t*MZcqXgZ}{^<EQh%f
z*nV^3_)(268|5j=<NaRm;F_x&$l#{vt9opBNBhi~f8mE06@pB|*j`OLvHNH-0uRF`
z2D`8VZFwQqQO+z>Zg$yO94-)}N_Sj!?*&X|jV%ttTRI02Oz>-}dotZjhcwTQ>>ji#
z6;Z=*7o!erI^B{T)<(is0|xJak~vUMc)HyS-GtDtdK{v3PKvBLaCz=rtTP`cu`l<2
zXKl20hb!?Z_EUk`t1R%`NFE9T4afAy=ExH5xhAe)uCWWwMiPUBfmtEO3B<*TO+MSj
zLQ@9e$do_khXNyTtU`Mv+-5l2)kGhxR6{kELlQ>5eQS(6;&v?yPwwy$b<YL;WLrg!
zbl9>(=Q~qh?TQasy3Co63_E5q32=_6HAQINNnJAG-uzeW>c%QvaeUR(P22=o-ImPP
zC%D~0HSQUeT=n28RbtD`llbi6Bx0Nn=7wb3?{-qMB`Rr`ceT&46R;a!@_U29<IW@P
z05e28M_avgylK}l5GJ?RoBpwpP(5-Y#?=!lK(|#=LG7tZZ%uX9%(771bN3p;@RtXE
ztfH;Z^WKu$h9R!4Iqjd<S=Lgj(B!FYqg$(WGmVd<mb~%OcuTwkzINH`q{Nj*pzD~r
z1JIHClk(`t4o#t2?>{iO%<qPae|Glmlr+1#HfXK@r5}r-g30Z#f5WhDv(@}}RIGK_
z=mZ*%#l)jd6PCH)sO!(3|2Vox6EFC*j#-7?fF=rT)R7`02CKVkxkd%A0LbzwmLs-f
z)|wyK#Ak+YL(VKo$j<!cs86%Qh(}?#{%h4c1^Uc2Zh>b4#SkvO0Tj*Okbbf~q!2gA
z%gcfM_0Tf#NuXe1!6(xaH?=3P8lb9o+H{C5p4SXs@IK68uin&^Qv7Lsa&#x*35Xfc
zNbHNB=CTGNWC>s5o~gEfB>{n78oK%CH4>9fY9U#xZ_jZ0DFvI(=uT09&r7o&aX0`|
zHT>l`uk`@7eYLeTx#ec{s~xU}D}HsiRB4Wn?>!|(k9tibB3)$Xn(~JqwG~YFc*(+p
z83-1;a$7EP=bzi?vwQx){f95L)$&J>g5M@+$&YCv7WMUZLs<w3S_6IM%lvTWk0T9c
zL+)bdq7h<25Z45bh(xz=D7^?y9%h@{ndxyu6BHLbcjZo8q|ZN#CG@Ut#svJ921P!a
zQ~!mwxcj;mdPL%=>v7;CykLyn8hi}W(R5P^<&5au?tNP)3KV&VkS@37MsP2v1b026
zaC}$I?hH>KJJJZg{_Y>Up3HPpL2zZw?m+q;h%?f74^8PQeLTZN4kvbV;hkxl!;3px
z6?>rSYtNjoRezFC+iLr6@!TEDx$iPhDb%t<dgQ7Z!6mHFXiy7)OR6$`#8MP8rzQ3F
zn^)P{wQX;8h6J_F1oESC^4)a`u-CJ88VVK(6F`f369+j7*=x9L{m#6E<dBANZ><#A
z**~GGHF^69U0;qo?5SMzH%!f!s0mBGHjQOMLk2Zq6TiO{6^y#EEM!FH3aq=w%1WOP
z@ogQ9C<JftyFjki4`pC~9GJ+`2fzh=&8sOBE@W}xDaYqUuWXb)L)ASp1JUKkX`>km
z<-!iHVcx0XBOk4tn54uqq4~i}>CS-s^Y@fpZ*UdDa<{1Kb|U#0>0FJ?ZZQHTk6H`B
znh^N_dokJb3)cB^q1AuKypUbAxf4lc=eH~ggk|q1TztW?GI)JvEXs8a<*zZ-3PHt!
zD<v$6c#GRsV<!>|cQ;e1KIP(gYnF~$wFGp($^xg)9tuwHk$oO43$;5|Q)FCfxp)Jr
zGiNiuNa=?iy74Svr!R8<XeicyyQr7}$b}XViIH;tlA2fSk;Dh#C$JW_Wo6@Io-K6U
zONM?Fc9a7pvf-4V;Zqsx3UDk1kp(+UG<Kl*nxBm0fM;o@4B1oP*d;Hj!IjLogo|H(
zf(wrg`8{q!2s^ztxy%8ztL34OxZD%#v~YF|t5rC+^VdDfcqGH}yt{-_X&Dr6)K>s&
zsq%yUsULprrT2@S;Zay6k=<RtE%Me~E)_-ysabmDYS%_d8Edf!@1AF9EC0EOSsVq;
z+&4o%&+y`@QJK!}$bCy9<=3xHwPps(UICN*l0CAW1+Uw+>c6BEDO3%1P~BAso(74q
zY5L}3u2JU3K&!wdjY%HV^wT|DWha+u06GD@SlJyPl2@Nf#r$wLrw6tZ2Wqb`1aCl(
zgm!wq-^SOJAu=t_RXRj2;+=x>P(WEs6dGP@U&QJo)e-+sZO=$%nSl)`fee%o_ag+9
z(4xIE`K;;ciM1J9SpJdoZ$*c%&;k`i@HK)vUb;h`p%HpW-E|!|kG2O2pms#c#kke?
zDWDP^m+WB@N;PGTKvm2@-S3@0N7Y7@jWP=cMgxBD=_VVKhGw$F2MBLy3sAHK*$>n6
zI8X&OJJm5+`IhDo!fCH^E_<EdUD>D2!_G->suTC>8i?C&{tC-klebgeKeo*o?fMTx
zN*0IJG9c5Vvoh6biGJ+}Zy?P;phRZ}CpnN45LLsh%vTl8q1SxbHw(Om|HG1<m2c$&
z5eHf`-&^npCbD5>Q^Nv0KKLLamCvS`3;cjW-IBGVHsZ+^{Gl;Q_WX5JLL_C^#xT3a
zs5fO8r0K;U23P>54kNcfXeW22Rhypg+K-644;<0#pqOJjCGl!JZMll?!1bm$b|mLM
zobf5z<t>e(!18FuZ@o;q2)^&S1$=i-Oh>QQQ2U+>Mat10u@a`D58e{gaNn>7PxNJh
zu%|}2xBD6$9C-{e6G}OiWK7(-f;Ov8_+}gzU6pA}r&*xgo7>CT2EkooD{?1soa--i
znbnKe%Fpd~oO4t}Yc0<0j^$E`(PoA|d|QXj(8=bW5ACeYTat@{(sg7tJB>R&qM-eG
z5!)82#;&$iJLk+Z@qm^<#umwTp<M?gueqTXBXUL19HA9*4W@-!>JCdjOY_0t#y`u`
zo$=YTcwG@d=h!qiLm9>v3tV#D1r5fUi$4A)$oDtl-5g4*YJ}(Nzb#RME!o-Knc3dG
z0kYY4$RnEB4kBKA`;bl^O&>La2Epux8t)eBc+GhHxUDyECBDEoiN^sg{@j0UvwYW}
zhY_bAvu97FT=(kqc@{{`HG+Ohf1y7}Jbuq5AAwQg8CQ_J3w49~KweOILOsbhkijkZ
z4b6f&kDqM_{PW1|?s<_5lFMN&`7TDJ*|WIhlj>9j$PWri?>qlsYvTLnHeUE2ty~BD
zsu}?faX035#olzvIy+IDL1g=3X;F5EJc{;THF$t(P`Lwa6(4QyOmVI!s2pFUJMHCC
z0QT{x8{b})sX|ouwr7w24z%-wHav7Pu4#TrN84(3JY~H#k#Nt+*hS`*%RHRW*N$4+
zejXVIn!N*p@nS@hQsTS8NegoObcdF{4+w&3-!*9KE-2~I^1S3_n|X#i^NV9D<HvK+
zfpZ2QO26j%3*tmB<`UX1&aZ=~<#MAyP5NSc*U%qJpMi=<!8fy=Q%n%qbJ_EJ=gZm~
ze(hbbM-_4_m5-gjd-E90_dw?UT*{wr?*e;z>f}8(L|VLWx$RE79v(8KA7(kbMHIX|
z-?DSq*S>s7Ves~7n;=(iwQa~d{`UiRy0Pp7{eK#81sgyKc11>US$+*|XQ-V^5}0ZG
z_EQW>LdGjN1<o@ngBYDYq1|~#b!h+fgBnP&m+Ix{)BNx9iF5?n|J;eaAmLj4mUa=p
zKNTH#L-3)fi1nBjI-xzG{TZmFkdJAL?Vm)tEf42t*E#tHc#WP)#-U@%!xI08B0LwQ
z*iNY3D#a~EAAnw{{QDw3cZ2?&w`%iC8D}vd1uDt;Y*n)&5_EWMu(zZvnYq$B_(ZZr
zR(3$u`_>ESFDN;s6A#*Xoz6b{$&E2WTqqdR70Wn(x&<wsa{SZ*=R(_*tno+OIY}dP
zkDDivXxtG+9JmeY)4?$gEnPeRYu$asR%ptr>NdvX@OCkGI`bVTY3H-XvoThXSyiGM
zm>ca`Rpws|5QTEaY&$PiGlEClZiqrxWTe}{u~mD_k?6kyK@U&*(6>$*-80Y*TR?S0
zpdY>qf@hEi{}td`0k!Gr;o(zg!C_(a(7HL%`!fTy#kmK#hOZT5k!(I8R`r4Ux^}w#
z5r$5Mf-5DmKIc;0A=tl1rk{qwM13E0u3lCKT`r?VS<)bwEdR!hv42Nl2vR9YE(V~0
zt%ReEhRbzymJ1JKYzlvFv&A!0pKax*%1V0K)QAu$&;6&{Hj;T|f(O^FHhweS)@bm}
zhY<eD+w<jcS5(wKty&XJ9`#I7TS^X|W;hmL?_G}g7zU0wim&ez$k$%tzCT}ZpGy4W
zqVgCBQ`3ij&|jRXh&XcE-hg_Z#)Vja3hR-Idjq<|t}gE>#a^6K>E-EJfO@)E9OQ6I
zEblG|;49Yw_xY|u{$hJO)AM9QwpesTH~ffG_FQ7?cglpN#0{Nyp&($qR$vPDTIp3$
zUXC3R!2WqHN+lv%JlVv2yQHypr{Ftp^-ec-&2+pBT=iiQnmhCJ?U`8?pfr8V5?TaJ
zjJt*R!L5=}`kPNpf{@jy?4R>Esh{P>;1W9yyKMZOl1Y6bS#M=!f*N+AAkO=9KFe-p
ze4{L1LQgntzjv}|+&5bacCwiQ-~1%*JI*#^GY|!@o55cL_OR<V6v{sTd~EJwj|@n2
zG1dTmdfmLmz@)ep<40R<=H=^wv;@*ATOv<L9?Ub_H~(|OMK*kb1tbXuNn}7n;I6!t
zU>WrKzE#DX3$Cz8#hsc7;uXeT!$1)HE_XikMiqpi41mN_pG^?#vL<CA78t+0W1jB9
zVxml#Aa38PcpOAJo?p1aClqFmCKehlbdzE%|0LeG5{k_S-h};md9;0_Cty^NHa26F
z12#>Ncevsp`&;RBEO6s=+bFC>)h7G{Yr^FWl60PtxS18a)4~aT7(as9sPB0Fjbzy!
z69V<xx?+4P*QE0-?2`qN&Q$EVU?+>=l6{oL+1=HMSf7Fs=mZuNG4UMSju{Hf!<Max
z;jbc*WE@7$4LdtyZ!190qHajO_Rc(hRr05jN#-`u!-GC9{BQdC?l(Br{}P0!f*W43
zm2td_=VgC_8g5;vE#Jbe*Fxozo8u<Ptzsru_;u}JDcP^kC2C)~uEv9OisQR|(`*N|
z0t7RB3@!-Qfa}J+FGTAIkT)ZmIGZ3%L`~7+53<ZaM3*s}?0d()Kq&LovmUrS%u?=~
zVifo#Sv<y&<Kb_Wi?JVqPFCB%s4m+!FhDd%mG^b+EfI$ZBb~uNK9KS1hgU}VAJCxk
zRyN3*%4AU#GmpK4j;zO?;cmzJ?Cq5qT77(93dqyQb69Fmas9qpxYTzIHzGXE8u*2u
zUQM<=g?oO?eQ62s`Kz{g-05{F01n#@^mMXA^9)b4+b!~lH>|&8l!_R<JlZ)rq&QA|
zqYoO?i}n-guEuF@^n>Cr#5e)mVM*13y^H~=?DcSwG2$o?KzW;n_c?oLfQIwp9|<Pw
z_JQQ;yRS=$aqDFHhyF6>pCvMf<E&$A;eI^}*5!sFHaRnb4p+if+RG@TA9bE=t(jKY
zaoF{<R9|8rqwpKY^_XhNjq0O-9)G&RrG>><RUeKH=jiL`-wff!9Xk<BzTCd1i-Ge{
zPdncq_OK}a0sc3Fkaj^YovBA;7T+xRZB})yX+r<{fXh7&&VgSO57IEMhP1KNo^D}(
zzcEMXe}IXn`4WD%t!*<f(T4VBxI5pft>xQmU|qQTYs8|x<z#m=+J=!fcIku1_e*sh
z{t=0dBt3*6KoyrG0*oxI08h$OUdegkMW6JE8+ascQ)W_oDaDeiH6T!_lDhT`uuBn2
zdMCZ$hhq$$ZqNMP`LSy11cJ^HTESJ70h2^c3X&7TOWW8MhHG9V1ErrDSYG#(hi-rH
z%e^Ti6uUBvrMeq<2}ds0KBhNqFD8I9Rol5SEKH83B;(atR{eCy7RkMN{YSxsLvH-s
z4zOUE5NM}KrH4MC`)Smm$Osx>=fAXF?QzeK&LgjPvEyBs00jKA^NMOSQ-Z1P2=_z1
zMeRAsvKZ$_8|@LTYLZcM{Jn+bE)0+shF%vX&(ofFoR0TLU(NT}gJWKz4M@(k1;Y3w
z+Z8*%!P}zbCLEOFYnNv1lxnD_wO4%IAG4R4Xw%jJ!B$)f%2B?D0xncu4^AO-+B2x#
zPoQZG?%Wuayn_B1^N90arX_TP?$|c0fn?e-o}=+#3KRZ8Su$xBv26TQG8TQaqde#@
zVvDEB1L~-|J)(CsBP)9j!^w1p-w4bbGw$3ReMgR#L5uJNl$+-1%)CY~J*c7Vo=ow`
z8adQj@iTd)TxN2YR-9}`kC}IY4ZFSkutT28CG0L6TO|4{`mf#jz3@KP>MRcHyAVQE
zZ>x5k3pV>Kk(dg~Y542CjB@_kCmbo+lgJ98g*|6iPo-jPSp2@<&1#Oxx0TWBd$rho
zpThLYcnhNP_=eUsxg0LU;cV;MlXMw738jX3r~?Q7ytno4nPWt(IC?PHi##kv9Oh7_
z?9CgWXW2;w-xKePOWL1|)H*HIZZ>-}pagNzwyr+q&XaQ<d?Mo8mVPfzfzU4mBqj{F
z-#<kY&clqYVQ={dRu5>K^HRjAdBa6{wk)m3+O<{!<Z4_y!pgqC=Xv=Rw9#r2p1U<Y
z`80I_rc8jTuGHjL$?y7!lIp=SB3;gyNTV>J0S+`N;-^D8V*A&}b#kk?qq*NcdU>Yi
zIVME!KkgJDXUZd=V82~Aca~6+3xp6Bd&5ZJ8s?no@;A^-bOMiKzTQ~D?%WZDt}*vi
zd%x8>x_#dcMMoYZQ1++*EvvT2#rWtTQc%2fw_+?aizDv?5S{&xQ}VFiT5qR9!hS~Y
zDG40W);XCmT&{2kA114VwB0{w5$PN3qz1-*QdtImL=68CiPQ}^xTx)`tAf9UZOw;b
zS2H9Smi(|5C4CQh2+yLIR}pi{(PwiF&=*?Fb|b<q_YUb?Ba{mW|CHQm=iOL+wME>(
zJ)_|9N(FvqKmIkpH@OQJ0Ow6___5Qe?_bXz%uX1R{#_y}!C=>?1PsLuEDOXQzT573
z*il)TWph}1)v*5a%})E;h~nLfk*O!Xe#w9PBE=ki3mYD>FNo<3pblR5)!pR|yauRp
zW%u_ZRwOef3q#b*9IHGUAd943_ii&EzWUO@Pk-FZdZC22)tm1NJ>vJ9AG`hC;9CXV
z*c+fph$pGtxD^#nn})XL**&v;+FW*QhYW*_V@n_Ryo2l{n5M|5op;l^zgwlb2tO;^
ztuVK=B}ZosswyZdhV$^uTTA{dU&$e}(L0SfCN>wedkpDl-MvP7Wu0LU{yOz;h+oQx
z8D4v_z40S>L+=_Z1hN>idlF-IfA!4K9#<7LSG!$H;*D05xJWyBSR7YRTd3jP2cARD
zECh}Za*=0I(HC10)*<7uCQ(p)DXqec;fqEw0b11VkHVAmF$V-%Bu4FKfo0$#|1@^^
zi$sI-*42fC7z9~9{)6kIMWypf;00J2YYK8((JB<>px;DiO}{hzl3bm$N!%&tFLKT8
zr5e#q8UWxzUd94c%m~m8^4eboJ&!}Z`6BSMs5T;YZIu1nd<vUer?oCa7u*ki8oYEI
zPqh5Ab>C`#oAcJPjpl%Cd9DHMTsP}QeF>yvbJG@X(dt$ESlkZBqH)nCu<$jil5ENQ
zj-cmXXh+aI#f&=hM)A5T`37fmqRUZ`Deu?<6;6c5|H$eUd+gDy$1bY~RX^B6AGwaJ
zBDEF|-rmh`@^H8RJ`k|mT!yHwtJ-JP=PxE7`jPE@uk)Q<NJ+E^+K1nA=n9#Jb$QD;
ztj#d&kxZ1Uf!g&oKT<pkt%6O8P!x|-H#GX=a`Dzw^iejH6rOKc0D5}Lq9AytPA-in
zxN^`30|)14QiUf<3%>WON3nBOary(OWu9u@uV4Ne;A=rA(y6LJ&eE!Kj?7`gUE?UI
z!)&jze|%-6rDmI6?dy_73cxLGh3{OjEL%t8z?W#J?hX}HuUCpBj;>4t0{Ct3M94aF
zE*(@xhgE}9FtxhV+1{eUF1YmEhDkZ*$UP!z=_A+(-RK)YUWzBFC3-!1qM8yNLVJAP
z+F>*1z0LjgOIWgaYyH#%1U~3HyGZ1xmaIynOz^FaxlefhW<q{5;TL&;d5iwl+1H@$
zzLV)u&;wYctuR|bH_W_Fg!RC+8_pAuO*(KV%kV}L?<wHqAAXBCq)bT`vIUMZoS$$}
zrf<)0og~eBM%gnBes?L;gNSDzS>z7BoS8N;CDWkp`57#t`oKK&2G1-!LZR?=R*nzH
zV(~qDnTUkd>bs?S5P(pBX|0?wnak_&-M`y(d!~(Vj?O50G;sZ(#29_v*5b^ytfuF~
z7f9!SOrA<J*KW{v#PB@-2q*QdNP=+*cu#BRkg-#<r#aXv(Z1;FntCc;+V6_>8!}H|
zz#a>VK?iwSzgsbxq6080h)N$~@MuTTRT_?2Q6KR;mdw*<KuA+pPAgbTM>x<Be07Qf
zWzP_D&lMMnRj4xk`Oy1u82G48mR43K7u&;udvLeCMYxfrP#syHAW}QxG2%&Lqc!Dx
zrvKa<BMc&pbP4GELW)8{JR7`GB5o!n8)#*1y6&h-%GB#zw3@obVaID5mJm97pp@*}
zmEq5(mJpC9{mGz6#f_3{-lH@N_8L5jczkW|+m&~BVQ)FC$*V@P5^jH=jbToViw$Gp
z-H1(y%wK|iMA<TyJ|pL3d5d2vR-7)74$zE`S6dQF2`?WR!&#E>X6Vn7I!xBVKkA!W
z>jpmyR1nW4IAexum;G>@*e}N2rb7G9$%LGxW7>83EAm(M6@@=(;HYr=%?OqSDO?Mp
zdhZsV9}96Y<EkcZyEWB)vW<<fI^?r?>mg9AC>lWb!c5A1jJu8Y*mlF@iI;eH;>B7$
zOo|1F&^*~}jS_$Ib~l$iPxB-^OwO^yz20Wvrim-0hUGVj+!vNc7@Kwk({{<HAZBNs
z4d)k<6-dzO7iyge*?wh(Qkr(P{;pQWPPDT0a5<kg;AOfB<#vFs)C2P>%bPhOZ-&Mk
ztU(AfXs0Az7f5#I&^Ng<53MVkrl$;n6R!R~T&2TXF?dHw#wl3#i2+xYdj`UtZm@3a
z?Q?{ckxV;*z-505BU7WgY;&E8&YMZC`h))O_mt>u)4>Rv+gU3%9CQIVGh+Y@!lBD{
zOO(I1fFe9&^-Pio%A0*aI^KB)f3I))oQqB%-&lc4a3JhnciSVf;E2H7S0ADk{wWgz
zm{0QNbyn`V<lPR=mw5h_ED7Q7lUaKbY*Ec&$;$?@Fq%X8QWMJh8j9IC^_a)1E5iTK
z5ElCywCm{t@Mh+Kdho|(x0K_%wDY6_&uh-qDnN|+aVf$<d+4LZjrFvk$64PN*&P~V
z8{SqH)5P|TZvRP&e~O)`8Z(w4HGEDCV9VFi5ig1o4NdK;e_7$w9@Hdszjo#?G`*Wv
zq5n@&|Eb+w8qTL)W?u#By8!}uhb6zuR>5Dgr57ciov2=xT|qnQK(2IWJ2OZmc@!Il
zLzfHa<IfklZ*e6E<Umi+yX~)uaZI%|%t>!)wdX}170ldZwl(8m3ZPjQ2Cl}3gu5rT
zmc{R(y>8Eqr;H1>GRmv%1Tmj=k>e@w$ntsHdO7v1S07@xJ;fX|1`kAjyjx+uI)LyO
z7~6>I$9x5UCwhFxGe4p2&yb-f1nXaopT1BiD|mYnfp^Abk~N~sWf>;p2pR?|4{JlM
zk-uWjm>djNY)nEq9EE;Jo>W(Oa1*ZM_pnO$Y-O^2%P(xPS8{~&ZvQH3u6Z?N`nAg}
zRbd;5f6q<u>tN9SF}A0Ijj<oEyx(86rkpRHWo(Wz&Oj7zMljCixcfSHFmt28$K;Qx
z;%0$qVg}|IS$g2}I6p=1BZc3Q>P(<3ve=?Q#^iugFSx?o{IfKB9p-|lK`0VYXL&`Q
z?ufFGP`cX^P7~~YoLeH`VG0rdK8PcQ*ZsO)eBotHc1k7BI9atg^CnLKCYbETy!9MM
zjGM;j_stEb>Jz<yheZt=H?3{^(=-uHe)zdLDxC8$*G1gv$4ofT{Xp2UY<!ap@y`H{
z%@;#K&x^-}O)&7ziV=6ZhiK3j?svqx9W-knvJr{#4#*KAu`RwLlFO2I)=*Nq6(EFh
z2Z8B2q9bs2(6oOqnF=LUH)&0PC-@|mPna)3@R689*k3wV#Q`wZ;MF1nc8AKF?*b*Q
z+m!5g=OVrpcD3|630e+e$7G`vAjW%LaHg__yos)f<cQQ)YC-0QnE--Q$5Wd*&RMQQ
zX<rHPVsqjPHKvhv&cs9jbaPC(O5w|~?jP2-?C^Ix?mRuD?D~k^8#8hE7JY%Tbx0^w
z6Qt#&^uF`Yz8uTR>W5qnq3;G?^P_XRbb!<oKcd1<U&70$(JokH#_;P_Pr(cR+JrQo
z7e}`%_t-We0At%dY53g(ba@D`?SSv=^UOil&LORNt|}gP^}*8EKp=#KX3b;(G8emQ
z%Mbcdu07X4$9<W%Y`C_?PvNm5RCId~s%~-{hLs~86o_2<@w16o{@L*SEn)Eav*_Ih
z<P<w>t%7<omEOdDBv+Q5ZOq{YxmxO(izpsyOE{(U<ZzZCsNhSr+8s*Cz=vD&Y+dH!
zKbhE@A^vi$fzk76s6ikQbZ{53y8=3pw<DWQ_|C~2Cc=GSquxmnJJQp~VWzA1fRX_4
zRd(zPpF<>G9uJ+0MB$(>UB-L!(R?ysEKpt{T6}3P4HJ(3NG7%8mBCxfxkBs8HNyvn
zM}hu2<ZWkKLQf&H>=SXS^Fh$AFQKnTo#)-VMb(d)hMQ8(Q`nH6dI@=xB$5~iEd-3I
zgY#ncf;9M{vA8Frc-nBagNDPCLd!Ir;=ja}Y?fpde9Eqtx=nw@mBR^V8j*vLbEFWo
zNCMQS2`7r`X?hnH430`IS_2FI|KijBUyFa<S3h_sR>M}aY2<k)%Q-B+ust$a95Km`
zC+RRNu%KHx%HVUK5e0Txfj=ZKNZA2p+N{Y{#SB;`;0AjOVS0PVD79#YgxAUcS(t?z
zFJ1$e(CIbtj~^w$&fyF+u_mVM`a1#rF)X{!(Lwa!tD+zfr#nxmX5B*@!lXogNFw#Y
zC_HTse~36-{u!a7ZR1(wm?gj-m-L9w3iyYJ?dk3&Jd9~lb!62LmI$+>Y9((fTO2AN
z+qm8ISK`g$&|OtMj5R#p%))h0%jC1nCKV1?D2sH*g!RXEX(*UGDiUb%TXc;*C6P1m
zFf>6nZg-Cg&3bKx&nyrk&T`~;f6%3S;@5@OlL${r8|x>V(rbuFVp*MLE8v$S6;b+}
zG(HnY+l;VEn1Hnd<D!nUY*4r4?UblBcP2avTPwylh9*|O_W;^XOa;bI$SYIJKi@~`
zs8V`956<_9+QcM*L1-opkmNy4d=yT#8S(q`CoENLY2uR}s1E<V%&Fg$^4d?$t}p_>
z!&rhHxA@5AA3wBk87iJ>Blc+fBE3YFJsQdgxVKUSJ8$vvv{DCqKR!@a{iHY=!6|4$
zX$f>rlOKhGHI%?S-yKzY-b1vW$FtIAL^2qL(g9bNw6;%EA(2=0=V*MZt67P%-Xh{t
zpmV5Tf(>1B{CEhBBoc$U!l-GgzPr(E$!|b5NGmdr0_<-#A$;$CTE0jYXR6Qai79I9
zq_}0$UHMxEoy)U#Pv#t8?>kcbu21rUI<G)Jsvq8^O$)<4joFi!V$h1yd$XXf?opJL
zX23#>GrojoB5=w`kRT4dj#xpAaQhlMAUka0|8(B!K&$tG@BRt&0gFgmfC8A%T#;s<
z=l;s4FoHIvTYl(xUrfiST7f41w3ay-()aaW(p`{rgDZRJs^hcw7rJ>90Kp#a&&D@^
zXId)7s!}wwaq>pm5N#x`;h^f&bqEKEYuYV;eL8BIuTes|_~PIHDeevY7%Ps^GiIVu
z6xpI=C-S_h5I|k>f)OHz=)U0EV&XwQ?X<xZwZg<1vY4`m+|&P(ukhV+E6-xzei`hh
zjy(9u0jLc40Vj=2H9?)b0hkFoPDr{73*mN$xutO(I)9{y7g@%31%1vz(|jt3`D?-_
z`AmuI34NEmxE2_2d{PVinr{O`V3AqUCBi+lTk`bv_F%Lg^1ul)+|I$9aVEA9SW>1;
zb}H?3%mGHaBFmUSVHKpF^tGq%rF5mgq#Ai13Z?Va#}lhZHpEy4(fYcVX`T=SV^Q*X
zn!(|QsiWZ2)>%w;*lMUl2v}1CG|4y}k0Pj$sUDzNQ<JE^m`xFlJMX$P!dCY+wJ7Hu
z@XK&OH%MapXU{zl@xKQn{!%?YgOqx_8TmPvl=NceZS_}?Wzk@hD>|Y|QdW#-aUlWR
zuDSe385hWK0V(LTO;mPXH{@;|v>0tQi_uM8yObcOBibTXWBN+@q?V~`e%T&AlPb=H
zG|{&N_E*L5nCN9{z2~}IFA%jGm6N3EsrSA>Uq()7iT?F)aC)WO?M&`_zjJp23<FLz
zy8({rZ$Rg}X{gSd+xOY$pvtmN$9w;ypL~wy(;iIyrLqsuhdNbD74(;V=mF(L@^~ww
z^~px|Gd77Fo`B8~XeM8uR;roQ<%Jou0&6F+qpwYTjVZ@e^MCpEZ4TBd?9ZXb`*ntx
z4KhR|OFV8^(^hN+ok0o}i@`|tig}S=rI=~c5Uabbm$xYt?TZ5W8)W(C8G^k&^S#Oq
zKm<jFZnB>B;=R5ftKWk;^mmpHJ1LHDtA8X1qlDl=PHb2P+#{rv`Y;hb4U0N--us{`
z`Sva3kgxZ3<xc6MeI<R@zl*&?-xdH`c_rVb?C9ZlXqz{PPE{RMs}p-&9^l)s&F^LA
z%=fQk@K^#RDNY6rF7&_%x`lU-m4zB&58<59p_+!w^L)L2v5=*|lLCVn7-s3^I!n}q
zeA>3WJpV4Yhu;-U5)JDny#U0AWRA#&C=YH!HKY40SRSZ=dBQfR*roT~Jhn+Q7;J*r
zcH@I4HBI4vPr{oKDMcURnx}-9r~vHh7L(S>-M8{lO>P%Hm7ip#uZi9GBct~;gjAh6
zfE_I_0)M^9@X@I%tqaEnSKEJe5)#JUegny31$17<sc!Mn$>%hMP+hGG{>1~9|F8s#
zcC7G`0fMv(q&PW5MNjFIzX1WD=?cswR%d;J6G7_*2%6xY;@Ida*BfKTM;IdPQ{UAB
zx^AkzLXI@~#Yb!ePY2^y2WR=N^YGH|bog>Gba&JiG^DdIb~2l6r4&Cf){carzIf2~
z8XMT~EedTNAjn<XA_{zOflYE91*|CFT@}4m=#PT0x21?%bcFL)v|LXlRZUZZBRyiX
z4lDavNgV=<0ejIbAFEn_p|`?qN!QV7ev&U!{8R{!vu>Ej{*(tovv?sHZr6M%d{q~$
zw&PoW`^phmJIuPxL4?CTnI+CaV8l%^ga_p-6U}Hbi?5k<#F(XyMrDaqv!ej*dj-DB
z`AZ(b!~_+G&)*wOOlB_?T1Txevn4n~8LUWXiB%0q7VpP%;*4=08N#dhN+DqIWuU4r
zS&blpw}a493Pwg>+0YK2+X&uEEz+r_R_Ba_B=QYx9n#^Cac#Iz;t3R&BToTnZQ)W3
zw^K*ch}G@(&_0x1nxLy5f$_p@qOGur0VD9neI^<b_75CQnBnqMNqjYy^E{O=A&yu*
zyyEH%%aPs|XuUSwxWIT{#a<|w214}?Naibj0wOBp+Eox9{ckG%Ct(Ku%eeS5+XW(p
zamP(*M9NWHlFh(p#OdQCe+nTz<gcJlT>(-UDe#w;^?ZkwsET-yGgb<HT#88NyY?0g
zCe8z2h_V58l2dxiJ2MRl@lSEo=qG5*e<9D_|3DrDIukmPT=i|6!2+TKLHrl;ME!u*
zD3Zb^Xsb?8CHTD{XxkMV$cFW&Rb(n_rz)^KO?E_1NWD|gj_{=d!7T?4#^Rr)`D@rR
zQ%S-WblK|%i}E28#yfR@zmUcxsUG1)M!fqQ@16Eg&O+zK@15X-f!aAqYZ5^=<|i*8
zV={mg*MSf?9YQ{Z^~b-#t?SKrlT}}TarcRr3}=irMzGTRZ7D(&d{2`QY!|))`ejBg
zZ^S*%-=C#n)W#kD#_RMbckpt98xYOuDu{bef=(l|xClgv`i8;R&wwDsit>6)0X~--
z%(BtlG{s%?=WB9-f$^$&eTo|EX5lK3%b5Pu-8w*b^`9KS<@Pc|p!)XvDh;>>OZl8#
zjuHfUYz1!n`}n%%G@*ZvYP+i7<MjcL153iT1d)sYyh4Y0=Ixj5CPU%~q6&uQ7lCv?
zU+q@r{)ewqiE0wewt#Ptg^Bxfpx)?ezR69ytOBu4o(g8-`TMOOxMht<RrMxwHP|Hi
zBy93Mb|{RA5Z*!YMC(++QA~I!1O!b*5uL3UHshPeS9n2~vvt+xsgF$J&>ZIxv#;SI
zdxYt)T(WV%`*vPZifS1<rOCmfJOBb6gdGTU>UaWJS@z&bbmL;lpp#tbY>#eb?<X{b
z;*np6GWagyzis=L3d}&_?aJHl69NWf2HfSvNMw=8L*rP#dC>25@4i@pZhBOTtk`SI
zl+r){Aw4o-0+e)Cq}bI+#_wc-LEXRMyZ0cToZ0>B@Ng!7xlob{z5$Zo%#`nd;m;dH
zmIKD{aX(gHzJ;H8ePMWFEDwG-`rr;=2M?2U;t+(qr6FNaB%6HvzAN#r4{>4R#Z#<>
za&>QRA|C@&0CD;*6;AV(+sCZ1s+Tk6wFekBo&eDk0d&#HE)|+{MIJbtrp#ifJ=MS#
zS~3+O-OLVQIy5Mh<D>3F*~fgP7*XH^<?wS?5E^Ni(#tFci(qa}gqiSx=!FYJFPluY
z8)5i%6Mjjm3%F>4<s4`x?)8CZa|@VZfat)fm^VKi=B^PEOh_rp0O82cz0Qwy7j<Sa
zX8YMmJ<ggSFi3k8*-&_dYKT{MUM}FM-N?bYmeQs0jYWZwL^j^?kG6v`h;@9a{p#8)
z3xsKrCgC8)5L}r(vrcvS)}G6oVJm1(2g0u!5bWH67_B_IaL(qct@zw?+vJKBu<vHo
z`A#9q_60qd=OC+>>H&66O~T?k8(;scsiDLlt{`RssRWB9W@JI^ldT^7sIVmDe>&hD
zXBi|=<8lde*!=1UU7mG(rNy910@(bjcR5mpQ&id6Yd7+P|1ZQ*dxCWjic=Ie=UI{l
zS|y#1*G>P6^K9vBH%u{4E;V%n78GxJ-tjM%>H>8op|K7Pd*;!0i0m9v4!#?Ei5Z<i
z%vgtcPTRjt-l||MR=#Jq7<zGoe`tm{wTS#DdtPzr7Rey-pCrqkRrCX)ZSub~_|GZp
zM>4-x#3rdG=~o$krT!($cfEL_M2q|?_a9WVopMY8J)}DfYs;L4tAOz2(armurkF#T
z74GP-UH^EW!sMUrx8Gz4knTEM{`Yp*lxDP+HZ)b_et#7jB`~o52G>CpGOIs>YEbai
zdaMkheJz}5dhVt9;6gjC!0h#FUIb#mgJpdp)^cbHJNQ&kr^;<|6%$1+)<Q*KyJb)6
zKKTNdE#Fd91a+!X?Q1%dPb0)Dk1>2#!%Td)Z;!u*vxZx2l<qbaG^Opwzyl<vm<qHM
zz#|g8PJF+%e!S$D5|Y4(0)dd7F0*2=L+7eKQ3Frwd?a1rYxA`sHQB|#S;#CEaTKrf
zs2n3~z0l@A_AeiNHFd{TrZguo^pjaEAHw?e&MO{7|E)54m?%BP74;gV+ZX=}bXw{D
zTCgdWL9=K`)OHTB5Y64%al4?gJ51|d^y9g_7q*&We1016U<?szeG8-XF(n5k56zy_
ze}P_2cnz=qC^M#oixjXN;((7A{`u<$;v3Kcz9R~j5En%85Dy4El()%nupQ)hxpSoP
zpUQ^_f+!v{6SKcy*P*V761X@22Imqp{w7F~x=9u^ucClS3%Pu}D?J27OP;Zgs0v6P
zz9!i<OH@B(g5Lx&5IqR3P^vZ5jy&lfawwHKnp&}e1*EMQLf<Rt4epKyuQFE*G{O6-
zQQ`yiM|hX|Y#w|=tGVudIGa3kQ&s1XQGg9GJK5=F+9c<~L)>z6g18Go5RKZa<~>=i
z0V86$3!XEC%~|0FaZ+SmxD{+O^(bWkT<Yd|A|dp5Y{d^<kM~(AJ^qGTAC!D0j<xMt
zu;MInMcx5?>M8>|z!-?iSREH%OpBb({J_GW{o$j(n#w0*kOsOCrJoKXw-ozY7Td{#
zWyDK!^ixM^<{(DA^=|-X_Z#?r>^ZbH;oK9yheL?WLXrAlk{o!*idSEWTCBu1U|)PU
zWItI2;mm7MDc#_BU)Tc2xgMNj%he*eny(ZLDO_86R%ki4U&u_vNaK1HJmzDG)z7Xo
zlOt18cdq~M0x<vU5!U}h2f={xifGFq|97H%rOi%*PbF3z#*EU)(NAgn2k&G&<&&AH
zh;~^O?7vk%4Cb5Jb-q&q6EstE9{l}pz8TJowqI4wiZONc&Ira$Q#4ZV|K_n(#aaIG
zb$9~WOcU6dk~nzpy)>-{>zg<S&9K^&bpBFCR{&*tdU{N=K=nAi%Nq>Z5`m+je5HB<
z&~|~X)8o~?x(w|sbsJ(O-QYAlzqz0oGP{B}@6Jp}0L{@qV=;Q=Cv-ccySMQ~4xho~
z+9KgiQk$En3IQ~ewV-!dCq&YnYUQSb7$LBO4LVIH?1J<t%f{-w@d4eNv(39V%)PN?
zQprjf=pgLRU_O>Fu(KS^_0!<iZ<$&^o<d#)+{mL4Imk4mA51RW&yl9W)!4&UR}5~Y
zD&o&3j~eeHwgEsH(!`#X4w`I_QYp+6f5F1tI|KRZHxFqP-?C?278f>SdnyA!3A@tu
z0D72(P>LJBytQR0&^28}(Ft21{sI)%@K%Z@NpLrh@^C>TQk3A&t4qTH?WuTQIfp$k
zkJ99G_*3yjwBpMzDB#(wb}&6YA3zFk5#fJ<iI<9ALIAJ@PyvIz`CvNXfC*k7CxIOt
zTZ<MzL2bsI@H$v`k;6B((*j7BBPCxUs;Y6MS2Il9lb?We5X2vXx!Oe^LdlNkYp(cO
zt=Oa^*%TpFgQ{3}QH~qxsU4f=+t3TGUutit9z24Gds25`8KV%c1F1z-mT;RpS;MP>
zxbTn>W7~(I0gzP>R`$JGBUPiaAk$HgIrueq$X%+E0bD^p!bAcS5GLp<#hKi1`_o85
Y#-G~IX0kXi3m-sg8E97Ba(MiI0CK`PKL7v#

literal 0
HcmV?d00001

diff --git a/static/images/ui/project/task.png b/static/images/ui/project/task.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc7423b7ccfc6616cbfdc6f6e8a6081c85e727a1
GIT binary patch
literal 12948
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
UW0!lNUz7lNBP+wQ<DP&2H$9S11^@s6

literal 0
HcmV?d00001

diff --git a/static/images/ui/project/timesheet.png b/static/images/ui/project/timesheet.png
new file mode 100644
index 0000000000000000000000000000000000000000..4751f3fde352e499ecfa3083c4c42910b99d9d0a
GIT binary patch
literal 16418
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

literal 0
HcmV?d00001

diff --git a/static/images/ui/project/waterfall.png b/static/images/ui/project/waterfall.png
new file mode 100644
index 0000000000000000000000000000000000000000..40cb5752a9f02457e473ba397ee037cee92ee3b1
GIT binary patch
literal 5213
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

literal 0
HcmV?d00001