{% extends "base.html" %}

{% block content %}
<div class="step-container">
    <div class="welcome-message">
        <h2>환영합니다</h2>
        <p>아버지의마음국 교리점검표 설문에 오신 것을 환영합니다.</p>
        <p>기독교대한감리회 신앙고백서 및 이단 교리에 대한한 점검을 진행합니다.</p>
        
        <div class="info-box description-box">
            <p class="description-text">총 4개의 섹션으로 되어 있습니다.</p>
            
            <ol class="section-list">
                <li>감리회 신앙고백 점검</li>
                <li>이단 일반 점검</li>
                <li>이단 상세 점검</li>
                <li>상담 소감문</li>
            </ol>
            
            <p class="description-note">
                본 점검표는 평가의 목적이 아니며, 점수를 매기지도 않습니다. 
                10주 양육에 들어가시기 전에 기본교리를 스스로 점검하는 차원에서 진행하는 것이니 
                부담없이 임해 주시면 감사하겠습니다.
            </p>
        </div>
        
        <div class="info-box">
            <h3>설문 안내</h3>
            <ul>
                <li>총 5단계로 구성되어 있습니다</li>
                <li>각 단계는 약 5-10분 정도 소요됩니다</li>
                <li>진행 중 이전 단계로 돌아갈 수 있습니다</li>
                <li>모든 항목은 필수 입력 사항입니다</li>
            </ul>
        </div>
        
        <div class="form-actions">
            <button type="button" class="btn btn-primary" onclick="window.location.href='/step1'">설문 시작하기</button>
        </div>
    </div>
</div>
{% endblock %}