{% extends "_layout.html" %}

{% block content %}
    <div class="ins_inner">
        <h2>{{ default_version }} 버전 설치를 시작합니다.</h2>
        <h4>브라우저 창을 닫지 말고 잠시만 기다려주세요.</h4>
        <ol id="install_status">
        </ol>
        <h2 id="install_result"></h2>
    </div>
    <div class="ins_inner" id="install_success">
        <h2>환경설정 변경은 다음의 과정을 따르십시오.</h2>
        <ol>
            <li>메인화면으로 이동</li>
            <li>관리자 로그인</li>
            <li>관리자 모드 접속</li>
            <li>환경설정 메뉴의 기본환경설정 페이지로 이동</li>
        </ol>
        <div class="inner_btn">
            <a href="{{ url_for('index') }}">메인으로 이동</a>
        </div>
    </div>

    <div class="ins_inner" id="install_fail">
        <h2>설치 중 문제가 발생했습니다. 다시 시도해주세요</h2>
        <div class="inner_btn">
            <a href="javascript:history.back();">뒤로가기</a>
        </div>
    </div>

    <script>
        document.getElementById("install_success").style.display = "none";
        document.getElementById("install_fail").style.display = "none";

        setTimeout(() => {
            token = generate_token();
            const evtSource = new EventSource("/install/process?token=" + token);
            evtSource.onmessage = function(event) {
                const data = event.data.trim();  // 공백 제거

                if (data.includes("[success]")) {
                    document.getElementById("install_result").innerHTML = data;
                    document.getElementById("install_success").style.display = "block";
                    evtSource.close();
                } else if (data.includes("[error]")) {
                    document.getElementById("install_result").innerHTML = data;
                    document.getElementById("install_fail").style.display = "block";
                    evtSource.close();
                } else {
                    document.getElementById("install_status").innerHTML += "<li>" + data + "</li>"; // 메시지 출력
                }
            }
        }, 1000);
    </script>
{% endblock content %}