feat:회원사 수정 시 비밀번호 업데이트 기능 추가

- 수정 모달에서 비밀번호 선택적 입력 가능
- 기존 Hash 저장 데이터를 새로운 encrypted 방식으로 업데이트 가능
- 비밀번호 입력 시에만 업데이트, 빈 값이면 기존 유지

app/Http/Controllers/Api/Admin/Barobill/BarobillMemberController.php

@@ -198,6 +198,8 @@ public function show(Request $request, int $id): JsonResponse
 
     /**
      * 회원사 수정
+     *
+     * 비밀번호는 선택적으로 업데이트 가능 (기존 Hash 저장 데이터 호환)
      */
     public function update(Request $request, int $id): JsonResponse
     {
@@ -220,8 +222,14 @@ public function update(Request $request, int $id): JsonResponse
             'manager_email' => 'nullable|email|max:100',
             'manager_hp' => 'nullable|string|max:20',
             'status' => 'nullable|in:active,inactive,pending',
+            'barobill_pwd' => 'nullable|string|max:255',  // 비밀번호 선택적 업데이트
         ]);
 
+        // 비밀번호가 비어있으면 제외 (기존 값 유지)
+        if (empty($validated['barobill_pwd'])) {
+            unset($validated['barobill_pwd']);
+        }
+
         $member->update($validated);
 
         return response()->json([

resources/views/barobill/members/index.blade.php

@@ -3,8 +3,9 @@
 @section('title', '회원사관리')
 
 @section('content')
+<div class="flex flex-col h-full">
 <!-- 페이지 헤더 -->
-<div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-6">
+<div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-6 flex-shrink-0">
     <div>
         <h1 class="text-2xl font-bold text-gray-800">회원사관리</h1>
         <p class="text-sm text-gray-500 mt-1">바로빌 연동 회원사를 관리합니다</p>
@@ -26,11 +27,12 @@ class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg transition
      hx-get="/api/admin/barobill/members/stats"
      hx-trigger="load, memberUpdated from:body"
      hx-headers='{"X-CSRF-TOKEN": "{{ csrf_token() }}"}'
-     class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
+     class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6 flex-shrink-0">
     @include('barobill.members.partials.stats-skeleton')
 </div>
 
 <!-- 필터 영역 -->
+<div class="flex-shrink-0">
 <x-filter-collapsible id="memberFilterForm">
     <form id="memberFilterForm" class="flex flex-wrap gap-2 sm:gap-4">
         <!-- 검색 -->
@@ -57,6 +59,7 @@ class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none foc
         </button>
     </form>
 </x-filter-collapsible>
+</div>
 
 <!-- 테이블 영역 (HTMX로 로드) -->
 <div id="member-table"
@@ -64,15 +67,51 @@ class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none foc
      hx-trigger="load, filterSubmit from:body, memberUpdated from:body"
      hx-include="#memberFilterForm"
      hx-headers='{"X-CSRF-TOKEN": "{{ csrf_token() }}"}'
-     class="bg-white rounded-lg shadow-sm overflow-hidden">
+     class="bg-white rounded-lg shadow-sm overflow-hidden flex-1 flex flex-col min-h-0">
     <!-- 로딩 스피너 -->
     <div class="flex justify-center items-center p-12">
         <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
     </div>
 </div>
+</div><!-- end of flex container -->
 
 <!-- 등록/수정 모달 -->
 @include('barobill.members.partials.modal-form')
+
+
+<!-- 상태 조회 모달 -->
+<div id="statusModal" class="fixed inset-0 z-50 hidden">
+    <div class="fixed inset-0 bg-black/50" onclick="BarobillService.closeStatusModal()"></div>
+    <div class="fixed inset-0 flex items-center justify-center p-4">
+        <div class="bg-white rounded-xl shadow-xl w-full max-w-md max-h-[80vh] overflow-y-auto" onclick="event.stopPropagation()">
+            <div class="px-6 py-4 border-b border-gray-100 flex items-center justify-between sticky top-0 bg-white">
+                <div>
+                    <h3 class="text-lg font-semibold text-gray-800">바로빌 상태</h3>
+                    <p class="text-sm text-gray-500">
+                        <span id="statusModalMemberName" class="font-medium text-gray-700"></span> 회원사
+                    </p>
+                </div>
+                <button type="button" onclick="BarobillService.closeStatusModal()" class="text-gray-400 hover:text-gray-600">
+                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                </button>
+            </div>
+            <div id="statusModalContent" class="p-6">
+                <!-- 동적으로 채워짐 -->
+            </div>
+            <div class="px-6 py-4 border-t border-gray-100">
+                <button
+                    type="button"
+                    onclick="BarobillService.closeStatusModal()"
+                    class="w-full px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition"
+                >
+                    닫기
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
 @endsection
 
 @push('scripts')
@@ -101,7 +140,11 @@ class="bg-white rounded-lg shadow-sm overflow-hidden">
             this.resetForm();
             document.getElementById('modalTitle').textContent = '회원사 등록';
             document.getElementById('submitBtn').textContent = '등록하기';
+            // 비밀번호 필드 표시 (필수 입력)
             document.getElementById('passwordFields').classList.remove('hidden');
+            document.getElementById('barobillIdField').classList.remove('hidden');  // 아이디 표시
+            document.getElementById('pwdRequired').classList.remove('hidden');  // 필수 표시
+            document.getElementById('pwdHint').classList.add('hidden');  // 힌트 숨김
             this.modal.classList.remove('hidden');
         },
 
@@ -111,7 +154,11 @@ class="bg-white rounded-lg shadow-sm overflow-hidden">
             this.resetForm();
             document.getElementById('modalTitle').textContent = '회원사 수정';
             document.getElementById('submitBtn').textContent = '수정하기';
-            document.getElementById('passwordFields').classList.add('hidden');
+            // 비밀번호 필드 표시 (선택적 입력)
+            document.getElementById('passwordFields').classList.remove('hidden');
+            document.getElementById('barobillIdField').classList.add('hidden');  // 아이디는 숨김
+            document.getElementById('pwdRequired').classList.add('hidden');  // 필수 표시 숨김
+            document.getElementById('pwdHint').classList.remove('hidden');  // 힌트 표시
 
             // 데이터 로드
             fetch(`/api/admin/barobill/members/${id}`, {
@@ -164,7 +211,10 @@ class="bg-white rounded-lg shadow-sm overflow-hidden">
             if (this.isEditing) {
                 delete data.biz_no;
                 delete data.barobill_id;
-                delete data.barobill_pwd;
+                // 비밀번호가 비어있으면 제외 (서버에서도 빈 값은 무시)
+                if (!data.barobill_pwd) {
+                    delete data.barobill_pwd;
+                }
             }
 
             const url = this.isEditing
@@ -240,6 +290,270 @@ class="bg-white rounded-lg shadow-sm overflow-hidden">
         });
     };
 
+    // 바로빌 서비스 관리
+    const BarobillService = {
+        currentMemberId: null,
+        currentMemberName: '',
+        currentAction: '',
+        currentTitle: '',
+
+        // 액션별 엔드포인트 매핑
+        endpoints: {
+            // 계좌 관련
+            'bank_account': 'bank-account-url',
+            'bank_account_manage': 'bank-account-manage-url',
+            'bank_account_log': 'bank-account-log-url',
+            // 카드 관련
+            'card': 'card-url',
+            'card_manage': 'card-manage-url',
+            'card_log': 'card-log-url',
+            // 전자세금계산서 관련
+            'certificate': 'certificate-url',
+            'tax_invoice': 'tax-invoice-url',
+            'tax_invoice_list': 'tax-invoice-list-url',
+            // 공통
+            'cash_charge': 'cash-charge-url',
+        },
+
+        // 통합 URL 열기 함수 (비밀번호 입력 없이 바로 호출)
+        async openUrl(memberId, memberName, action, title) {
+            const endpoint = this.endpoints[action];
+            if (!endpoint) {
+                showToast('잘못된 액션입니다.', 'error');
+                return;
+            }
+
+            try {
+                const res = await fetch(`/api/admin/barobill/members/${memberId}/${endpoint}`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
+                        'Accept': 'application/json'
+                    },
+                    body: JSON.stringify({})
+                });
+
+                const result = await res.json();
+
+                if (result.success && result.data?.url) {
+                    window.open(result.data.url, '_blank', 'width=1000,height=700');
+                } else {
+                    showToast(result.message || result.error || 'URL을 가져오는데 실패했습니다.', 'error');
+                }
+            } catch (error) {
+                showToast('통신 오류가 발생했습니다.', 'error');
+            }
+        },
+
+        // 상태 조회 모달 열기
+        async showStatus(memberId, memberName) {
+            document.getElementById('statusModalMemberName').textContent = memberName;
+            document.getElementById('statusModalContent').innerHTML = `
+                <div class="flex justify-center py-8">
+                    <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
+                </div>
+            `;
+            document.getElementById('statusModal').classList.remove('hidden');
+
+            try {
+                // 병렬로 상태 조회 (인증서, 잔액, 계좌, 카드)
+                const [certRes, balanceRes, accountsRes, cardsRes] = await Promise.all([
+                    fetch(`/api/admin/barobill/members/${memberId}/certificate-status`, {
+                        headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}', 'Accept': 'application/json' }
+                    }),
+                    fetch(`/api/admin/barobill/members/${memberId}/balance`, {
+                        headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}', 'Accept': 'application/json' }
+                    }),
+                    fetch(`/api/admin/barobill/members/${memberId}/bank-accounts`, {
+                        headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}', 'Accept': 'application/json' }
+                    }),
+                    fetch(`/api/admin/barobill/members/${memberId}/cards`, {
+                        headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}', 'Accept': 'application/json' }
+                    }),
+                ]);
+
+                const cert = await certRes.json();
+                const balance = await balanceRes.json();
+                const accounts = await accountsRes.json();
+                const cards = await cardsRes.json();
+
+                this.renderStatusContent(cert, balance, accounts, cards);
+            } catch (error) {
+                document.getElementById('statusModalContent').innerHTML = `
+                    <div class="text-center text-red-500 py-8">
+                        <p>상태 조회 중 오류가 발생했습니다.</p>
+                    </div>
+                `;
+            }
+        },
+
+        renderStatusContent(cert, balance, accounts, cards) {
+            const certData = cert.success ? cert.data : {};
+            const balanceData = balance.success ? balance.data : {};
+
+            let html = `
+                <div class="space-y-4">
+                    <!-- 인증서 상태 -->
+                    <div class="bg-purple-50 rounded-lg p-4">
+                        <h4 class="text-sm font-medium text-purple-700 mb-3 flex items-center gap-2">
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
+                            </svg>
+                            공동인증서 (전자세금계산서용)
+                        </h4>
+                        <div class="grid grid-cols-2 gap-4 text-sm">
+                            <div>
+                                <span class="text-purple-600">상태</span>
+                                <p class="font-medium ${certData.is_valid ? 'text-green-600' : 'text-red-600'}">
+                                    ${certData.is_valid ? '유효' : '미등록 또는 만료'}
+                                </p>
+                            </div>
+                            <div>
+                                <span class="text-purple-600">만료일</span>
+                                <p class="font-medium text-gray-800">${certData.expire_date || '-'}</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- 충전 잔액 -->
+                    <div class="bg-yellow-50 rounded-lg p-4">
+                        <h4 class="text-sm font-medium text-yellow-700 mb-2 flex items-center gap-2">
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                            </svg>
+                            충전 잔액
+                        </h4>
+                        <p class="text-2xl font-bold text-gray-800">
+                            ${balanceData.balance !== undefined ? Number(balanceData.balance).toLocaleString() + '원' : '-'}
+                        </p>
+                    </div>
+
+                    <!-- 등록 계좌 -->
+                    <div class="bg-green-50 rounded-lg p-4">
+                        <h4 class="text-sm font-medium text-green-700 mb-3 flex items-center gap-2">
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
+                            </svg>
+                            등록 계좌 (빠른조회 서비스)
+                        </h4>
+            `;
+
+            if (accounts.success && accounts.data) {
+                const accountList = Array.isArray(accounts.data) ? accounts.data :
+                    (accounts.data.BankAccountInfo ? [accounts.data.BankAccountInfo] : []);
+
+                if (accountList.length > 0) {
+                    html += `<div class="space-y-2">`;
+                    accountList.forEach(acc => {
+                        html += `
+                            <div class="flex justify-between items-center text-sm bg-white p-2 rounded border border-green-200">
+                                <span class="text-gray-600">${acc.Bank || acc.BankCode || '은행'}</span>
+                                <span class="font-mono text-gray-800">${acc.BankAccountNum || acc.AccountNum || '-'}</span>
+                            </div>
+                        `;
+                    });
+                    html += `</div>`;
+                } else {
+                    html += `<p class="text-sm text-green-600">등록된 계좌가 없습니다.</p>`;
+                }
+            } else {
+                html += `<p class="text-sm text-green-600">계좌 정보를 불러올 수 없습니다.</p>`;
+            }
+
+            html += `</div>`;
+
+            // 등록 카드
+            html += `
+                    <div class="bg-blue-50 rounded-lg p-4">
+                        <h4 class="text-sm font-medium text-blue-700 mb-3 flex items-center gap-2">
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
+                            </svg>
+                            등록 카드
+                        </h4>
+            `;
+
+            if (cards && cards.success && cards.data) {
+                const cardList = Array.isArray(cards.data) ? cards.data :
+                    (cards.data.CardInfo ? [cards.data.CardInfo] : []);
+
+                if (cardList.length > 0) {
+                    html += `<div class="space-y-2">`;
+                    cardList.forEach(card => {
+                        const cardNum = card.CardNum || card.cardNum || '-';
+                        const maskedNum = cardNum.length > 8 ? cardNum.slice(0, 4) + '-****-****-' + cardNum.slice(-4) : cardNum;
+                        html += `
+                            <div class="flex justify-between items-center text-sm bg-white p-2 rounded border border-blue-200">
+                                <span class="text-gray-600">${card.CardCompanyName || card.cardCompanyName || '카드사'}</span>
+                                <span class="font-mono text-gray-800">${maskedNum}</span>
+                            </div>
+                        `;
+                    });
+                    html += `</div>`;
+                } else {
+                    html += `<p class="text-sm text-blue-600">등록된 카드가 없습니다.</p>`;
+                }
+            } else {
+                html += `<p class="text-sm text-blue-600">카드 정보를 불러올 수 없습니다.</p>`;
+            }
+
+            html += `
+                    </div>
+                </div>
+            `;
+
+            document.getElementById('statusModalContent').innerHTML = html;
+        },
+
+        closeStatusModal() {
+            document.getElementById('statusModal').classList.add('hidden');
+        }
+    };
+
+    // 바로빌 드롭다운 토글 (vanilla JS)
+    let currentOpenDropdown = null;
+
+    function toggleBarobillDropdown(button) {
+        const dropdown = button.closest('.barobill-dropdown');
+        const menu = dropdown.querySelector('.barobill-menu');
+        const isOpen = !menu.classList.contains('hidden');
+
+        // 다른 열린 드롭다운 닫기
+        closeBarobillDropdown();
+
+        if (!isOpen) {
+            menu.classList.remove('hidden');
+            currentOpenDropdown = dropdown;
+        }
+    }
+
+    function closeBarobillDropdown() {
+        if (currentOpenDropdown) {
+            const menu = currentOpenDropdown.querySelector('.barobill-menu');
+            if (menu) menu.classList.add('hidden');
+            currentOpenDropdown = null;
+        }
+        // 모든 드롭다운 닫기
+        document.querySelectorAll('.barobill-menu').forEach(menu => {
+            menu.classList.add('hidden');
+        });
+    }
+
+    // 바깥 클릭 시 드롭다운 닫기
+    document.addEventListener('click', function(e) {
+        if (!e.target.closest('.barobill-dropdown')) {
+            closeBarobillDropdown();
+        }
+    });
+
+    // ESC 키로 드롭다운 닫기
+    document.addEventListener('keydown', function(e) {
+        if (e.key === 'Escape') {
+            closeBarobillDropdown();
+        }
+    });
+
     // 초기화
     document.addEventListener('DOMContentLoaded', function() {
         MemberModal.init();

resources/views/barobill/members/partials/modal-form.blade.php

@@ -76,15 +76,16 @@ class="w-10 h-10 flex items-center justify-center rounded-full text-gray-600 hov
                         <input type="text" name="addr" class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="서울특별시 강남구...">
                     </div>
 
-                    <!-- 바로빌 계정 (등록 시만) -->
+                    <!-- 바로빌 계정 -->
                     <div id="passwordFields" class="col-span-2 grid grid-cols-2 gap-4">
-                        <div>
+                        <div id="barobillIdField">
                             <label class="block text-xs font-bold text-gray-400 uppercase mb-1">바로빌 아이디 <span class="text-red-500">*</span></label>
                             <input type="text" name="barobill_id" class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 disabled:opacity-50" placeholder="barobill_id">
                         </div>
                         <div>
-                            <label class="block text-xs font-bold text-gray-400 uppercase mb-1">비밀번호 <span class="text-red-500">*</span></label>
+                            <label id="pwdLabel" class="block text-xs font-bold text-gray-400 uppercase mb-1">비밀번호 <span id="pwdRequired" class="text-red-500">*</span></label>
                             <input type="password" name="barobill_pwd" class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="********">
+                            <p id="pwdHint" class="hidden text-xs text-gray-500 mt-1">변경 시에만 입력</p>
                         </div>
                     </div>