<div class="info-box">
            근로기준법에 따라 계속 근로기간이 1년 이상인 근로자에게 퇴직금을 지급합니다.
        </div>

        <form id="retirementForm">
            <div class="form-group">
                <label class="form-label">월 평균 급여 (원)</label>
                <input type="number" id="salary" class="form-input" placeholder="예: 3000000" min="0" step="1000"/>
                <div class="form-hint">퇴직 전 3개월간의 평균 월급여를 입력하세요</div>
            </div>

            <div class="input-row">
                <div class="form-group">
                    <label class="form-label">근속 년수</label>
                    <input type="number" id="years" class="form-input" placeholder="예: 5" min="0"/>
                </div>
                <div class="form-group">
                    <label class="form-label">근속 개월수</label>
                    <input type="number" id="months" class="form-input" placeholder="예: 6" min="0" max="11"/>
                </div>
            </div>

            <div class="button-group">
                <button type="submit" class="btn btn-primary">계산하기</button>
                <button type="button" class="btn btn-secondary" onclick="resetForm()">초기화</button>
            </div>
        </form>

        <div id="resultSection" class="result-section hidden">
            <div id="warningMessage" class="notice-box hidden"></div>

            <div id="resultCard" class="hidden">
                <div class="result-card">
                    <div class="result-label">예상 퇴직금</div>
                    <p class="result-amount"><span id="resultAmount">0</span> 원</p>
                </div>

                <div id="detailsBox" class="details-box">
                    <div class="details-title">계산 상세</div>
                    <div class="detail-row">
                        <span class="detail-label">1일 평균임금</span>
                        <span class="detail-value"><span id="dailyAverage">0</span> 원</span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">30일분 평균임금</span>
                        <span class="detail-value"><span id="monthlyBase">0</span> 원</span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">총 근속기간</span>
                        <span class="detail-value"><span id="workYears">0</span> 년</span>
                    </div>

                    <div class="formula-box">
                        계산식: (1일 평균임금 × 30일) × 근속연수
                    </div>
                </div>

                <div class="warning-box">
                    <strong>안내:</strong> 이 계산기는 기본적인 퇴직금 산정 방식을 따릅니다. 실제 퇴직금은 상여금, 수당, 연차수당 등이 포함될 수 있으며, 정확한 금액은 회사의 인사팀이나 노무사와 상담하시기 바랍니다.
                </div>
            </div>
        </div>

        <div class="guide-section">
            <div class="guide-title">퇴직금 제도 안내</div>
            <ul class="guide-list">
                <li>근속기간 1년 이상 근로자에게 지급됩니다</li>
                <li>계속근로기간 1년에 대하여 30일분 이상의 평균임금을 지급합니다</li>
                <li>평균임금은 퇴직 전 3개월간 받은 임금을 기준으로 계산합니다</li>
                <li>근로자의 귀책사유로 해고된 경우에도 퇴직금은 지급됩니다</li>
            </ul>
        </div>
    </div>
</div>

<script>
    // 숫자 포맷팅 함수
    function formatNumber(num) {
        return new Intl.NumberFormat('ko-KR').format(Math.round(num));
    }

    // 폼 제출 이벤트
    document.getElementById('retirementForm').addEventListener('submit', function(e) {
        e.preventDefault();
        calculateRetirement();
    });

    // 퇴직금 계산 함수
    function calculateRetirement() {
        const salary = parseFloat(document.getElementById('salary').value);
        const years = parseFloat(document.getElementById('years').value) || 0;
        const months = parseFloat(document.getElementById('months').value) || 0;

        // 입력값 검증
        if (!salary || salary <= 0) {
            alert('급여를 입력해주세요');
            return;
        }

        if (years === 0 &#038;&#038; months === 0) {
            alert('근속기간을 입력해주세요');
            return;
        }

        // 총 근속기간을 일수로 계산
        const totalDays = (years * 365) + (months * 30);

        // 결과 섹션 표시
        const resultSection = document.getElementById('resultSection');
        const warningMessage = document.getElementById('warningMessage');
        const resultCard = document.getElementById('resultCard');

        resultSection.classList.remove('hidden');

        // 1년 미만 근무 체크
        if (totalDays < 365) {
            warningMessage.innerHTML = '<p>근속기간이 1년 미만인 경우 퇴직금이 발생하지 않습니다.</p>';
            warningMessage.classList.remove('hidden');
            resultCard.classList.add('hidden');
            return;
        }

        warningMessage.classList.add('hidden');
        resultCard.classList.remove('hidden');

        // 평균임금 계산 (퇴직 전 3개월 기준)
        const threeMonthSalary = salary * 3;
        const threeMonthDays = 90; // 3개월 = 약 90일
        const dailyAverage = threeMonthSalary / threeMonthDays;

        // 퇴직금 = (1일 평균임금 × 30일) × 근속연수
        const workYears = totalDays / 365;
        const retirementPay = dailyAverage * 30 * workYears;
        const monthlyBase = dailyAverage * 30;

        // 결과 표시
        document.getElementById('resultAmount').textContent = formatNumber(retirementPay);
        document.getElementById('dailyAverage').textContent = formatNumber(dailyAverage);
        document.getElementById('monthlyBase').textContent = formatNumber(monthlyBase);
        document.getElementById('workYears').textContent = workYears.toFixed(2);

        // 결과로 스크롤
        resultSection.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
    }

    // 폼 초기화 함수
    function resetForm() {
        document.getElementById('retirementForm').reset();
        document.getElementById('resultSection').classList.add('hidden');
        document.getElementById('salary').focus();
    }

    // 페이지 로드 시 첫 번째 입력 필드에 포커스
    window.addEventListener('load', function() {
        document.getElementById('salary').focus();
    });
</script>