@extends('common.layout')
@push('head')
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
    <link href="/template/css/content.css" rel="stylesheet" type="text/css" />
@endpush
@section('content')
    <div class="wrap_body">
        <!-- start page title -->
        <div class="none_display">
            <div>
                <div class="tit_check">
                    <strong>입장 번호 발급<span>(사전 예약자)</span></strong>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <div class="inner_body">
            <div class="cont_check">
            <form method="post" action="{{route('registration.selfentrance.getRegistrationInfo')}}">
                <input type="hidden" id="scroll_value" value="con_hide">

                <div class="tit_check">
                    <strong>입장 번호 발급<span>(사전 예약자)</span></strong>
                </div>
                
                <label class="tit_label" for="exampleRadios1">
                    핸드폰 번호를 입력해 주세요.<br>
                    <strong>* 유학 상담을 위한 입장 번호 발급은 필수 사항입니다.</strong>
                </label>
                <div class="inner_cont">
                    <div class="box_phone">
                        <div class="inner_box">
                        <span class="txt_num">010 -</span><input type="search" name="keyword_values"
                            placeholder="12345678"
                            aria-label="Search"
                            value="">
                            <button type="submit" class="btn_confirm">확인</button>
                        </div>
                    </div>
                    <img class="img_cont" src="https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/manager/fair/img_ticket_240822.png" alt="edm 티켓">
                </div>
            </form>
            </div>
        </div>
    </div>
    <!-- end row -->

@endsection

@section('script')
    <script>
        $(function(){
            $(".box_phone input").bind('input', function() {
                if($(this).val().length >= 7){
                    $(".cont_check .btn_confirm").addClass("active");
                } else {
                    $(".cont_check .btn_confirm").removeClass("active");
                }
            });
        });
    </script>
@endsection