From 5e06f53d2dcb1256f2c12c153261d43ba333bb9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Thu, 26 Feb 2026 19:41:54 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20[employee]=20=EC=9E=85=EC=82=AC?=
 =?UTF-8?q?=EC=9D=BC/=ED=87=B4=EC=A7=81=EC=9D=BC=20=EC=BB=AC=EB=9F=BC=20?=
 =?UTF-8?q?=ED=97=A4=EB=8D=94=EC=97=90=20=EC=A0=95=EB=A0=AC=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 입사일/퇴직일 컬럼 클릭 시 오름차순/내림차순 토글
- 현재 정렬 상태를 아이콘으로 표시 (↑ 오름차순, ↓ 내림차순, ↕ 미선택)
- 기본 정렬: 입사일 빠른순(오름차순)
---
 resources/views/hr/employees/index.blade.php  | 21 +++++++++++++-
 .../hr/employees/partials/table.blade.php     | 29 +++++++++++++++++--
 2 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/resources/views/hr/employees/index.blade.php b/resources/views/hr/employees/index.blade.php
index e31ab205..ba511749 100644
--- a/resources/views/hr/employees/index.blade.php
+++ b/resources/views/hr/employees/index.blade.php
@@ -101,7 +101,7 @@ class="px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white text-sm rounded-lg tra
 
         {{-- HTMX 테이블 영역 --}}
         <div id="employees-table"
-             hx-get="{{ route('api.admin.hr.employees.index') }}"
+             hx-get="{{ route('api.admin.hr.employees.index') }}?sort_by=hire_date_asc"
              hx-trigger="load"
              hx-headers='{"X-CSRF-TOKEN": "{{ csrf_token() }}"}'
              class="min-h-[200px]">
@@ -119,5 +119,24 @@ class="min-h-[200px]">
         e.preventDefault();
         htmx.trigger('#employees-table', 'htmx:trigger');
     });
+
+    function toggleSort(field) {
+        const sortSelect = document.querySelector('select[name="sort_by"]');
+        const current = sortSelect.value;
+
+        if (current === field + '_asc') {
+            sortSelect.value = field + '_desc';
+        } else {
+            sortSelect.value = field + '_asc';
+        }
+
+        // HTMX로 테이블 새로고침
+        const table = document.getElementById('employees-table');
+        const form = document.getElementById('employeeFilterForm');
+        const params = new URLSearchParams(new FormData(form)).toString();
+        const url = '{{ route('api.admin.hr.employees.index') }}?' + params;
+
+        htmx.ajax('GET', url, { target: '#employees-table', swap: 'innerHTML' });
+    }
 </script>
 @endpush
diff --git a/resources/views/hr/employees/partials/table.blade.php b/resources/views/hr/employees/partials/table.blade.php
index a76ef617..619fee64 100644
--- a/resources/views/hr/employees/partials/table.blade.php
+++ b/resources/views/hr/employees/partials/table.blade.php
@@ -7,8 +7,33 @@
                 <th class="px-6 py-3 text-left text-sm font-semibold text-gray-600">부서</th>
                 <th class="px-6 py-3 text-left text-sm font-semibold text-gray-600">직급/직책</th>
                 <th class="px-6 py-3 text-center text-sm font-semibold text-gray-600">상태</th>
-                <th class="px-6 py-3 text-center text-sm font-semibold text-gray-600">입사일</th>
-                <th class="px-6 py-3 text-center text-sm font-semibold text-gray-600">퇴직일</th>
+                <th class="px-6 py-3 text-center text-sm font-semibold text-gray-600">
+                    <button type="button" class="inline-flex items-center gap-1 hover:text-blue-600 transition-colors"
+                            onclick="toggleSort('hire_date')">
+                        입사일
+                        @php $sortBy = request('sort_by', 'hire_date_asc'); @endphp
+                        @if($sortBy === 'hire_date_asc')
+                            <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/></svg>
+                        @elseif($sortBy === 'hire_date_desc')
+                            <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
+                        @else
+                            <svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"/></svg>
+                        @endif
+                    </button>
+                </th>
+                <th class="px-6 py-3 text-center text-sm font-semibold text-gray-600">
+                    <button type="button" class="inline-flex items-center gap-1 hover:text-blue-600 transition-colors"
+                            onclick="toggleSort('resign_date')">
+                        퇴직일
+                        @if($sortBy === 'resign_date_asc')
+                            <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/></svg>
+                        @elseif($sortBy === 'resign_date_desc')
+                            <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
+                        @else
+                            <svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"/></svg>
+                        @endif
+                    </button>
+                </th>
                 <th class="px-6 py-3 text-center text-sm font-semibold text-gray-600">연락처</th>
                 <th class="px-6 py-3 text-center text-sm font-semibold text-gray-600">작업</th>
             </tr>