add 16 logic

design/uiux/prototype/14-참여자목록.html

@@ -43,9 +43,15 @@
         </div>
       </section>
 
-      <!-- Total Count -->
+      <!-- Total Count & Drawing Button -->
       <section class="mb-md">
-        <p class="text-headline">총 <span id="totalCount">128</span>명 참여</p>
+        <div class="flex items-center justify-between">
+          <p class="text-headline">총 <span id="totalCount">128</span>명 참여</p>
+          <button id="drawingBtn" class="btn btn-primary btn-medium">
+            <span class="material-icons">casino</span>
+            당첨자 추첨
+          </button>
+        </div>
       </section>
 
       <!-- Participant List -->
@@ -343,6 +349,50 @@
       // 실제로는 엑셀 다운로드 로직 구현
     });
 
+    // 당첨자 추첨 버튼
+    document.getElementById('drawingBtn').addEventListener('click', function() {
+      // 이벤트가 종료되었는지 확인 (실제로는 이벤트 상태 체크)
+      const eventEnded = true; // Mock data
+
+      if (!eventEnded) {
+        KTEventApp.Feedback.showModal({
+          title: '추첨 불가',
+          content: '<p class="text-body text-center">이벤트가 종료된 후 추첨이 가능합니다.</p>',
+          buttons: [
+            {
+              text: '확인',
+              variant: 'primary',
+              onClick: function() {
+                this.closest('.modal-backdrop').remove();
+              }
+            }
+          ]
+        });
+        return;
+      }
+
+      // 참여자가 있는지 확인
+      if (filteredParticipants.length === 0) {
+        KTEventApp.Feedback.showModal({
+          title: '추첨 불가',
+          content: '<p class="text-body text-center">참여자가 없어 추첨할 수 없습니다.</p>',
+          buttons: [
+            {
+              text: '확인',
+              variant: 'primary',
+              onClick: function() {
+                this.closest('.modal-backdrop').remove();
+              }
+            }
+          ]
+        });
+        return;
+      }
+
+      // 당첨자 추첨 화면으로 이동
+      window.location.href = '16-당첨자추첨.html';
+    });
+
     // 초기 렌더링
     renderParticipantList();
   </script>