@extends('common.layout')
@push('head')
    <link href="/template/css/content.css" rel="stylesheet" type="text/css" />
@endpush
@section('content')
    <div class="row">
        <!-- start page title -->
        <div class="none_display">
            <div>
                <div>
                    <h4>입장등록 완료 후 닫기</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <div class="wrap_body bg_green">
            <a href="/registration/selfentrance" class="link_home"><span class="icon_home"></span>처음으로</a>
            <div class="inner_body inner_close">
                <div id="myTable">
                    <div class="tit_close">
                        OOO 고객님<br>
                        입장등록이 완료되었습니다.<br>
                        입장해 주세요.
                    </div>
                </div>
                <div id="countdown" class="txt_count">3</div>
                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/manager/fair/img_entrance.png" class="img_entrance" alt="입장 이미지"/>
            </div>
        </div>
    </div>
    <!-- end row -->

@endsection

@section('script')
<script>
    // 카운트다운을 시작하는 함수
    function startCountdown() {
        var countdownElement = document.getElementById("countdown");
        var count = 3;

        function updateCountdown() {
            countdownElement.textContent = count;
            count--;

            if (count < 1) {
                // 카운트다운이 끝나면 메인 화면으로 이동
                window.location.href = "/registration/selfentrance/dev/selfRegistrationType";
            } else {
                // 1.5초마다 업데이트
                setTimeout(updateCountdown, 1500);
            }
        }

        // 초기 호출
        updateCountdown();
    }

    // 페이지 로드 후 카운트다운 시작
    window.onload = startCountdown;
</script>
@endsection