Add optional task categories resequencing and requirement aware documents

app/modules/employees/templates/employees/work_engagement_board.html

@@ -108,9 +108,11 @@
 
     <div class="divide-y divide-slate-100">
       {% for category in board.categories %}
+      {% if board.use_task_categories %}
       <div class="bg-slate-50 px-5 py-2 text-xs font-semibold uppercase tracking-wide text-slate-500">
         {{ category.name }} · {{ category.completed }}/{{ category.total }}
       </div>
+      {% endif %}
 
       {% for task in category.tasks %}
       {% set status = task.i1_status or (task.status or 'pending') %}
@@ -207,12 +209,14 @@
             <span class="rounded-xl bg-slate-100 px-3 py-2 text-sm font-semibold text-slate-500">🔒 Locked</span>
             {% endif %}
 
+            {% if task.i1_has_mandatory_document_requirement %}
             <button type="button"
                     data-i1-panel-trigger="documents"
                     data-i1-task-id="{{ task.id }}"
                     class="rounded-xl border border-violet-200 bg-violet-50 text-violet-700 hover:bg-violet-100 px-3 py-2 text-sm font-semibold">
               Documents{% if task.i1_documents %} · {{ task.i1_documents|length }}{% endif %}
             </button>
+            {% endif %}
 
             <button type="button"
                     data-i1-panel-trigger="messages"
@@ -231,6 +235,7 @@
         </div>
 
         <div class="mt-3 space-y-3" data-i1-panels-for-task="{{ task.id }}">
+          {% if task.i1_has_mandatory_document_requirement %}
           <div data-i1-panel="documents" class="hidden w-full rounded-2xl border border-violet-200 bg-violet-50/40 p-4">
                 <div class="flex flex-wrap items-start justify-between gap-3">
                   <div>
@@ -268,6 +273,7 @@
                   <button type="submit" class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-semibold text-white hover:bg-violet-700">Upload</button>
                 </form>
               </div>
+          {% endif %}
           <div data-i1-panel="messages" class="hidden w-full rounded-2xl border border-sky-200 bg-sky-50/40 p-4">
                 <div class="flex flex-wrap items-start justify-between gap-3">
                   <div>