@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>
                    <h4>상담예약 확인</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <div class="inner_body inner_inquiry">
            <div class="cont_inquiry" id="myTable">
                <form method="post" action="{{route('registration.selfentrance.getRegistrationInfoForBooking')}}">
                    {{ csrf_field() }}
                    <div class="txt_desc">
                        금일 박람회에서 <strong>상담을 받지 못하신 고객 분들</strong>은 상담예약을 하시면
                        추후 edm유학센터에서 상담을 받으실 수 있습니다.
                    </div>
                    <label class="tit_label" for="exampleRadios1">
                        참가신청 시 입력한<br>핸드폰 번호를 입력해 주세요.<br>
                    </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="">
                            </div>
                        </div>
                        <button type="submit" class="btn_confirm">확인</button>
                    </div>
                </form>
                
            </div>
        </div>
    </div>
    <!-- end row -->

@endsection

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