From 266040a008f5d7b0e3a7c68cd2ab984f581d4ede 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: Wed, 4 Mar 2026 00:06:01 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[hr]=20=ED=86=B5=ED=95=A9=20=EA=B7=BC?=
 =?UTF-8?q?=ED=83=9C=EA=B4=80=EB=A6=AC=20=ED=83=AD2/3=20=EC=BB=A8=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=84=88=20HTML=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20?=
 =?UTF-8?q?=EC=A0=95=EB=A0=AC=20=EC=A7=80=EC=9B=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hr/attendance-integrated/index.blade.php  | 88 ++++++++++++++++++-
 1 file changed, 84 insertions(+), 4 deletions(-)

diff --git a/resources/views/hr/attendance-integrated/index.blade.php b/resources/views/hr/attendance-integrated/index.blade.php
index 104abcab..06537fae 100644
--- a/resources/views/hr/attendance-integrated/index.blade.php
+++ b/resources/views/hr/attendance-integrated/index.blade.php
@@ -71,10 +71,86 @@ class="px-4 py-2.5 text-sm font-medium border-b-2 transition-colors border-trans
         </div>
 
         {{-- 탭 2: 신청/결재 (lazy load) --}}
-        <div id="content-requests" class="hidden"></div>
+        <div id="content-requests" class="hidden">
+            {{-- 필터 --}}
+            <div class="bg-white rounded-lg border border-gray-200 p-4 mb-4">
+                <div class="flex flex-wrap items-end gap-3">
+                    <div style="flex: 1 1 180px; max-width: 220px;">
+                        <label class="block text-xs font-medium text-gray-600 mb-1">이름검색</label>
+                        <input type="text" id="req-search" placeholder="이름 검색..."
+                               class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                               onkeydown="if(event.key==='Enter') loadRequests()">
+                    </div>
+                    <div style="flex: 0 0 130px;">
+                        <label class="block text-xs font-medium text-gray-600 mb-1">유형</label>
+                        <select id="req-type" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg" onchange="loadRequests()">
+                            <option value="">전체</option>
+                            @foreach($leaveTypeMap as $code => $label)
+                            <option value="{{ $code }}">{{ $label }}</option>
+                            @endforeach
+                        </select>
+                    </div>
+                    <div style="flex: 0 0 130px;">
+                        <label class="block text-xs font-medium text-gray-600 mb-1">상태</label>
+                        <select id="req-status" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg" onchange="loadRequests()">
+                            <option value="">전체</option>
+                            @foreach($leaveStatusMap as $code => $label)
+                            <option value="{{ $code }}">{{ $label }}</option>
+                            @endforeach
+                        </select>
+                    </div>
+                    <div style="flex: 0 0 150px;">
+                        <label class="block text-xs font-medium text-gray-600 mb-1">시작일</label>
+                        <input type="date" id="req-date-from" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg" onchange="loadRequests()">
+                    </div>
+                    <div style="flex: 0 0 150px;">
+                        <label class="block text-xs font-medium text-gray-600 mb-1">종료일</label>
+                        <input type="date" id="req-date-to" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg" onchange="loadRequests()">
+                    </div>
+                    <div class="shrink-0">
+                        <button onclick="loadRequests()" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 text-sm font-medium rounded-lg transition-colors">
+                            검색
+                        </button>
+                    </div>
+                </div>
+            </div>
+            {{-- 신청 목록 테이블 --}}
+            <div id="requests-table-container">
+                <div class="flex items-center justify-center py-12 text-gray-400">
+                    <svg class="w-5 h-5 animate-spin mr-2" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path></svg>
+                    불러오는 중...
+                </div>
+            </div>
+        </div>
 
         {{-- 탭 3: 연차잔여 (lazy load) --}}
-        <div id="content-balance" class="hidden"></div>
+        <div id="content-balance" class="hidden">
+            {{-- 필터 --}}
+            <div class="bg-white rounded-lg border border-gray-200 p-4 mb-4">
+                <div class="flex flex-wrap items-end gap-3">
+                    <div style="flex: 0 0 130px;">
+                        <label class="block text-xs font-medium text-gray-600 mb-1">연도</label>
+                        <select id="balance-year" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg" onchange="loadBalance()">
+                            @for($y = now()->year; $y >= now()->year - 2; $y--)
+                            <option value="{{ $y }}" @if($y === now()->year) selected @endif>{{ $y }}년</option>
+                            @endfor
+                        </select>
+                    </div>
+                    <div class="shrink-0">
+                        <button onclick="loadBalance()" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 text-sm font-medium rounded-lg transition-colors">
+                            조회
+                        </button>
+                    </div>
+                </div>
+            </div>
+            {{-- 잔여연차 테이블 --}}
+            <div id="balance-table-container">
+                <div class="flex items-center justify-center py-12 text-gray-400">
+                    <svg class="w-5 h-5 animate-spin mr-2" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path></svg>
+                    불러오는 중...
+                </div>
+            </div>
+        </div>
     </div>
 </div>
 
@@ -169,9 +245,13 @@ function loadRequests(page) {
 // =========================================================================
 // 연차잔여 탭
 // =========================================================================
-function loadBalance() {
+function loadBalance(sort, direction) {
     const year = document.getElementById('balance-year')?.value || new Date().getFullYear();
-    htmx.ajax('GET', '/api/admin/hr/leaves/balance?year=' + year, {
+    const params = new URLSearchParams({ year });
+    if (sort) params.set('sort', sort);
+    if (direction) params.set('direction', direction);
+
+    htmx.ajax('GET', '/api/admin/hr/leaves/balance?' + params.toString(), {
         target: '#balance-table-container',
         swap: 'innerHTML'
     });