83 lines
3.1 KiB
HTML
83 lines
3.1 KiB
HTML
{% 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 %}
|
|
<div class="radio-group">
|
|
<label><input type="radio" name="q{{ loop.index }}" value="예" required> 예</label>
|
|
<label><input type="radio" name="q{{ loop.index }}" value="아니오"> 아니오</label>
|
|
<label><input type="radio" name="q{{ loop.index }}" value="모르겠습니다"> 모르겠습니다</label>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div class="doctrine-section">
|
|
<div class="form-group">
|
|
<label for="other_opinions">기타의견</label>
|
|
<textarea id="other_opinions" name="other_opinions" rows="5" placeholder="기타의견란에 작성해야 하는 문항 답변 및 기타 의견을 작성해주세요. (예: 3번: ... 또는 8번: ...)"></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 %}
|
|
|