@extends('common.layout')

@section('content')
    <div class="row">

        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <h1 class="my-3 bg-primary text-white col-3 text-center py-2 rounded">입장등록 데스크</h1>

            <form class="d-flex my-4 " style="align-items: center" action="{{url()->current()}}">
                <div class="form-check ">
                    <input class="form-check-input" type="radio" name="keyword" id="exampleRadios1"
                           value="reg_phone" @if(request('keyword') == 'reg_phone') checked @endif>
                    <label class="form-check-label" for="exampleRadios1">
                        전화번호
                    </label>
                </div>
                <div class="form-check mx-2">
                    <input class="form-check-input" type="radio" name="keyword" id="exampleRadios2"
                           value="eg_fair_no" @if(request('keyword') == 'reg_fair_no') checked @endif>
                    <label class="form-check-label" for="exampleRadios2">
                        예약번호
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="keyword" id="exampleRadios3"
                           value="reg_name" @if(request('keyword') == 'reg_name') checked @endif>
                    <label class="form-check-label" for="exampleRadios3">
                        이름
                    </label>
                </div>
                <input class="form-control mr-sm-2 w-25 mx-2" type="search" name="keyword_values" placeholder="검색어를 입력해주세요"
                       aria-label="Search" value="@if(!empty(request('keyword_values'))) {{request('keyword_values')}} @endif">
                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">검색</button>
            </form>
            <div class="card">
                <div class="card-body">

                    <div class="table-responsive">
                        <div class="float-end">
                            <p>검색결과 <span class="text-danger">  </span>건</p>
                        </div>
                        <table class="table table-centered table-nowrap text-center table-hover mb-0">
                            <thead>
                            <tr>
                                <th>구분</th>
                                <th>NO</th>
                                <th>초대권</th>
                                <th>신청장소</th>
                                <th>이름</th>
                                <th>참가형태</th>
                                <th>핸드폰</th>
                                <th>방문일</th>
                                <th>등록일</th>
                                <th>옵션</th>
                            </tr>
                            </thead>
                            <tbody id="myTable">
                            @foreach($data as $key)
                                <tr>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">{{$setType[$dbSetType[$key->set_idx]]}}</h5>
                                    </td>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">{{$key->reg_fair_no}}</h5>
                                    </td>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">X</h5>
                                    </td>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">{{$area[$key->reg_area]}}</h5>
                                    </td>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">{{$key->reg_name}}</h5>
                                    </td>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">{{$reservation[$key->reg_reservation]}}</h5>
                                    </td>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">{{$key->reg_phone}}</h5>
                                    </td>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">@if(empty($key->reloc_datetime)) - @else {{$key->regloc_datetime}} @endif</h5>
                                    </td>
                                    <td>
                                        <h5 class="font-14 my-1 fw-normal">{{$key->reg_date}}</h5>
                                    </td>
                                    <td>
                                        @if(empty($key->locreg_date))
                                            <button type="button" onclick="getInfo('go', {{$key->reg_idx}}, {{$key->set_idx}}, $(this))" class="font-14 my-1 fw-normal btn btn-info">입장</button>

                                        @else
                                            <btton class="font-14 my-1 fw-normal btn btn-primary" onclick="$('#revisiting ').toggle(),$('#go').hide(), $('#change ').hide()">재방문</btton>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach

                            </tbody>
                        </table>
                    </div> <!-- end table-responsive-->
                </div> <!-- end card-body-->
            </div> <!-- end card-->

        </div> <!-- end col-->
    </div>
    <!-- end row -->





    <div id="go" class="row">

        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <h3 class="my-3 bg-info text-white col-2 text-center py-2 rounded">입장</h3>
            <div class="card">
                <div class="card-body">
                    <form action="">
                        <h5 class="bg-secondary text-white m-0 p-2 ">기본정보 <span id="go_fair_no" class="bg-danger px-1">3218</span></h5>
                        <div class="d-flex" >
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-2 text-center col-4 bg-light">이름</h5>
                                <p id="go_name" class="my-auto mx-2 py-2 "></p>
                            </div>
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-2 text-center  col-4 bg-light">핸드폰</h5>
                                <p id="go_phone" class="my-auto mx-2 py-2 "><span id="go_sms" class=" btn btn-danger py-0  px-2"></span></p>
                            </div>
                        </div>

                        <div>
                            <h5 class="bg-secondary text-white m-0 p-2 ">상태정보</h5>
                            <div class="d-flex">
                                <div class="d-flex w-50">
                                    <h5 class="my-0 py-2 text-center bg-light col-4">상담/학교등록</h5>
                                    <p id="go_counsel" class="my-auto mx-2 py-2 "></p>
                                </div>
                                <div class="d-flex w-50">
                                    <h5 class="my-0 py-2 text-center bg-light  col-4">초대권</h5>
                                    <p id="go_invite" class="my-auto mx-2 py-2"></p>
                                </div>
                            </div>
                        </div>
                        <h5 class="bg-secondary text-white m-0 p-2 ">추가정보</h5>
                        <div class="d-flex">
                            <div class="my-0 py-3 text-center bg-light col-2 align-self-center border-bottom">
                                <h5>방문일</h5>
                            </div>
                            <div class="px-1 py-2">
                                <div class="d-flex text-danger mb-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="redio-2"
                                               id="exampleRadios4" value="option1" checked>
                                        <label class="form-check-label" for="exampleRadios4">
                                            2021-10-02(서울)
                                        </label>
                                    </div>

                                </div>
                                <div class="d-flex">
                                    @foreach($setTime as $key => $value)
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="setTime"
                                                   id="inlineRadio{{$key}}" value="{{$value}}">
                                            <label class="form-check-label " for="inlineRadio{{$key}}">
                                                {{$value}}
                                            </label>
                                        </div>
                                    @endforeach

                                </div>
                            </div>
                        </div>
                        <div class="d-flex">
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-3 text-center bg-light col-4 border-bottom">성별</h5>
                                <div class="d-flex px-1 py-3">
                                    <div class="form-check ">
                                        <input class="form-check-input" type="radio" name="redio-4" id="exampleRadios16"
                                               value="option2">
                                        <label class="form-check-label" for="exampleRadios16">
                                            남자
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-4" id="exampleRadios17"
                                               value="option2" checked>
                                        <label class="form-check-label" for="exampleRadios17">
                                            여자
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-3 text-center bg-light col-4 border-bottom">연령</h5>
                                <div class="d-flex px-1 py-3">
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-5" id="exampleRadios18"
                                               value="option2">
                                        <label class="form-check-label" for="exampleRadios18">
                                            20세 이하
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-5" id="exampleRadios19"
                                               value="option2" checked>
                                        <label class="form-check-label" for="exampleRadios19">
                                            20~40세
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-5" id="exampleRadios20"
                                               value="option2" checked>
                                        <label class="form-check-label" for="exampleRadios20">
                                            40세이상
                                        </label>
                                    </div>

                                </div>
                            </div>
                        </div>



                        <div class="d-flex border-bottom">
                            <h5 class="my-0 py-3 text-center bg-light col-2 border-bottom">동반인원</h5>
                            <div class="col-1 px-1 py-2">
                                <select class="custom-select my-1 mr-sm-2 w-100" id="inlineFormCustomSelectPref">
                                    <option selected>0</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                </select>
                            </div>
                        </div>
                        <div class="w-100 d-flex">
                            <btton class="font-14 col-2 mx-auto my-1 justify-content-center fw-normal btn btn-info">입장</btton>
                        </div>
                    </form>
                </div> <!-- end card-body-->
            </div> <!-- end card-->

        </div> <!-- end col-->
    </div>
    <!-- end row -->


    <div id="revisiting" class="row">

        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <h3 class="my-3 bg-primary text-white col-2 text-center py-2 rounded">재방문</h3>
            <div class="card">
                <div class="card-body">
                    <form
                            {{--          action="{{route('registration.entrance.process')}}"--}}
                    >

                        <h5 class="bg-secondary text-white m-0 p-2 ">기본정보 <span class="bg-danger px-1">3218</span></h5>
                        <div class="d-flex" >
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-2 text-center col-4 bg-light">이름</h5>
                                <p class="my-auto mx-2 py-2 ">김용태</p>
                            </div>
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-2 text-center  col-4 bg-light">핸드폰</h5>
                                <p class="my-auto mx-2 py-2 ">010-5711-5898 <span class=" btn btn-danger py-0  px-2">거부</span></p>
                            </div>
                        </div>

                        <div>
                            <h5 class="bg-secondary text-white m-0 p-2 ">상태정보</h5>
                            <div class="d-flex">
                                <div class="d-flex w-50">
                                    <h5 class="my-0 py-2 text-center bg-light col-4">상담/학교등록</h5>
                                    <p class="my-auto mx-2 py-2 ">상담내역이 없습니다</p>
                                </div>
                                <div class="d-flex w-50">
                                    <h5 class="my-0 py-2 text-center bg-light  col-4">초대권</h5>
                                    <p class="my-auto mx-2 py-2">발송하지 않았습니다.</p>
                                </div>
                            </div>
                        </div>
                        <h5 class="bg-secondary text-white m-0 p-2 ">추가정보</h5>
                        <div class="d-flex">
                            <div class="my-0 py-2 text-center bg-light col-2 align-self-center">
                                <h5  >방문일</h5>
                            </div>
                            <div class="p-1">
                                <div class="d-flex text-danger mb-1">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="redio-2"
                                               id="exampleRadios4" value="option1" checked>
                                        <label class="form-check-label" for="exampleRadios4">
                                            2021-10-02(서울)
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-2"
                                               id="exampleRadios5" value="option2">
                                        <label class="form-check-label" for="exampleRadios5">
                                            2021-10-02(서울)
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="redio-2"
                                               id="exampleRadios6" value="option3">
                                        <label class="form-check-label" for="exampleRadios6">
                                            2021-10-02(서울)
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-2"
                                               id="exampleRadios7" value="option3">
                                        <label class="form-check-label" for="exampleRadios7">
                                            2021-10-02(서울)
                                        </label>
                                    </div>
                                    <div class="form-check ">
                                        <input class="form-check-input" type="radio" name="redio-2"
                                               id="exampleRadios8" value="option3">
                                        <label class="form-check-label" for="exampleRadios8">
                                            2021-10-02(서울)
                                        </label>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="redio-3"
                                               id="exampleRadios9" value="option2">
                                        <label class="form-check-label " for="exampleRadios9">
                                            12~1시
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-3"
                                               id="exampleRadios10" value="option2">
                                        <label class="form-check-label" for="exampleRadios10">
                                            1~2시
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-3"
                                               id="exampleRadios11" value="option2">
                                        <label class="form-check-label" for="exampleRadios11">
                                            2~3시
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-3"
                                               id="exampleRadios12" value="option2">
                                        <label class="form-check-label" for="exampleRadios12">
                                            3~4시
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-3"
                                               id="exampleRadios13" value="option2">
                                        <label class="form-check-label" for="exampleRadios13">
                                            4~5시
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-3"
                                               id="exampleRadios14" value="option2">
                                        <label class="form-check-label" for="exampleRadios14">
                                            5~6시
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-3"
                                               id="exampleRadios15" value="option2">
                                        <label class="form-check-label" for="exampleRadios15">
                                            6시이후
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex">
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-2 text-center bg-light col-4">성별</h5>
                                <div class="d-flex p-1">
                                    <div class="form-check ">
                                        <input class="form-check-input" type="radio" name="redio-4" id="exampleRadios16"
                                               value="option2">
                                        <label class="form-check-label" for="exampleRadios16">
                                            남자
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-4" id="exampleRadios17"
                                               value="option2" checked>
                                        <label class="form-check-label" for="exampleRadios17">
                                            여자
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-2 text-center bg-light col-4">연령</h5>
                                <div class="d-flex p-1">
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-5" id="exampleRadios18"
                                               value="option2">
                                        <label class="form-check-label" for="exampleRadios18">
                                            20세 이하
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-5" id="exampleRadios19"
                                               value="option2" checked>
                                        <label class="form-check-label" for="exampleRadios19">
                                            20~40세
                                        </label>
                                    </div>
                                    <div class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="redio-5" id="exampleRadios20"
                                               value="option2" checked>
                                        <label class="form-check-label" for="exampleRadios20">
                                            40세이상
                                        </label>
                                    </div>

                                </div>
                            </div>
                        </div>



                        <div class="d-flex border-bottom">
                            <h5 class="my-0 py-2 text-center bg-light col-2">동반인원</h5>
                            <div class="p-1 col-1">
                                <select class="custom-select my-1 mr-sm-2 w-100" id="inlineFormCustomSelectPref">
                                    <option selected>0</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                </select>
                            </div>
                        </div>
                        <div class="w-100 d-flex">
                            <btton class="font-14 col-2 mx-auto my-1 justify-content-center fw-normal btn btn-primary">입장</btton>
                        </div>
                    </form>
                </div> <!-- end card-body-->
            </div> <!-- end card-->

        </div> <!-- end col-->
    </div>
    <!-- end row -->


    <div id="change" class="row">

        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <h3 class="my-3 bg-warning text-white col-2 text-center py-2 rounded">수정</h3>
            <div class="card">
                <div class="card-body">
                    <form action="">
                        <h5 class="bg-secondary text-white m-0 p-2 ">기본정보 <span class="bg-danger px-1">3218</span></h5>
                        <div class="d-flex border-bottom"  >
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-2 text-center col-4 bg-light">이름</h5>
                                <div class="p-1">
                                    <input type="text" class="form-control" placeholder="이름">
                                </div>
                            </div>
                            <div class="d-flex w-50">
                                <h5 class="my-0 py-2 text-center  col-4 bg-light">핸드폰</h5>
                                <div class="p-1 w-75">
                                    <input type="tel" class="form-control" placeholder="전화번호">
                                </div>
                            </div>
                        </div>
                        <div class="w-100 d-flex">
                            <btton class="font-14 col-2 mx-auto my-1 justify-content-center fw-normal btn btn-warning">입장</btton>
                        </div>
                    </form>
                </div> <!-- end card-body-->
            </div> <!-- end card-->

        </div> <!-- end col-->
    </div>
    <!-- end row -->

@endsection

@section('script')
    <script>
        $(document).ready(function () {
            $("#go").hide()
            $("#revisiting").hide()
            $("#change").hide()
        });

        function getInfo(type, reg_idx, set_idx) {

            $('#go').toggle();
            if (type == 'go') {
                $('#chnage').hide();
                $('#getInfo').hide();
            }

            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                method: 'post',
                url: '/registration/entrance/info',
                dataType: 'json',
                data: {
                    type : type,
                    reg_idx : reg_idx,
                    set_idx : set_idx,
                },
                success: function (data) {
                    $('#go_fair_no').html(data.getInfo['reg_fair_no']);
                    $('#go_name').html(data.getInfo['reg_name']);
                    $('#go_phone').html(data.getInfo['reg_phone']);
                    var sms = (data.getInfo['reg_sms_agreement']=="Y")?"수신":"거부";
                    $('#go_sms').html(sms);
                }
            })
        }

    </script>
@endsection