/**
 * Event Form Template
 * SOL - 호주·뉴질랜드 의대 진학 루트 설명 세미나
 *
 * Related Files:
 * /inc/form-core.php
 * /inc/form-event-100top-uni.php
 * /inc/form-translations.php
 * /assets/js/form-validator-core.js
 * /assets/js/form-event-100top-uni.js
 */

// 언어 감지 및 번역 데이터 로드
if (function_exists('sol_detect_language_from_url')) {
    $lang = sol_detect_language_from_url();
} else {
    $uri = $_SERVER['REQUEST_URI'] ?? '/';
    $path = parse_url($uri, PHP_URL_PATH);
    if (preg_match('#^/(en|zh|th)(/|$)#', $path, $matches)) {
        $lang = $matches[1];
    } else {
        $lang = 'ko';
    }
}
$t = init_translations($lang);

// 언어별 기본 국가코드 설정
$defaultCountryCodes = [
    'ko' => '+82',
    'en' => '+64',
    'zh' => '+86',
    'th' => '+66'
];
$defaultCode = $defaultCountryCodes[$lang] ?? '+82';

get_header(); ?>

<style>
    /* 이벤트 페이지에서 헤더/메뉴/공지사항 숨기기 */
    header,
    .header,
    nav,
    .main-navigation,
    .site-header,
    .nav-wrapper,
    .bg-grey-1,
    [x-data="announcementRotator()"] {
        display: none !important;
    }

    /* ===== 이벤트 미니 헤더 스타일 ===== */
    .event-mini-header {
        background: white;
        padding: 0.75rem 1rem;
    }

    .event-header-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 636px;
        margin: 0 auto;
    }

    .event-logo img {
        height: 24px;
        width: auto;
    }

    /* ===== 이벤트 타이틀 섹션 ===== */
    .event-title-section {
        text-align: left;
        padding: 2rem 1rem 2rem 0;
        background: white;
        max-width: 636px;
        margin: 0 auto;
    }

    .event-title-section h1 {
        font-size: 1.6rem;
        font-weight: 700;
        color: #1D1D1C;
        margin: 0;
        white-space: nowrap;
    }

    @media (max-width: 768px) {
        .event-title-section h1 {
            padding-left: 16px;
            padding-right: 16px;
            white-space: normal;
            font-size: 1.25rem;
        }

        .event-header-inner {
            justify-content: center;
        }
    }

    /* Layout Styles */
    section {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    main>section {
        padding-top: 0;
    }

    main>section>.content-wrapper.max-w-\[636px\] {
        padding-top: 0;
        margin-top: 0;
    }

    #event100topUniForm>.form-section:first-child {
        padding-top: 1rem;
    }

    /* Phone Input with Country Code */
    .phone-input-group {
        display: flex;
        gap: 0.5rem;
    }

    .country-code-select {
        width: 120px;
        min-width: 120px;
        flex-shrink: 0;
    }

    .phone-number-input {
        flex: 1;
    }

    /* Optional Label */
    .optional-label {
        font-size: 12px;
        color: #9ca3af;
        font-weight: normal;
        margin-left: 0.5rem;
    }

    /* Validation States */
    .form-group.valid input,
    .form-group.valid select,
    .form-group.valid textarea {
        border-color: #10b981;
    }

    .form-group.invalid input,
    .form-group.invalid select,
    .form-group.invalid textarea {
        border-color: #EE1C25;
    }

    .validation-icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
    }

    .validation-icon.valid {
        color: #10b981;
    }

    .validation-icon.invalid {
        color: #EE1C25;
    }

    /* Submit Button States */
    .submit-btn {
        transition: all 0.3s ease;
    }

    .submit-btn:disabled {
        background: #9ca3af;
        cursor: not-allowed;
        opacity: 0.7;
    }

    .submit-btn:not(:disabled):hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
    }

    /* Section Animation */
    .form-section {
        animation: fadeIn 0.3s ease;
    }

    /* 섹션 제목 스타일 */
    .form-section>h5 {
        padding-bottom: 0.75rem;
        border-bottom: 2px solid #d1d5db;
        margin-bottom: 1rem;
    }

    /* 섹션 하위 항목 들여쓰기 */
    .form-section>.form-group,
    .form-section>.form-row,
    .form-section>h6 {
        margin-left: 0;
    }

    /* form-row 내부 form-group은 들여쓰기 제외 */
    .form-section .form-row .form-group {
        margin-left: 0;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Yes/No Toggle Buttons */
    .toggle-group {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .toggle-btn {
        flex: 1;
        padding: 0.75rem 1rem;
        border: 2px solid #e5e7eb;
        border-radius: 8px;
        background: white;
        cursor: pointer;
        text-align: center;
        transition: all 0.2s ease;
        font-weight: 500;
    }

    .toggle-btn:hover {
        border-color: #3b82f6;
    }

    .toggle-btn.selected {
        border-color: #3b82f6;
        background: #eff6ff;
        color: #1d4ed8;
    }

    .toggle-btn input[type="radio"] {
        display: none;
    }

    /* ===== Consent Checkbox Style ===== */
    .consent-checkbox-label {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        cursor: pointer;
        padding: 1rem;
        border: 2px solid #e5e7eb;
        border-radius: 8px;
        background: white;
        transition: all 0.2s ease;
    }

    .consent-checkbox-label:hover {
        border-color: #3b82f6;
        background: #f8fafc;
    }

    .consent-checkbox-label input[type="checkbox"] {
        display: none;
    }

    .consent-checkbox-label .checkmark {
        flex-shrink: 0;
        width: 22px;
        height: 22px;
        border: 2px solid #d1d5db;
        border-radius: 4px;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
        margin-top: 1px;
    }

    .consent-checkbox-label input[type="checkbox"]:checked+.checkmark {
        background: #3b82f6;
        border-color: #3b82f6;
    }

    .consent-checkbox-label input[type="checkbox"]:checked+.checkmark::after {
        content: '';
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .consent-checkbox-label .consent-text {
        font-size: 14px;
        line-height: 1.5;
        color: #374151;
    }

    .consent-checkbox-label .consent-text .required {
        color: #EE1C25;
    }

    .consent-checkbox-label input[type="checkbox"]:checked~.consent-text {
        color: #1d4ed8;
        font-weight: 500;
    }

    /* ===== 폼 제출 중 잠금 스타일 ===== */
    .is-submitting {
        position: relative;
        pointer-events: none;
    }

    .is-submitting::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.7);
        z-index: 100;
    }

    .form-locked {
        opacity: 0.6;
        cursor: not-allowed;
    }

    /* ===== 성공 화면 스타일 ===== */
    .form-success-screen {
        text-align: center;
        padding: 3rem 1.5rem;
        background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
        border-radius: 16px;
        border: 2px solid #86efac;
        animation: fadeInUp 0.5s ease-out;
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .success-icon {
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
        animation: scaleIn 0.4s ease-out 0.2s both;
    }

    @keyframes scaleIn {
        from {
            opacity: 0;
            transform: scale(0.5);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    .success-title {
        font-size: 1.5rem;
        font-weight: 700;
        color: #166534;
        margin-bottom: 1rem;
        text-align: center;
    }

    .success-message {
        font-size: 1.125rem;
        color: #15803d;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        text-align: center;
    }

    .success-info {
        background: white;
        border-radius: 12px;
        padding: 1rem 1.5rem;
        margin-bottom: 2rem;
        border: 1px solid #bbf7d0;
    }

    .success-info p {
        color: #374151;
        font-size: 0.95rem;
        margin: 0;
    }

    .success-home-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.875rem 2rem;
        background: #FECD08;
        color: #1D1D1C;
        font-weight: 600;
        border-radius: 8px;
        text-decoration: none;
        transition: all 0.2s ease;
    }

    .success-home-btn:hover {
        background: #eabc00;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(254, 205, 8, 0.4);
    }
</style>

<!-- ===== 이벤트 미니 헤더 ===== -->
<div class="event-mini-header">
    <div class="event-header-inner">
        <!-- 로고 -->
        <a href="https://solnz.net/" class="event-logo">
            <img src="https://solnz.net/wp-content/uploads/2025/11/Logo_website.webp"
                alt="SOL Education"
                width="93"
                height="24"
                style="object-fit: contain;">
        </a>
    </div>
</div>

<!-- ===== 이벤트 타이틀 섹션 ===== -->
<div class="event-title-section">
    <h1>SOL - 호주 뉴질랜드 의대 진학 루트 설명 세미나</h1>
</div>

<section>
    <div class="content-wrapper max-w-[636px]">

        <div class="error-message" id="generalError" style="display: none;">
            There was a problem with your submission. Please review the fields below.        </div>

        <form id="event100topUniForm" method="POST" action="" style="display: flex; flex-direction: column; gap: 24px;">

            <!-- Seminar Information -->
            <div class="seminar-info-section" style="background: white; border: 1px solid #FECD08; border-radius: 5px; padding: 20px;">
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="margin-bottom: 10px; font-size: 16px; color: #1D1D1C; line-height: 1.6;">
                        <strong style="color: #6D7885;">• 일시:</strong> 2026년 7월 25일 (토) 오후 11시
                    </li>
                    <li style="margin-bottom: 10px; font-size: 16px; color: #1D1D1C; line-height: 1.6;">
                        <strong style="color: #6D7885;">• 장소:</strong> Level 1, 104 Riccarton Road (SOL 사무실)
                    </li>
                    <li style="margin-bottom: 0; font-size: 16px; color: #1D1D1C; line-height: 1.6;">
                        <strong style="color: #6D7885;">• 내용</strong>
                        <ul style="margin: 6px 0 0 0; padding-left: 0; list-style: none;">
                            <li style="margin-bottom: 4px; display: flex; gap: 8px;"><span style="color: #6D7885; font-weight: 700; flex-shrink: 0;">①</span><span>오타고 · 오클랜드 · 호주 의대 3대 루트 완전 분석</span></li>
                            <li style="margin-bottom: 4px; display: flex; gap: 8px;"><span style="color: #6D7885; font-weight: 700; flex-shrink: 0;">②</span><span>성적 중심 vs 인성 중심: 각 대학별 평가 방식 및 합격 기준 이해</span></li>
                            <li style="margin-bottom: 4px; display: flex; gap: 8px;"><span style="color: #6D7885; font-weight: 700; flex-shrink: 0;">③</span><span>Foundation을 통한 의대 진학의 또 다른 길</span></li>
                        </ul>
                    </li>
                </ul>
                <p style="font-size: 16px; color: #1D1D1C; line-height: 1.6; margin: 16px 0 0 0;">
                    의대 진학 준비, 복잡하게 느껴지셨나요? 성적 중심인지, 인성 중심인지, 1학년부터 의대 진학 준비가 가능한지 등 뉴질랜드·호주 의대 진학에 대한 핵심 정보를 한자리에서 정리해드립니다.
                </p>
            </div>

            <!-- Section 1: Contact Information -->
            <div class="form-section py-4" style="padding-top: 1rem; padding-bottom: 0;" data-section="1">
                <h5 class="mb-4 font-semibold">
                    Contact Info                </h5>

                        <div class="form-group">
                            <label for="nationality">
                    Nationality                                            <span class="required">*</span>
                                    </label>
            
                            <select id="nationality" name="nationality" required>
                    <option value="">Select your nationality</option>

                                    </select>

            
                            <div class="error-text" id="nationalityError"
                    style="display: none; color: #dc3545; font-size: 12px; margin-top: 5px;"></div>
                    </div>

                <!-- Name (First Name / Last Name) -->
                <div class="form-row">
                    <div class="form-group relative">
                        <label for="firstName">
                            First Name                            <span class="required">*</span>
                        </label>
                        <input type="text" id="firstName" name="firstName" required
                            placeholder="Enter your first name"
                            data-validate="required">
                        <span class="validation-icon" id="firstNameIcon"></span>
                        <div class="error-text" id="firstNameError" style="display: none;"></div>
                    </div>
                    <div class="form-group relative">
                        <label for="lastName">
                            Last Name                            <span class="required">*</span>
                        </label>
                        <input type="text" id="lastName" name="lastName" required
                            placeholder="Enter your last name"
                            data-validate="required">
                        <span class="validation-icon" id="lastNameIcon"></span>
                        <div class="error-text" id="lastNameError" style="display: none;"></div>
                    </div>
                </div>

                <!-- Phone Number with Country Code -->
                <div class="form-group">
                    <label for="phoneNumber">
                        Phone Number                        <span class="required">*</span>
                    </label>
                    <div class="phone-input-group">
                        <select id="phoneCountryCode" name="phoneCountryCode" class="country-code-select">
                            <option value="61">AU 61</option>
                            <option value="64" selected>NZ 64</option>
                            <option value="82">KR 82</option>
                        </select>
                        <input type="tel" id="phoneNumber" name="phoneNumber" required
                            placeholder="전화번호를 입력해주세요" class="phone-number-input"
                            data-validate="phone">
                    </div>
                    <div class="error-text" id="phoneNumberError" style="display: none;"></div>
                </div>

                <!-- Email (Required) -->
                <div class="form-group relative">
                    <label for="email">
                        Email Address                        <span class="required">*</span>
                    </label>
                    <input type="email" id="email" name="email" required
                        placeholder="Enter your email address"
                        data-validate="email">
                    <span class="validation-icon" id="emailIcon"></span>
                    <div class="error-text" id="emailError" style="display: none;"></div>
                </div>

                <!-- preferredContact: kakao (hidden) -->
                <input type="hidden" name="preferredContact" id="preferredContact" value="kakao">

                <!-- Kakao ID (Optional) -->
                <div class="form-group">
                    <label for="contactId">
                        카카오톡 ID
                        <span class="optional-label">(선택)</span>
                    </label>
                    <input type="text" id="contactId" name="contactId"
                        placeholder="카카오톡 ID를 입력해주세요">
                    <div class="error-text" id="contactIdError" style="display: none;"></div>
                </div>
            </div>

            <!-- Section 2: 유학생 정보 -->
            <div class="form-section py-4" style="margin-top: -20px; padding-top: 1rem; padding-bottom: 16px;" data-section="2">
                <h5 class="mb-4 font-semibold">
                    유학생 정보
                </h5>

                <!-- Current Visa Status -->
                <div class="form-group">
                    <label>
                        현재 비자 상태
                        <span class="required">*</span>
                    </label>
                    <div class="toggle-group mt-2">
                        <label class="toggle-btn">
                            <input type="radio" name="visaStatus" value="student" required>
                            <span>학생비자</span>
                        </label>
                        <label class="toggle-btn">
                            <input type="radio" name="visaStatus" value="work">
                            <span>워크비자</span>
                        </label>
                        <label class="toggle-btn">
                            <input type="radio" name="visaStatus" value="visitor">
                            <span>관광비자</span>
                        </label>
                        <label class="toggle-btn">
                            <input type="radio" name="visaStatus" value="pr">
                            <span>영주권</span>
                        </label>

                    </div>
                    <div class="error-text" id="visaStatusError" style="display: none;"></div>
                </div>

                <!-- Current grade Status -->
                <div class="form-group">
                    <label>
                        현재 학생 학년
                        <span class="optional-label">(선택)</span>
                    </label>
                    <div class="toggle-group mt-2">
                        <label class="toggle-btn">
                            <input type="radio" name="current_grade" value="year 11">
                            <span>Year 11</span>
                        </label>
                        <label class="toggle-btn">
                            <input type="radio" name="current_grade" value="year 12">
                            <span>Year 12</span>
                        </label>
                        <label class="toggle-btn">
                            <input type="radio" name="current_grade" value="year 13">
                            <span>Year 13</span>
                        </label>
                        <label class="toggle-btn">
                            <input type="radio" name="current_grade" value="other">
                            <span>기타</span>
                        </label>
                    </div>
                    <div class="error-text" id="currentGradeError" style="display: none;"></div>
                </div>

                <!-- Current School -->
                <div class="form-group">
                    <label for="currentSchool">
                        현재 학교 및 수강 중인 과목
                        <span class="optional-label">(선택)</span>
                    </label>
                    <input type="text" id="currentSchool" name="currentSchool"
                        placeholder="재학 중인 학교명 및 수강 중인 과목을 입력해주세요">
                    <div class="error-text" id="currentSchoolError" style="display: none;"></div>
                </div>

                <!-- School and Department Interest -->
                <div class="form-group">
                    <label for="schoolInterest">
                        희망 대학 및 전공을 적어주세요 (세미나에서 궁금한 점 포함)
                        <span class="optional-label">(Optional)</span>
                    </label>
                    <textarea id="schoolInterest" name="schoolInterest" rows="3"
                        placeholder="예시)멜버른 대학교 법학, 시드니대학교 약대"></textarea>
                    <div class="error-text" id="schoolInterestError" style="display: none;"></div>
                </div>
            </div>

            <!-- Section 3: Consent -->
            <div class="form-section" style="margin-top: -20px; margin-bottom: -12px;" data-section="3">
                <!-- 프로모션 동의 체크박스 -->
                <div class="form-group">
                    <label class="checkbox-label" style="display: flex; align-items: flex-start; gap: 0.75rem; cursor: pointer;">
                        <input type="checkbox" id="agreePromotion" name="agreePromotion" required
                            style="margin-top: 0.25rem; width: 18px; height: 18px; cursor: pointer;">
                        <span style="flex: 1; font-size: 14px; color: #1D1D1C;">
                            프로모션 및 정보 수신에 동의합니다. <span style="color: #EE1C25;">(필수)</span>
                        </span>
                    </label>
                    <div class="error-text" id="agreePromotionError" style="display: none;"></div>
                </div>
            </div>

            <!-- Submit Button with Progress -->
            <div class="mt-6">
                <div class="text-sm mb-2" id="formProgress" style="color: #1D1D1C;">
                    <span id="completedFields">0</span> / <span id="totalFields">6</span> required fields completed                </div>
                <button type="submit" class="submit-btn w-full" id="submitBtn" disabled>
                    Submit Consultation                </button>
                <p class="text-xs text-center" style="color: #1D1D1C; margin-top: 2rem; margin-bottom: 36px;">
                    Submit button will be enabled when all required fields are filled                </p>
            </div>
        </form>
    </div>
</section>

<main>
</main>

<!-- Scroll To Top Icon -->
<div class="fixed bottom-22 right-4 w-10 h-10 bg-grey-3/80 rounded-full flex items-center justify-center cursor-pointer hover:bg-gray-700 z-50 transition-opacity duration-300"
    x-data="scrollToTop()" x-show="show" @click="scrollTop()" @scroll.window="checkScroll()">
    <img src="https://solnz.net/wp-content/themes/SOL/assets/images/arrow-up.svg" alt="go to top icon">
</div>

    <!-- 기본 푸터 -->
    
<nav class="mobile-bottom-menu fixed bottom-0 left-0 right-0 z-50 bg-white md:hidden">
    <div class="flex justify-around items-center h-18">
        <a href="https://solnz.net/faq" class="flex flex-col items-center justify-center flex-1 h-full hover:bg-gray-50">
            <img src="https://solnz.net/wp-content/themes/SOL/assets/images/mobile_nav_faq.svg" alt="faq icon">
            <span class="text-xs mt-1">FAQ</span>
        </a>
        <a href="https://solnz.net/ouroffice" class="flex flex-col items-center justify-center flex-1 h-full hover:bg-gray-50">
            <img src="https://solnz.net/wp-content/themes/SOL/assets/images/mobile_nav_location.svg" alt="location icon">
            <span class="text-xs mt-1">지사안내</span>
        </a>
        <a href="https://solnz.net/counselling" class="flex flex-col items-center justify-center flex-1 h-full hover:bg-gray-50">
            <img src="https://solnz.net/wp-content/themes/SOL/assets/images/mobile_nav_counselling.svg" alt="counselling icon">
            <span class="text-xs mt-1">상담신청</span>
        </a>
                    <a href="https://solnz.net/login" class="flex flex-col items-center justify-center flex-1 h-full hover:bg-gray-50">
                <img src="https://solnz.net/wp-content/themes/SOL/assets/images/mobile_nav_login.svg" alt="login icon">
                <span class="text-xs mt-1">로그인</span>
            </a>
            </div>
</nav>
<footer class="bg-grey-4 px-4 py-12 md:py-16">
    <div class="content-wrapper flex flex-col gap-8">
        <div class="flex justify-between items-center relative">
            <!-- Logo -->
            <a href="https://solnz.net/" class="transition-all duration-300">
                                    <div class="w-[200px] md:w-[280px] transition-all duration-300 overflow-hidden">
                        <img width="986" height="248" src="https://solnz.net/wp-content/uploads/2026/08/logo-kr.webp" class="object-contain w-full h-auto" alt="SOL Edu Logo" decoding="async" loading="lazy" srcset="https://solnz.net/wp-content/uploads/2026/08/logo-kr.webp 986w, https://solnz.net/wp-content/uploads/2026/08/logo-kr-300x75.webp 300w, https://solnz.net/wp-content/uploads/2026/08/logo-kr-768x193.webp 768w" sizes="auto, (max-width: 986px) 100vw, 986px" />                    </div>
                            </a>
            <div class="flex gap-8 items-center">
                <nav class="hidden md:block">
                    <div class="menu-footer-container"><ul id="menu-footer" class="flex gap-6"><li id="menu-item-2904" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2904"><a href="https://solnz.net/company-ko/">회사소개</a></li>
<li id="menu-item-2905" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2905"><a href="https://solnz.net/counselling/">상담신청</a></li>
<li id="menu-item-2909" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2909"><a href="https://solnz.net/privacy-policy-ko/">정보처리방침</a></li>
<li id="menu-item-948" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-948"><a href="/news">유학/이민 뉴스</a></li>
<li id="menu-item-2910" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2910"><a href="https://solnz.net/terms-of-service-ko/">이용약관</a></li>
</ul></div>                </nav>
                                    <div class="flex gap-4 items-center">
                                                                                    <div>
                                    <a href="https://blog.naver.com/study2nz" target="_blank" rel="noopener noreferrer"
                                        class="inline-block w-6 h-6 transition-opacity hover:opacity-80">
                                        <img width="48" height="48" src="https://solnz.net/wp-content/uploads/2026/08/Naver.webp" class="w-full h-full object-contain" alt="Social icon" decoding="async" loading="lazy" />                                    </a>
                                </div>
                                                                                                                <div>
                                    <a href="https://pf.kakao.com/_enykxj/" target="_blank" rel="noopener noreferrer"
                                        class="inline-block w-6 h-6 transition-opacity hover:opacity-80">
                                        <img width="48" height="48" src="https://solnz.net/wp-content/uploads/2026/08/Kakao.webp" class="w-full h-full object-contain" alt="Social icon" decoding="async" loading="lazy" />                                    </a>
                                </div>
                                                                                                                <div>
                                    <a href="https://www.instagram.com/solnzau/" target="_blank" rel="noopener noreferrer"
                                        class="inline-block w-6 h-6 transition-opacity hover:opacity-80">
                                        <img width="48" height="48" src="https://solnz.net/wp-content/uploads/2026/08/Insta.webp" class="w-full h-full object-contain" alt="Social icon" decoding="async" loading="lazy" />                                    </a>
                                </div>
                                                                                                                <div>
                                    <a href="https://www.youtube.com/@soledunz" target="_blank" rel="noopener noreferrer"
                                        class="inline-block w-6 h-6 transition-opacity hover:opacity-80">
                                        <img width="48" height="48" src="https://solnz.net/wp-content/uploads/2026/08/Youtube.webp" class="w-full h-full object-contain" alt="Social icon" decoding="async" loading="lazy" />                                    </a>
                                </div>
                                                                        </div>
                            </div>
        </div>

        <!-- Section Divider -->
        <div class="relative">
            <div class="section-divider relative"></div>
        </div>

        <!-- Branches -->
                    <div class="flex flex-col md:flex-row jsutify-between gap-6">
                
                    <div class="w-[282px] flex flex-col gap-2 md:gap-4">
                        <div><strong>오클랜드</strong> Auckland</div>
                        <div>
                            <a href="tel:+64 9 303 0082">+64 9 303 0082</a>
                            <div><p>Level 8, 220 Queen Street<br />
Auckland 1010 New Zealand</p>
</div>
                        </div>
                    </div>
                
                    <div class="w-[282px] flex flex-col gap-2 md:gap-4">
                        <div><strong>크라이스트처치</strong> Christchurch</div>
                        <div>
                            <a href="tel:+64 3 961 1004">+64 3 961 1004</a>
                            <div><p>Level 1, 104 Riccarton Road<br />
Christchurch, New Zealand</p>
</div>
                        </div>
                    </div>
                
                    <div class="w-[282px] flex flex-col gap-2 md:gap-4">
                        <div><strong>브리즈번</strong> Brisbane</div>
                        <div>
                            <a href="tel:+61 7 3003 1899">+61 7 3003 1899</a>
                            <div><p>Level2, 226 Albert Street<br />
Brisbane Qld 4000 Australia</p>
</div>
                        </div>
                    </div>
                
                    <div class="w-[282px] flex flex-col gap-2 md:gap-4">
                        <div><strong>서울</strong> Seoul</div>
                        <div>
                            <a href="tel:+82 2 562 2264">+82 2 562 2264</a>
                            <div><p>서울 서초구 서초대로 77길 17<br />
11층</p>
</div>
                        </div>
                    </div>
                            </div>
        
        <div class="flex flex-col md:flex-row justify-between text-sm md:mt-4 gap-4">
            <div>SOL 유학·이민 | 대표 김준성 | 사업자번호 623-06-01537 | EMAIL <a href="mailto:info@solnz.net">info@SOLNZ.NET</a></div>
            <div>Copyright © 2026 all rights reserved</div>
        </div>
    </div>
</footer>

<!-- 메인 페이지 팝업 (노출 조건은 템플릿 내부에서 판단) -->

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/SOL/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    <script>
    // 우클릭 방지
    document.addEventListener('contextmenu', function(e) {
        e.preventDefault();
    });
    
    // 텍스트 선택 방지
    document.addEventListener('selectstart', function(e) {
        e.preventDefault();
    });
    
    // 복사 방지
    document.addEventListener('copy', function(e) {
        e.preventDefault();
    });
    
    // 키보드 단축키 방지 (Ctrl+C, Ctrl+U 등)
    document.addEventListener('keydown', function(e) {
        if (e.ctrlKey && (e.key === 'c' || e.key === 'u' || e.key === 's')) {
            e.preventDefault();
        }
    });
    </script>
        <script>
    document.addEventListener('DOMContentLoaded', function() {
        // 모든 required 요소에 적용
        const requiredElements = document.querySelectorAll('[required]');
        
        requiredElements.forEach(function(element) {
            element.addEventListener('invalid', function(e) {
                if (this.validity.valueMissing) {
                    this.setCustomValidity(__t('this_field_is_required'));
                }
            });
            
            element.addEventListener('input', function(e) {
                this.setCustomValidity('');
            });
            
            element.addEventListener('change', function(e) {
                this.setCustomValidity('');
            });
        });
    });
    </script>
        <script type="text/javascript">
        // ① 함수 먼저 정의 — wcslog.js onload 발화 전에 반드시 존재해야 함

        // wcslog.js 로드 실패 시 (네트워크 오류, 광고 차단 등)
        function naverWcsLoadError(e) {
            var reason = '알 수 없는 오류';
            if (typeof navigator !== 'undefined' && !navigator.onLine) {
                reason = '네트워크 오프라인 상태';
            } else {
                reason = '광고 차단 프로그램(AdBlock) 또는 네트워크 방화벽에 의해 wcslog.js 로드가 차단됨';
            }
            console.error('[네이버 로그분석] ❌ 전송 실패 - wcslog.js 로드 오류');
            console.error('[네이버 로그분석] 실패 원인:', reason);
            console.error('[네이버 로그분석] 상세:', e);
        }

        // wcslog.js 로드 성공 후 실행
        function initNaverWcs() {
            if (window.wcs) {
                try {
                    if (!window.wcs_add) window.wcs_add = {};
                    window.wcs_add["wa"] = "s_125a0d28485d";

                    var _nasa = {};
                    if (typeof window.wcs.inflow === 'function') {
                        window.wcs_add["i"] = window.wcs.inflow();
                    } else {
                        console.warn('[네이버 로그분석] ⚠️ wcs.inflow() 함수 없음 - 유입 경로 추적 생략');
                    }

                    window.wcs.cnv();
                    window.wcs_do();
                    console.log('[네이버 로그분석] ✅ 전송 성공! (wa=' + window.wcs_add["wa"] + ')');

                } catch (err) {
                    console.error('[네이버 로그분석] ❌ 전송 실패 - 실행 중 예외 발생');
                    console.error('[네이버 로그분석] 실패 원인:', err.message || err);
                    console.error('[네이버 로그분석] 상세:', err);
                }

            } else {
                // wcslog.js 는 로드됐으나 window.wcs 객체가 없는 경우
                console.error('[네이버 로그분석] ❌ 전송 실패 - window.wcs 객체 없음');
                console.error('[네이버 로그분석] 실패 원인: wcslog.js 가 로드됐지만 window.wcs 가 정의되지 않음 (스크립트 내부 초기화 실패 또는 충돌)');
            }
        }
    </script>

    <!-- ② 함수 정의 후 wcslog.js 로드 — onload 발화 시 initNaverWcs 이미 존재 -->
    <script type="text/javascript"
        src="//wcs.naver.net/wcslog.js"
        onload="initNaverWcs()"
        onerror="naverWcsLoadError(event)"></script>

<script>
    // 번역 데이터 전달
    window.formTranslations = {"new_zealand":"New Zealand","australia":"Australia","view_more":"View More","major_view_more":"- View More Courses","no_recommended_schools":"No recommended schools available.","logout":"Logout","login":"Login","signup":"Register","mypage":"My Page","search":"Search","search_placeholder":"Search...","search_filter":"Search Filter","search_results":"Search Results","all_results":"All Results","pages":"Pages","university":"University","elicos":"Elicos","nzschool":"NZ School","majors":"Majors","news":"SOL News","news_short":"News","news_date":"Published","no_results_found":"No Results Found","no_results_found_detail":"No results found for.","this_field_is_required":"This field is required.","apply_for_counselling":"Contact","our_office":"Our Offices","view_list":"View List","all_categories":"All Categories","location":"Select Location","school_location":"Location","school_type":"School Type","school_address":"School Address","popular_majors":"Popular Majors","website":"Website","school_size":"School Size","filter_apply":"Apply Filter","filter_reset":"Reset Filter","counselling_form_title":"Consultation Application","signup_form_title":"Sign Up","tertiary_form_title":"Tertiary Application Form","visa_form_title":"Visa Application Progress","student_details_title":"Student Details","school_history_title":"School Application Status","proposed_school_title":"Desired School and Course by Priority","emergency_contact_title":"Emergency Contact","document_submission_title":"Document Submission","member_details_title":"Member Information","firstname":"First Name","lastname":"Last Name","firstname_placeholder":"Enter your first name","lastname_placeholder":"Enter your last name","phone":"Phone Number","phone_placeholder":"Phone number","bornCity":"City of Birth (English)","bornCity_placeholder":"Example) Seoul","addr":"Home Address (Korea or address of your nationality)","addr_placeholder":"Please enter the address of Korea or your nationality.","health1":"Please fill in if you have suffered from or are currently suffering from the disease below.\n(Tuberculosis\/kidney dialysis\/disease requiring continuous hospital treatment\/blood transfusion\/highly contagious disease such as HIV, hepatitis B, hepatitis C)","health1_placeholder":"","crime1":"Please fill in if any of the following applies from past to present:\n(Traffic violation\/criminal act or resulting fine\/experience of being investigated for suspicion\/whether you are wanted)","crime1_placeholder":"","login_form_title":"Log In","findpassword_form_title":"Find Password","findpassword_form_subtitle":"If you dont know your email address please contact us","findpasswordEmail":"Email","findpasswordEmail_placeholder":"Email Address","staySignedIn":"Stay signed in","error_message":"There was a problem with your submission. Please review the fields below.","localName":"Full Name","firstName":"First Name","lastName":"Last Name","emailId":"Email Address","email":"Email Address","emailConfirm":"Confirm Email Address","password":"Password","changePassword":"Change Password","passwordConfirm":"Confirm Password","currentPassword":"Current Password","newPassword":"New Password","newPasswordConfirm":"Confirm New Password","dateOfBirth":"Date of Birth","dateOfBirth_help":"Please select your date of birth","error_dateOfBirth":"Please select your date of birth","countryCode":"Country Code","phoneNumber":"Phone Number","nationality":"Nationality","receiveMail":"I agree to receive promotional emails and newsletters","consultation":"Enquiry","howKnow":"How did you learn about SOL Education \u0026 Migration?","interestedIn":"Applicant Type - Please select one of the following","highSchool_title":"Current\/Graduated High School","counsellor":"Select your Counsellor","nzAddress":"Current Address","overseasAddress":"Home Address","applicantType":"Current academic status of the applicant","highSchool":"School Name","highCountry":"School Country","grade":"Year","highEndYear":"End Year (If graduated)","highEndMonth":"End Month","entranceExam":"University Entrance Exam","examtype":"Exam Type","nsnNo":"NSN No (If NZ)","nsnEmail":"NSN ID (or Email)","nsnPassword":"NSN Password","candidatenumber":"Candidate Number","delete":"delete","proposedSchool_title":"Desired School","proposedSchool":"School Name","proposedQualification":"Qualification","proposedMajor":"Major","proposedStartYear":"Start Year","proposedStartMonth":"Start Month","addProposedSchool":"Add School","emergencyfirstName":"First name","emergencylastName":"Last name","emergencyfirstName_placeholder":"","emergencylastName_placeholder":"","emergencyRelation":"Relationship","emergencyRelation_placeholder":"","emergencyemail":"Contact Email","emergencyemail_placeholder":"","emergencycountryCode":"Country","emergencymobile":"Contact Mobile Number","emergencymobile_placeholder":"","document_submission_subtitle_line1":"Please refer to the Documents Guideline for more information on how to prepare your documents","document_submission_subtitle_line2":"Each file size should not exceed 5MB","passport":"Customer Files","passport_category":"Passport","certificate":"School Documents (Admission Letter\/Receipt)","pending_documents":"Additional Requested Documents","shared_documents":"Family\/Group Documents","shared_category":"Category","additional_upload_menu_title":"Additional Document Upload","upload_title":"Upload Documents","upload_drag_text":"Drag \u0026 drop or click to upload","upload_format_text":"PDF, JPG, PNG (max 5MB, up to 5 files)","upload_select_button":"Select File","upload_submit":"Upload","upload_submitted_title":"Submitted Documents","upload_category_placeholder":"Select category","upload_other_placeholder":"Enter manually","upload_no_files":"Please select files to upload.","upload_invalid_type":"Only PDF, JPG, PNG files are allowed.","upload_file_too_large":"File size exceeds 5MB.","upload_max_files":"You can upload up to {max} files.","uploading":"Uploading...","upload_success":"Uploaded successfully.","upload_error":"Upload failed.","ielts":"Official English test report (IELTS, TOEFL, PTE)","others":"Other documents (e.g., English Graduation Certificate) - You may upload a maximum of 5 files","signature":"Signature","signature_note":"Signature must match with your passport. Please check your passport signature. ","submitBtn":"Submit","saveBtn":"Save","required":"*","submitting":"Submitting...","success_message":"Your consultation application has been submitted successfully!","signup_success":"Your registration has been submitted successfully!","login_success":"Login Successful","no_data":"No Data Available","loading_data":"Loading data...","error_download":"Failed to download file","error_submit":"An error occurred during submission. Please try again.","error_service":"A service error occurred. Please try again later.","loading_login":"Logging in...","loading_signup":"Processing registration...","loading_counselling":"Submitting counselling request...","loading_tertiary":"Submitting tertiary application...","loading_findpassword":"Sending email...","loading_profile":"Loading profile information...","loading_update_profile":"Updating information...","loading_change_password":"Changing password...","loading_files":"Loading files...","loading_applications":"Loading applications...","loading_visa":"Submitting visa application...","loading_download":"Downloading file...","loading_event":"Registering for seminar...","error_load_profile":"Failed to load profile.","success_update_profile":"Profile updated successfully.","error_update_profile":"Failed to update profile.","success_change_password":"Password changed successfully.","error_change_password":"Failed to change password.","error_required_fields":"Please fill in all required fields.","error_password_mismatch":"New passwords do not match.","error_password_length":"Password must be at least 8 characters.","localName_placeholder":"Enter your full name","firstName_placeholder":"Enter your first name","lastName_placeholder":"Enter your last name","emailId_placeholder":"Enter your email address","email_placeholder":"Enter your email address","emailConfirm_placeholder":"Re-enter your email address","password_placeholder":"Enter your password","passwordConfirm_placeholder":"Re-enter your password","currentPassword_placeholder":"Enter your current password","newPassword_placeholder":"Enter your new password","newPasswordConfirm_placeholder":"Re-enter your new password","consultation_placeholder":"Enter your enquiry (e.g., Nursing programme admission enquiry)","nzAddress_placeholder":"Enter your current address (in English)","overseasAddress_placeholder":"Address in your home country (in English)","dateOfBirth_placeholder":"yyyy-mm-dd","mobile_placeholder":"Mobile Number","countryCode_default":"Select your country code","nationality_default":"Select your nationality","howKnow_default":"Select","counsellor_default":"Select","interestedIn_default":"Select","applicantType_default":"Please select one of the following three options that applies to you.","error_firstName":"Please enter your first name.","error_lastName":"Please enter your last name.","error_localName":"Please enter your full name.","error_email":"Please enter your email address.","error_emailId":"Please enter your email address.","error_email_format":"Please enter a valid email address.","error_emailId_format":"Please enter a valid email address.","error_emailConfirm":"Please re-enter your email address.","error_email_confirm":"Email addresses do not match","error_required":"This field is required.","error_privacy":"Please agree to the privacy policy","error_terms":"Please agree to the terms and conditions","error_signature":"Please complete your signature","error_file_too_large":"File \u0022{name}\u0022 exceeds the maximum size of {maxMB}MB ({sizeMB}MB)","error_password":"Please enter your password.","error_password_format":"At least 6 characters with a combination of letters, numbers, and special characters.","error_passwordConfirm":"Please re-enter your password.","error_password_confirm":"Passwords do not match","error_phone_format":"Please enter a valid phone number.","error_phoneNumber_format":"Please enter a valid phone number.","error_countryCode":"Please select your country code.","error_nationality":"Please select your nationality.","error_consultation":"Please enter your enquiry.","error_howKnow":"Please make a selection.","howKnow_options":["Online Search","Social Media","Referral","Advertisement","Other"],"counsellor_options":["Anna.Pang","Annie","Bella","Bree","Claire.Kim","Ellie","Hyunsil","Jean","Jemma","Liz","Michael","Sandy","Simon","Vicky"],"interestedIn_options":["Primary and Secondary Education","Language Training","University\/Graduate School","Study Abroad and Immigration","Working Holiday"],"applicantType_options":["English Language Program: Applying for English language courses only","Post-secondary Program (High School Level): High school students\/graduates applying for diplomas, certificates, or university courses","Post-secondary Program (University Level): Current students or qualification holders (Diploma to Ph.D.) applying for further studies"],"immiEmail":"Email address to be submitted to the Immigration Office when applying for a visa","immiEmail_placeholder":"Please enter your email address.","town":"Name of city of birth (English)","town_placeholder":"Example) Seoul","visa_homeAddress":"Home address (Korea or address of your nationality)","visa_homeAddress_placeholder":"Please enter the address of Korea or your nationality.","visa_nzAddress":"New Zealand address (leave blank if not available)","visa_nzAddress_placeholder":"Please enter your address in New Zealand in English.","visa_currentAddress":"Current residence (address in country of current residence excluding New Zealand\/Korea)","visa_currentAddress_placeholder":"If you have lived in a country for more than 6 months, please enter it in English.","extra_questions":"Additional Questions","visa_medicalHistory":"Please fill in if you have suffered from or are currently suffering from the disease below.\n(Tuberculosis\/kidney dialysis\/disease requiring continuous hospital treatment\/blood transfusion\/highly contagious disease such as HIV, hepatitis B, hepatitis C)","visa_medicalHistory_placeholder":"","visa_rejectionHistory":"If you have been refused entry or visa to a country including New Zealand in the past, please write the name of the country and the reason for the refusal.","visa_rejectionHistory_placeholder":"","visa_offenseHistory":"If you have been refused entry or visa to a country including New Zealand in the past, please write the name of the country and the reason for the refusal.\nPlease fill in if any of the following applies from past to present:","visa_offenseHistory_placeholder":"","visa_residenceHistory":"If you have been refused entry or visa to a country including New Zealand in the past, please write the name of the country and the reason for the refusal.","visa_residenceHistory_placeholder":"","visa_document_submission_subtitle_line1":"Please refer to the Documents Guideline for more information on how to prepare your documents","passportPhoto":"Passport Photo","financialProof":"Proof of Funds","studyPlanLetter":"Study Plan Letter","visa_others":"Please read the Visa Application Guidelines before submitting your documents.","mobile":"Mobile Number","postHighSchoolEducation":"Post-High School Education","tertiarySchool":"School Name","tertiarySchool_placeholder":"Please enter the school name in English.","tertiaryMajor":"Major","tertiaryMajor_placeholder":"Please enter your major in English.","tertiaryStartYear":"Start Year","tertiaryStartMonth":"Start Month","tertiaryEndYear":"End Year","tertiaryEndMonth":"End Month","course":"Degree","startDate":"Class Start","updateDate":"Update","download":"Download","preview":"Preview","major":"Major","status":"Status","visaCourseType":"Type","assignee":"Assigned To","proposedSchool_placeholder":"Please enter the name of the school you are applying to in English.","phoneNumber_placeholder":"mobile phone number","modal_success_title":"Success","modal_error_title":"Error","modal_confirm_button":"OK","file_upload_drag_text":"Drag and drop or click to upload","file_upload_select_button":"Select File","file_upload_format_text":"PDF, JPG, PNG (Max 5MB)","file_upload_format_multiple_text":"PDF, JPG, PNG (Max 5MB, up to {maxFiles} files)","proposedStartDate":"Start Date","tertiaryStartDate":"Start Date","tertiaryEndDate":"End Date","highEndDate":"Graduation Date","highEndDate_help":"Please select your graduation date","select":"Select","coming_soon":"Coming soon.","save_now":"Save Now","clear_draft":"Clear Draft","autosave_found":"You have previously saved content","autosave_saved_at":"Saved at:","autosave_load":"Load","autosave_new":"Start New","autosave_delete":"Delete","autosave_deleted":"Draft deleted","autosave_just_now":"just now","autosave_min_ago":"min ago","autosave_hr_ago":"hr ago","autosave_day_ago":"day ago","autosave_save_error":"Error while saving","autosave_restored":"Previous content loaded","autosave_restore_error":"Error while restoring","autosave_file_warning":"Uploaded files need to be re-selected:","autosave_saved":"\u2713 Draft Saved","autosave_last_save":"Last saved:","autosave_save_success":"Saved","required_badge":"Required","optional_badge":"Optional","tertiary_subtitle":"Certificate, Diploma, Degree, PG, Master, Doctor","year":"Year","year_suffix":"","month":"Month","day":"Day","day_suffix":"","max_files_note":"Maximum 5 files","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"pinned":"Pinned","branch":"Branch","key_experience":"Key Experience","admission_cases":"Admission Cases","event_form_title":"New Zealand Study Consultation","event_step_contact":"Contact Info","event_step_pathway":"Study Info","event_step_consent":"Consent \u0026 Submit","event_preferred_contact":"Preferred Contact Method","event_contact_id_label":"ID","event_contact_id_hint_line":"Please enter your LINE ID","event_contact_id_hint_kakao":"Please enter your KakaoTalk ID","event_contact_id_hint_whatsapp":"Please enter your WhatsApp number","contact_id_placeholder_phone":"Same as phone number","event_pathway_question":"Which pathway are you interested in?","event_pathway_a":"English 9+ months (Insurance Fee + Gift Card $100)","event_pathway_b":"Master \/ Bachelor \/ PGDip (SOL Scholarship)","event_pathway_c":"English + Master\/Bachelor (SOL Scholarship \/ Visa-fee free)","event_pathway_d":"Not sure - please assess for me","event_start_timing":"When do you plan to start?","event_timing_1_3":"Within 1-3 months","event_timing_3_6":"3-6 months","event_timing_6_12":"6-12 months","event_timing_not_sure":"Not sure","event_english_test":"Do you have an English test score?","event_no_test":"None","event_visa_status":"Current Visa Status (Optional)","event_select_optional":"Optional","event_field_of_interest":"Select your field(s) of interest (multiple selection)","event_field_business":"Business\/Marketing","event_field_it":"IT","event_field_engineering":"Engineering","event_field_health":"Health","event_field_hospitality":"Hospitality","event_field_education":"Education","event_field_other":"Other","event_field_other_placeholder":"Please specify your field of interest","event_receive_promotion":"Do you agree to receive promotions and information?","event_yes":"Yes","event_no":"No","event_consent_data_sharing":"Do you consent to third-party data sharing?","event_additional_notes":"Any additional information?","event_additional_notes_placeholder":"Enter any questions or requests","event_submit_btn":"Submit Consultation","event_submitting":"Submitting...","event_required_complete":"required fields completed","event_success_message":"Your consultation request has been submitted! We will contact you soon.","event_error_message":"An error occurred during submission. Please try again.","success_title":"Registration Complete!","success_event":"Your seminar registration is complete. The SOL NZ team will contact you within 7 business days.","success_info":"A confirmation email has been sent. Please check your inbox.","back_to_home":"Back to Home","counselling_thanks_title":"Your consultation request has\nbeen submitted!","counselling_thanks_message":"Our counsellor will contact you within 1 business day.","seminar_info_title":"SOL Study Abroad \u0026 Immigration Seminar (September 6th)","seminar_date_label":"Date\/Time","seminar_date_value":"September 6, 2026 (Sun) 1:00 PM","seminar_location_label":"Location","seminar_location_value":"Insight Building, 629-1 Yeoksam-dong, Gangnam, Seoul","seminar_map_link":"View on Naver Maps","seminar_target_label":"Target Audience","seminar_target_value":"Clients interested in NZ study\/immigration \/ Parents needing free child education","seminar_content_label":"Content","seminar_content_value":"From early study abroad to migration after study \u2014 licensed NZ immigration advisers and school representatives provide tailored consultations considering cost, duration, free education and permanent residency.","event_closed_title":"Registration Closed","event_closed_message":"The registration period for this seminar has ended.","visit_homepage_btn":"Visit Homepage","attendee_info_title":"Attendee Information","age_group_label":"Attendee Age Group","final_education_label":"Final Education Level","education_high_school":"High School Graduate","education_college_2yr":"College Graduate (2-year)","education_university_4yr":"University Graduate (4-year)","education_graduate":"Graduate School","study_timeline_label":"Planned Study Timing","companion_count_label":"Will anyone be accompanying you?","companion_count_placeholder":"Family accompanying you: alone \/ with spouse \/ with spouse + children","companion_none":"None","companion_1":"1 person","companion_2":"2 people","interest_field_label":"Area of Interest","interest_field_early_study":"Early Study Abroad","interest_field_language":"Language Course","interest_field_migration":"Study to Migration","interest_field_other":"Other","interest_major_label":"Field of Interest","interest_major_placeholder":"e.g. Master of Business, Nursing, Primary School, etc.","additional_questions_label":"Do you have any questions?","additional_questions_placeholder":"Enter any questions or requests","error_finalEducation":"Please select your final education level.","error_companionCount":"Please select the number of companions.","privacy_collection_notice":"Personal Information Collection and Use","privacy_collection_instruction":"Please review the personal information collection notice at the link above and check the box if you agree.","privacy_collection_warning":"You may decline, but without your consent we may be unable to accept your fair registration.","submit_btn_hint":"The submit button will be activated once all required fields are filled","age_20_30":"20-30","age_31_40":"31-40","age_41_50":"41-50","age_other":"Other","timeline_2026":"2026","timeline_2027":"2027","timeline_2028_later":"2028 or later"};
    window.currentLang = '';

    document.addEventListener('DOMContentLoaded', function() {
        const form = document.getElementById('event100topUniForm');
        if (!form) return;

        // === 1. Toggle Button Selection ===
        document.querySelectorAll('.toggle-btn').forEach(btn => {
            btn.addEventListener('click', function(e) {
                e.preventDefault();
                e.stopPropagation();

                const group = this.closest('.toggle-group');
                group.querySelectorAll('.toggle-btn').forEach(b => b.classList.remove('selected'));
                this.classList.add('selected');
                const radio = this.querySelector('input');
                if (radio) {
                    radio.checked = true;
                    setTimeout(() => {
                        updateProgress();
                    }, 10);
                    if (radio.name === 'preferredContact') {
                        radio.dispatchEvent(new Event('change', {
                            bubbles: true
                        }));
                    }
                }
            });
        });

        // === 2. (연락방법 선택 시 별도 처리 없음 - 선택 필드) ===

        // === 3. Real-time Validation ===
        const validateField = (field) => {
            const value = field.value.trim();
            const type = field.dataset.validate;
            const icon = document.getElementById(field.id + 'Icon');
            const formGroup = field.closest('.form-group');

            let isValid = true;

            if (type === 'required' && !value) {
                isValid = false;
            } else if (type === 'email' && value) {
                isValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
            } else if (type === 'phone' && value) {
                isValid = /^[\d\s\-+()]{6,}$/.test(value);
            }

            if (formGroup) {
                formGroup.classList.remove('valid', 'invalid');
                if (value) {
                    formGroup.classList.add(isValid ? 'valid' : 'invalid');
                }
            }

            if (icon) {
                icon.textContent = value ? (isValid ? '✓' : '✗') : '';
                icon.className = 'validation-icon ' + (isValid ? 'valid' : 'invalid');
            }

            return isValid;
        };

        document.querySelectorAll('input[data-validate]').forEach(field => {
            field.addEventListener('blur', () => validateField(field));
            field.addEventListener('input', () => {
                validateField(field);
                updateProgress();
            });
        });

        // === 체크박스 이벤트 리스너 ===
        const agreePromotionCheckbox = document.getElementById('agreePromotion');
        if (agreePromotionCheckbox) {
            agreePromotionCheckbox.addEventListener('change', () => {
                updateProgress();
            });
        }

        // === 4. Progress Tracking ===
        const updateProgress = () => {
            const requiredFields = [{
                    type: 'text',
                    id: 'firstName'
                },
                {
                    type: 'text',
                    id: 'lastName'
                },
                {
                    type: 'text',
                    id: 'phoneNumber'
                },
                {
                    type: 'text',
                    id: 'email'
                },
                {
                    type: 'radio',
                    name: 'visaStatus'
                },
                {
                    type: 'checkbox',
                    id: 'agreePromotion'
                }
            ];

            let completed = 0;
            requiredFields.forEach(field => {
                if (field.type === 'text') {
                    const el = document.getElementById(field.id);
                    if (el && el.value.trim()) completed++;
                } else if (field.type === 'radio') {
                    const checked = document.querySelector(`input[name="${field.name}"]:checked`);
                    if (checked && checked.checked === true) {
                        completed++;
                    }
                } else if (field.type === 'checkbox') {
                    const el = document.getElementById(field.id);
                    if (el && el.checked) completed++;
                }
            });

            document.getElementById('completedFields').textContent = completed;
            document.getElementById('totalFields').textContent = requiredFields.length;

            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = completed < requiredFields.length;
        };

        // === 5. 모든 라디오 버튼에 직접 change 리스너 추가 ===
        document.querySelectorAll('input[type="radio"]').forEach(radio => {
            radio.addEventListener('change', function() {
                const toggleBtn = this.closest('.toggle-btn');
                if (toggleBtn) {
                    const group = toggleBtn.closest('.toggle-group');
                    if (group) {
                        group.querySelectorAll('.toggle-btn').forEach(b => b.classList.remove('selected'));
                        toggleBtn.classList.add('selected');
                    }
                }
                setTimeout(() => {
                    updateProgress();
                }, 0);
            });
        });

        // Initial state
        updateProgress();
    });
</script>