first commit

templates/step4.html

@@ -0,0 +1,78 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="step-container">
+    <div class="progress-bar">
+        <div class="progress-step completed">1</div>
+        <div class="progress-line"></div>
+        <div class="progress-step completed">2</div>
+        <div class="progress-line"></div>
+        <div class="progress-step completed">3</div>
+        <div class="progress-line"></div>
+        <div class="progress-step active">4</div>
+        <div class="progress-line"></div>
+        <div class="progress-step">5</div>
+    </div>
+    
+    <h2>4단계: 이단 상세 점검</h2>
+    <p class="cult-name">출신 이단: <strong>{{ cult_name }}</strong></p>
+    
+    <form id="step4Form" class="form-container">
+        {% for question in questions %}
+        <div class="doctrine-section">
+            <div class="form-group">
+                <label>{{ question }}</label>
+                {% if '기타의견란' in question or '기타의견' in question %}
+                <p class="help-text">※ 이 문항은 아래 "기타의견"란에 "{{ loop.index }}번: "으로 시작하여 답변해주세요.</p>
+                {% else %}
+                <textarea name="q{{ loop.index }}" rows="4" required placeholder="답변을 작성해주세요"></textarea>
+                {% endif %}
+            </div>
+        </div>
+        {% endfor %}
+        
+        <div class="doctrine-section">
+            <div class="form-group">
+                <label for="other_opinions">기타의견 (3번 문항 답변 포함)</label>
+                <textarea id="other_opinions" name="other_opinions" rows="5" placeholder="3번 문항 답변 및 기타 의견을 작성해주세요. 3번 문항은 '3번: '으로 시작하여 답변해주세요."></textarea>
+            </div>
+        </div>
+        
+        <div class="form-actions">
+            <button type="button" class="btn btn-secondary" onclick="window.location.href='/step3'">이전</button>
+            <button type="submit" class="btn btn-primary">다음 단계</button>
+        </div>
+    </form>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+document.getElementById('step4Form').addEventListener('submit', async function(e) {
+    e.preventDefault();
+    
+    const formData = new FormData(this);
+    const data = Object.fromEntries(formData);
+    
+    try {
+        const response = await fetch('/step4', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(data)
+        });
+        
+        const result = await response.json();
+        if (result.success) {
+            window.location.href = result.next_step;
+        } else {
+            alert('오류가 발생했습니다: ' + (result.message || '알 수 없는 오류'));
+        }
+    } catch (error) {
+        alert('오류가 발생했습니다: ' + error.message);
+    }
+});
+</script>
+{% endblock %}
+