From 7849c63507309a2bbbcdeed78c7e3dea9f312e51 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, 19 Feb 2026 23:55:28 +0900
Subject: [PATCH] =?UTF-8?q?fix:=EB=B0=9C=EC=86=A1=20=EB=B0=A9=EC=8B=9D=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=20UI=20=EA=B0=9C=EC=84=A0=20-=20=EC=9D=B4?=
 =?UTF-8?q?=EB=A9=94=EC=9D=BC/=EC=95=8C=EB=A6=BC=ED=86=A1=20=EC=84=A0?=
 =?UTF-8?q?=ED=83=9D=20=EA=B0=80=EB=8A=A5,=20=EC=9D=B4=EB=A9=94=EC=9D=BC?=
 =?UTF-8?q?=20=EA=B8=B0=EB=B3=B8=EA=B0=92,=20=EB=A6=AC=EB=A7=88=EC=9D=B8?=
 =?UTF-8?q?=EB=8D=94=20=EB=B0=9C=EC=86=A1=20=EB=B0=A9=EC=8B=9D=20=EB=AA=A8?=
 =?UTF-8?q?=EB=8B=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Controllers/ESign/EsignApiController.php  |  5 +-
 resources/views/esign/detail.blade.php        | 63 ++++++++++++++++---
 resources/views/esign/send.blade.php          | 10 ++-
 3 files changed, 61 insertions(+), 17 deletions(-)

diff --git a/app/Http/Controllers/ESign/EsignApiController.php b/app/Http/Controllers/ESign/EsignApiController.php
index 49b387fa..738fb863 100644
--- a/app/Http/Controllers/ESign/EsignApiController.php
+++ b/app/Http/Controllers/ESign/EsignApiController.php
@@ -843,12 +843,15 @@ public function remind(Request $request, int $id): JsonResponse
             ->orderBy('sign_order')
             ->first();
 
+        // 요청에서 발송 방식 지정이 있으면 우선 사용, 없으면 계약 저장값, 최종 기본값은 email
+        $sendMethod = $request->input('send_method') ?: ($contract->send_method ?? 'email');
+
         $notificationResults = [];
         if ($nextSigner) {
             $nextSigner->update(['status' => 'notified']);
             $results = $this->dispatchNotification(
                 $contract, $nextSigner,
-                $contract->send_method ?? 'email',
+                $sendMethod,
                 $contract->sms_fallback ?? true,
                 isReminder: true,
             );
diff --git a/resources/views/esign/detail.blade.php b/resources/views/esign/detail.blade.php
index cca161ba..d6c099cf 100644
--- a/resources/views/esign/detail.blade.php
+++ b/resources/views/esign/detail.blade.php
@@ -75,6 +75,8 @@
     const [contract, setContract] = useState(null);
     const [loading, setLoading] = useState(true);
     const [actionLoading, setActionLoading] = useState('');
+    const [showRemindModal, setShowRemindModal] = useState(false);
+    const [remindMethod, setRemindMethod] = useState('email');
 
     const fetchContract = useCallback(async () => {
         try {
@@ -87,12 +89,14 @@
 
     useEffect(() => { fetchContract(); }, [fetchContract]);
 
-    const doAction = async (action, confirm_msg) => {
+    const doAction = async (action, confirm_msg, body = {}) => {
         if (confirm_msg && !window.confirm(confirm_msg)) return;
         setActionLoading(action);
         try {
             const res = await fetch(`/esign/contracts/${CONTRACT_ID}/${action}`, {
-                method: 'POST', headers: getHeaders(),
+                method: 'POST',
+                headers: { ...getHeaders(), 'Content-Type': 'application/json' },
+                body: JSON.stringify(body),
             });
             const json = await res.json();
             if (json.success) fetchContract();
@@ -101,6 +105,11 @@
         setActionLoading('');
     };
 
+    const handleRemind = () => {
+        setShowRemindModal(false);
+        doAction('remind', null, { send_method: remindMethod });
+    };
+
     if (loading) return <div className="p-6 text-center text-gray-400">로딩 중...</div>;
     if (!contract) return <div className="p-6 text-center text-red-500">계약을 찾을 수 없습니다.</div>;
 
@@ -249,17 +258,18 @@ className="w-8 h-8 flex items-center justify-center rounded-lg text-gray-400 hov
                                     <a href={`/esign/${c.id}/fields`} className="block w-full text-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm font-medium" hx-boost="false">
                                         서명 위치 설정
                                     </a>
-                                    <button onClick={() => doAction('send', '서명 요청을 발송하시겠습니까?')} disabled={!!actionLoading}
-                                            className="w-full px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 text-sm font-medium disabled:opacity-50">
-                                        {actionLoading === 'send' ? '발송 중...' : '서명 요청 발송'}
-                                    </button>
+                                    <a href={`/esign/${c.id}/send`} className="block w-full text-center px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 text-sm font-medium" hx-boost="false">
+                                        서명 요청 발송
+                                    </a>
                                 </>
                             )}
                             {['pending', 'partially_signed'].includes(c.status) && (
-                                <button onClick={() => doAction('remind', '리마인더를 발송하시겠습니까?')} disabled={!!actionLoading}
-                                        className="w-full px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600 text-sm font-medium disabled:opacity-50">
-                                    {actionLoading === 'remind' ? '발송 중...' : '리마인더 발송'}
-                                </button>
+                                <>
+                                    <button onClick={() => setShowRemindModal(true)} disabled={!!actionLoading}
+                                            className="w-full px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600 text-sm font-medium disabled:opacity-50">
+                                        {actionLoading === 'remind' ? '발송 중...' : '리마인더 발송'}
+                                    </button>
+                                </>
                             )}
                             {!['completed', 'cancelled', 'rejected'].includes(c.status) && (
                                 <button onClick={() => doAction('cancel', '계약을 취소하시겠습니까? 이 작업은 되돌릴 수 없습니다.')} disabled={!!actionLoading}
@@ -281,6 +291,39 @@ className="block w-full text-center px-4 py-2 border rounded-lg text-gray-700 ho
                     </div>
                 </div>
             </div>
+            {/* 리마인더 발송 방식 선택 모달 */}
+            {showRemindModal && (
+                <div className="fixed inset-0 bg-black/40 flex items-center justify-center z-50" onClick={() => setShowRemindModal(false)}>
+                    <div className="bg-white rounded-xl shadow-xl w-full max-w-sm mx-4 p-6" onClick={e => e.stopPropagation()}>
+                        <h3 className="text-lg font-semibold mb-4">리마인더 발송 방식</h3>
+                        <div className="space-y-2 mb-5">
+                            {[
+                                { value: 'email', label: '이메일', icon: '✉', desc: '이메일로 리마인더 발송' },
+                                { value: 'alimtalk', label: '카카오톡 알림톡', icon: '💬', desc: '알림톡으로 리마인더 발송 (카카오 채널 필요)' },
+                                { value: 'both', label: '이메일 + 알림톡', icon: '📡', desc: '두 채널 모두 발송' },
+                            ].map(m => (
+                                <label key={m.value}
+                                       className={`flex items-start gap-3 p-3 rounded-lg border-2 cursor-pointer transition ${remindMethod === m.value ? 'border-blue-500 bg-blue-50' : 'border-gray-200 hover:border-gray-300'}`}>
+                                    <input type="radio" name="remind_method" value={m.value}
+                                           checked={remindMethod === m.value}
+                                           onChange={() => setRemindMethod(m.value)}
+                                           className="mt-0.5 text-blue-600" />
+                                    <div>
+                                        <span className="text-sm font-medium">{m.icon} {m.label}</span>
+                                        <p className="text-xs text-gray-500">{m.desc}</p>
+                                    </div>
+                                </label>
+                            ))}
+                        </div>
+                        <div className="flex gap-2">
+                            <button onClick={() => setShowRemindModal(false)}
+                                    className="flex-1 px-4 py-2 border rounded-lg text-gray-700 hover:bg-gray-50 text-sm">취소</button>
+                            <button onClick={handleRemind}
+                                    className="flex-1 px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600 text-sm font-medium">발송</button>
+                        </div>
+                    </div>
+                </div>
+            )}
         </div>
     );
 };
diff --git a/resources/views/esign/send.blade.php b/resources/views/esign/send.blade.php
index 5e258ffb..3c21cc0f 100644
--- a/resources/views/esign/send.blade.php
+++ b/resources/views/esign/send.blade.php
@@ -24,8 +24,8 @@
 
 const SEND_METHODS = [
     { value: 'email', label: '이메일', desc: '수신자 이메일로 서명 요청 링크 발송', icon: '✉', recommended: true },
-    { value: 'alimtalk', label: '카카오톡 알림톡', desc: '수신자 휴대폰으로 알림톡 발송 (카카오 채널 개설 후 사용 가능)', icon: '💬', disabled: true },
-    { value: 'both', label: '알림톡 + 이메일 (동시)', desc: '두 채널 모두 발송하여 확인율 극대화 (카카오 채널 개설 후 사용 가능)', icon: '📡', disabled: true },
+    { value: 'alimtalk', label: '카카오톡 알림톡', desc: '수신자 휴대폰으로 알림톡 발송 (카카오 채널 필요, 실패 시 이메일 자동 폴백)', icon: '💬' },
+    { value: 'both', label: '이메일 + 알림톡 (동시)', desc: '두 채널 모두 발송하여 확인율 극대화', icon: '📡' },
 ];
 
 const App = () => {
@@ -113,17 +113,15 @@
                 <div className="space-y-3">
                     {SEND_METHODS.map(m => (
                         <label key={m.value}
-                               className={`flex items-start gap-3 p-3 rounded-lg border-2 transition ${m.disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'} ${sendMethod === m.value ? 'border-blue-500 bg-blue-50' : 'border-gray-200 hover:border-gray-300'}`}>
+                               className={`flex items-start gap-3 p-3 rounded-lg border-2 cursor-pointer transition ${sendMethod === m.value ? 'border-blue-500 bg-blue-50' : 'border-gray-200 hover:border-gray-300'}`}>
                             <input type="radio" name="send_method" value={m.value}
                                    checked={sendMethod === m.value}
-                                   onChange={() => !m.disabled && setSendMethod(m.value)}
-                                   disabled={m.disabled}
+                                   onChange={() => setSendMethod(m.value)}
                                    className="mt-1 text-blue-600 focus:ring-blue-500" />
                             <div className="flex-1">
                                 <div className="flex items-center gap-2">
                                     <span className="text-sm font-medium text-gray-900">{m.icon} {m.label}</span>
                                     {m.recommended && <span className="px-1.5 py-0.5 text-xs font-medium bg-yellow-100 text-yellow-700 rounded">권장</span>}
-                                    {m.disabled && <span className="px-1.5 py-0.5 text-xs font-medium bg-gray-100 text-gray-500 rounded">준비중</span>}
                                 </div>
                                 <p className="text-xs text-gray-500 mt-0.5">{m.desc}</p>
                             </div>