@extends('common.layout')

@section('content')
    <div class="row">
        <!-- start page title -->
        <div class="row justify-content-center" style="margin: 0;">
            <div class="col-12" >
                <div class="page-title-box">
                    <h4 class="page-title"></h4>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <div class="row" style="margin: 0;">
            <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">

            <form name="searchFrm" class="d-flex my-2" style="align-items: center" action="{{url()->current()}}">
                <input type="hidden" id="scroll_value" value="con_hide">
                <div class="form-check ">
                    <input class="form-check-input" type="radio" name="keyword" id="exampleRadios1"
                           value="ptc_phone" @if(request('keyword') == 'ptc_phone' || empty(request('keyword'))) checked @endif>
                    <label class="form-check-label" for="exampleRadios1">
                        {{ trans('registration_entrance.전화번호(뒷자리)') }}
                    </label>
                </div>
                <div class="form-check mx-2">
                    <input class="form-check-input" type="radio" name="keyword" id="exampleRadios2"
                           value="ptc_fair_no" @if(request('keyword') == 'ptc_fair_no') checked @endif>
                    <label class="form-check-label" for="exampleRadios2">
                        {{ trans('registration_entrance.입장번호') }}
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="keyword" id="exampleRadios3"
                           value="ptc_name" @if(request('keyword') == 'ptc_name') checked @endif>
                    <label class="form-check-label" for="exampleRadios3">
                        {{ trans('registration_entrance.이름') }}                        
                    </label>
                </div>
                <input class="form-control mr-sm-2 w-25 mx-2" type="search" name="keyword_values"
                       placeholder="{{ trans('registration_entrance.검색어를 입력해주세요') }} "
                       aria-label="Search"
                       value="@if(!empty(request('keyword_values'))){{request('keyword_values')}}@endif">
                <button class="btn btn-primary my-2 my-sm-0" type="submit">{{ trans('registration_entrance.검색') }}</button>
            </form>
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <div class="float-end">
                            <p>{{ trans('registration_entrance.검색결과') }} <span class="text-danger">{{$totalCount}}</span>{{ trans('registration_entrance.건') }}</p>
                        </div>
                        <table class="table table-centered table-nowrap text-center table-hover mb-0">
                            <thead>
                            <tr>
                                <th>{{ trans('registration_entrance.구분') }}</th>
                                <th>{{ trans('registration_entrance.입장번호') }}</th>
                                <th>{{ trans('registration_entrance.초대권여부') }}</th>
                                {{-- <th>{{ trans('registration_entrance.지역') }}</th> --}}
                                <th>{{ trans('registration_entrance.이름') }}</th>
                                <th>{{ trans('registration_entrance.참가형태') }}</th>
                                <th>{{ trans('registration_entrance.휴대폰번호') }}</th>
                                <th>{{ trans('registration_entrance.1:1 미팅여부') }}</th>
                                <th>{{ trans('registration_entrance.방문일') }}</th>
                                <th>{{ trans('registration_entrance.등록일') }}</th>
                                <th>{{ trans('registration_entrance.옵션') }}</th>
                            </tr>
                            </thead>
                            <tbody id="myTable">
                            @if($totalCount < 1)
                                <tr>
                                    <th colspan="11">{{ trans('registration_entrance.내역이 없습니다.') }}</th>
                                </tr>
                            @else
                                @foreach($data as $key)
                                    @php
                                        $buttonType = "";
                                         $regDateTime = $key->reg_datetime;
                                         if(empty($regDateTime))  {
                                             $regDateTime = "-";
                                             $buttonType = "go";
                                             if( \Auth::user()->fm_team == '대만관리자' ) {
                                                $button = "入場";
                                             } else {
                                                $button = "입장";
                                             }
                                             $class = "info";
                                         }else{
                                             $buttonType = "revisiting";
                                             if( \Auth::user()->fm_team == '대만관리자' ) {
                                                $button = "重新入場";
                                             } else {
                                             $button = "재입장";
                                             }
                                             $class = "primary";
                                         }
                                    @endphp
                                    <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->ptc_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->ptc_area]}}</h5>
                                        </td> --}}
                                        <td>
                                            <h5 class="font-14 my-1 fw-normal">{{$key->ptc_name}}</h5>
                                        </td>
                                        <td>
                                            <h5 class="font-14 my-1 fw-normal">{{$reservation[$key->ptc_reservation]}}</h5>
                                        </td>
                                        <td>
                                            <h5 class="font-14 my-1 fw-normal">{{$key->ptc_phone}}</h5>
                                        </td>
                                        <td>
                                            <h5 class="font-14 my-1 fw-normal">{{$meetingData[$key->ptc_idx]}}</h5>
                                        </td>
                                        <td style="word-wrap: break-word; white-space: normal;">
                                            <h5 class="font-14 my-1 fw-normal">{{$regDateTime}}</h5>
                                        </td>
                                        <td>
                                            <h5 class="font-14 my-1 fw-normal">{{$key->ptc_date}}</h5>
                                        </td>
                                        <td>
                                            <button onclick="getInfo('{{$buttonType}}', {{$key->ptc_idx}}, {{$key->set_idx}}, $(this))" class="font-14 my-1 fw-normal btn btn-{{$class}}">{{$button}}</button>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                @if($totalCount > 0)
                <div class="row">
                    <div class="col-sm-12 col-md-5">
                        <div class="dataTables_info">
                            Showing Participants {{ $data->firstItem() }} to {{ $data->lastItem() }} of {{ $data->total() }}
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-7">
                        {{ $data->appends(request()->except('_token'))->links() }}
                    </div>
                </div>
                @endif
            </div>
        </div>
        </div>
    </div>
    <div id="registration" class="row">
        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <h3 id="registration_header" class="my-3 text-white col-2 text-center py-2 rounded"></h3>
            <div class="card">
                <div class="card-body" id="registerFrm">
                    <form method="post" action="{{route('registration.entrance.entranceProcess')}}">
                        {{ csrf_field() }}
                        <input type="hidden" name="go_ptc_idx" id="go_ptc_idx" value="">
                        <input type="hidden" name="go_with_ptc_idx" id="go_with_ptc_idx" value="">
                        <input type="hidden" name="ptc_type" id="ptc_type" value="">
                        <input type="hidden" name="go_bundle_idx" id="go_bundle_idx" value="{{$bundleIdx}}">
                        <input type="hidden" name="go_location_area" id="go_location_area" value="">
                        <div>
                            <h5 class="bg-secondary text-white m-0 p-2 ">{{ trans('registration_entrance.기본정보') }}<span id="go_fair_no" class="bg-danger px-1"></span></h5>
                            <div class="row">
                                <div class="col-sm-6 d-flex ">
                                    <h5 class="col-4 p-2 text-center bg-light m-0 border-bottom d-flex align-items-center justify-content-center">
                                        {{ trans('registration_entrance.이름') }}
                                    </h5>
                                    <div class="col-8 p-2 m-0 border-bottom">
                                        <input id="go_name-input" name="go_ptc_name" type="text" readonly/>
                                        <label id="go_name" for="go_name-input"></label>
                                    </div>
                                </div>
                                <div class="col-sm-6 d-flex">
                                    <h5 class="col-4 p-2 text-center bg-light m-0 border-bottom d-flex align-items-center justify-content-center">
                                        {{ trans('registration_entrance.휴대폰번호') }}
                                    </h5>
                                    <div class="col-8 p-2 m-0 border-bottom">
                                        <input id="go_phone-input" name="go_ptc_phone" type="text" readonly/>
                                        <label id="go_phone" for="go_phone-input"></label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6 d-flex ">
                                    <h5 class="col-4 p-2 text-center bg-light m-0 border-bottom d-flex align-items-center justify-content-center">
                                        {{ trans('registration_entrance.관심분야') }}
                                    </h5>
                                    <div class="col-8 p-2 m-0 border-bottom">
                                        <input id="go_studytype-input" name="go_ptc_studytype" type="text" readonly/>
                                        <label id="go_studytype" for="go_studytype-input"></label>
                                    </div>
                                </div>
                            </div>
                            <h5 class="bg-secondary text-white m-0 p-2 ">{{ trans('registration_entrance.상태정보') }}</h5>
                            <div class="row">
                                <div class="col-sm-6 d-flex ">
                                    <h5 class="col-4 p-2 text-center bg-light m-0 border-bottom d-flex align-items-center justify-content-center">
                                        {{ trans('registration_entrance.상담/학교 등록') }}
                                    </h5>
                                    <div class="col-8 p-2 m-0 border-bottom">
                                        <input id="go_counsel-input" name="go_counsel" type="text"  readonly/>
                                        <label id="go_counsel" for="go_counsel-input"></label>
                                    </div>
                                </div>
                                <div class="col-sm-6 d-flex">
                                    <h5 class="col-4 p-2 text-center bg-light m-0 border-bottom d-flex align-items-center justify-content-center">
                                        {{ trans('registration_entrance.초대권여부') }}
                                    </h5>
                                    <div class="col-8 p-2 m-0 border-bottom" >
                                        <input id="go_invite-input" name="go_invite" type="text"  readonly/>
                                        <label id="go_invite" for="go_invite-input"></label>
                                    </div>
                                </div>
                            </div>
                            <h5 class="bg-secondary text-white m-0 p-2 ">{{ trans('registration_entrance.추가정보') }}</h5>
                            <div class="row m-0 p-0">
                                <h5 class="col-sm-2 col-xs-12 p-2  text-center bg-light m-0 border-bottom">
                                    {{ trans('registration_entrance.방문일') }}
                                </h5>
                                <div class="col-sm-10 col-xs-12  p-2 m-0 d-sm-flex text-danger border-bottom" id="go_location">
                                </div>
                            </div>


                            <input class="form-check-input" type="hidden" name="go_gender" id="female" value="F">
                            {{-- <div class=" row m-0 p-0">
                                <h5 class="col-sm-2 col-xs-12 p-2 text-center bg-light m-0 border-bottom">{{ trans('registration_entrance.성별') }}</h5>
                                <div class="col-sm-10 col-xs-12 p-2 m-0 d-flex border-bottom">
                                    <input class="form-check-input" type="hidden" name="go_gender" id="female" value="F">
                                    <div>
                                        <input class="form-check-input" type="radio" name="go_gender" id="male" value="M">
                                        <label class="form-check-label" for="male">{{ trans('registration_entrance.남성') }}</label>
                                    </div>
                                    <div class="mx-2 ">
                                        <input class="form-check-input" type="radio" name="go_gender" id="female" value="F" checked>
                                        <label class="form-check-label" for="female">{{ trans('registration_entrance.여성') }}</label>
                                    </div>
                                </div>
                            </div> --}}


                            <input class="form-check-input" type="hidden" name="go_age" id="setAge2" value="20to40">
                            {{-- <div class=" row m-0 p-0">
                                <h5 class="col-sm-2 col-xs-12 p-2 text-center bg-light m-0 border-bottom">{{ trans('registration_entrance.연령대') }}</h5>
                                <div class="col-sm-10 col-xs-12 p-2 m-0 d-flex border-bottom">
                                    <input class="form-check-input" type="hidden" name="go_age" id="setAge2" value="20to40">
                                    <span class="form-check">
                                        <input class="form-check-input" type="radio" name="go_age" id="setAge1" value="under20">
                                        <label class="form-check-label" for="setAge1">{{ trans('registration_entrance.20세 이하') }}</label>
                                    </span>
                                    <span class="form-check mx-2">
                                        <input class="form-check-input" type="radio" name="go_age" id="setAge2" value="20to40" checked>
                                        <label class="form-check-label" for="setAge2">{{ trans('registration_entrance.20~40세') }}</label>
                                    </span>
                                    <span class="form-check">
                                        <input class="form-check-input" type="radio" name="go_age" id="setAge3" value="over40">
                                        <label class="form-check-label" for="setAge3">{{ trans('registration_entrance.40세 이상') }}</label>
                                    </span>
                                </div>
                            </div> --}}
                            <div class="row m-0 p-0">
                                <h5 class="col-sm-2 col-xs-12 p-2 text-center bg-light m-0 border-bottom d-flex align-items-center justify-content-center">
                                    {{ trans('registration_entrance.14세 미만 동반') }}
                                </h5>
                                <div class="col-sm-10 col-xs-12 p-2 text-left border-bottom">
                                    <select class="custom-select col-6 m-0 border-bottom" id="go_together" name="go_together" style="width: 100px;" data-toggle="select2">
                                        <option value="0">없음</option>
                                        @for($i=1; $i<7; $i++)
                                            <option value="{{$i}}">{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                            <div class="row m-0 p-0">
                                <h5 class="col-sm-2 col-xs-12 p-2 text-center bg-light m-0 border-bottom d-flex align-items-center justify-content-center">
                                    {{ trans('registration_entrance.동반등록') }}
                                </h5>
                                <div class="col-sm-10 col-xs-12 p-2 text-left border-bottom" style="height:320px">
                                    <select class="custom-select col-6 m-0 border-bottom" id="select_ptc_idx" name="select_ptc_idx" style="width:100px;" data-toggle="select2"></select>
                                    <!-- 선택된 참가자 리스트 및 hidden input들이 추가될 영역 -->
                                    <div id="selectedList" class="mt-3"></div>
                                </div>
                            </div>
                        </div>
                        <div class="w-100 d-flex">
                            <button class="font-14 mx-auto my-1 justify-content-center fw-normal btn btn-info w-100" onclick="entranceSubmit(this.form); return false;">{{ trans('registration_entrance.입장') }}</button>
                        </div>
                        <div style="background-color: #f2f2f2; padding: 10px; font-weight: bold; color: #000; border-radius: 5px;">
                            * 가족이 함께 온 경우 모두 동반 등록해 주세요.<br>
                            * 사전신청을 하지 않은 경우 현장등록(QR)을 안내. 본인이 직접 신청할수 있게 함.<br>
                            * 동반이 만 14세 이하인 경우 개인정보를 받지 않으므로 신청자를 제외한 인원수로 체크. (만 14세는 생일이 지난 2011년생)<br>
                            * 부득이한 경우, 핸드폰이 없거나 등록을 거부하는 경우 상단 14세 미만 동반 인원수로 체크.
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- end row -->

@endsection

@section('script')
    <script>
        let fm_team = '{{Auth::user()->fm_team}}';
    </script>
    <script>
        let isSubmit = false;

        $(document).ready(function () {

            $("#registration").hide();
            $("#change").hide();

            $('#select_ptc_idx').select2({
                placeholder: '클릭 후 검색하여 선택',
                minimumInputLength: 2,
                ajax: {
                    url: '/registration/entrance/getTogetherList',
                    type: 'POST',
                    dataType: 'json',
                    data: function(params) {
                        return {
                            kw: params.term,
                            si: '{{ implode(',', $setIdx) }}'
                        };
                    },
                    processResults: function(data) {
                        // 핸드폰 번호에 대시(-) 추가 함수
                        function formatPhoneNumber(phone) {
                            if (!phone) return phone; // 값이 없으면 그대로 반환
                            const cleaned = phone.replace(/\D/g, ''); // 숫자만 남기기
                            if (cleaned.length === 10) {
                                return cleaned.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
                            } else if (cleaned.length === 11) {
                                return cleaned.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3');
                            }
                            return phone; // 다른 경우 원본 반환
                        }

                        // 서버에서 반환된 데이터를 Select2 형식으로 변환
                        return {
                            results: data.map(function(item) {
                                return {
                                    id: item.ptc_idx, // value 값
                                    text: `${item.ptc_name} (${formatPhoneNumber(item.ptc_phone)}) (입장번호: ${item.ptc_fair_no})`, // 핸드폰 번호에 대시 추가
                                    data: {
                                        name: item.ptc_name,
                                        phone: item.ptc_phone,
                                        fairno: item.ptc_fair_no
                                    }
                                };
                            })
                        };
                    },
                    cache: true // 결과 캐싱
                },
                templateResult: function(data) {
                    // 옵션 리스트의 표시 형식
                    if (!data.id) {
                        return data.text;
                    }
                    
                    // 검색어 하이라이트 처리
                    const searchTerm = $('.select2-search__field').val(); // 검색창의 입력값
                    if (searchTerm) {
                        const regex = new RegExp(`(${searchTerm})`, 'gi'); // 검색어와 매칭되는 부분 찾기
                        const highlightedText = data.text.replace(regex, '<mark>$1</mark>'); // 매칭된 부분 강조
                        return $(`<span>${highlightedText}</span>`);
                    }

                    return $(`<span>${data.text}</span>`);
                },
                language: {
                    inputTooShort: function(args) {
                        const term = args.input;
                        if (/^\d+$/.test(term) && term.length < 4) {
                            return '휴대폰뒷자리는 4자 이상 입력하세요.';
                        } else if (/[\u3131-\uD79D]/.test(term) && term.length < 2) {
                            return '이름은 2자 이상 입력하세요.';
                        }
                        return '휴대폰뒷자리는 4자, 이름은 2자 이상 입력하세요.';
                    },
                    noResults: function() {
                        const searchTerm = $('.select2-search__field').val();
                        if (
                            (/^\d+$/.test(searchTerm) && searchTerm.length >= 4) || 
                            (/[\u3131-\uD79D]/.test(searchTerm) && searchTerm.length >= 2)
                        ) {
                            return '검색 결과가 없습니다.';
                        }
                        return '휴대폰뒷자리는 4자, 이름은 2자 이상 입력하세요.';
                    },
                    searching: function() {
                        return '검색 중입니다...';
                    }
                },
            }).on('change', function(){

                var selectedData = $(this).select2('data');
                if (!selectedData || selectedData.length === 0) return;
                
                var selectedOption = $(this).select2('data')[0];
                var participantIdx = selectedOption.id;
                var original_ptc_idx = $('#go_ptc_idx').val();
                var original_with_ptc_idx = $('#go_with_ptc_idx').val();
                var original_phone = $('#go_phone-input').val();
                var selected_phone = selectedOption.data.phone;
                
                // 중복 선택 방지: 이미 리스트에 추가된 참가자라면 알림 후 종료
                if($('#selectedList').find('[data-participant-id="'+participantIdx+'"]').length > 0){
                    alert('이미 추가된 참가자입니다.');
                    // select2 초기화
                    $(this).val(null).trigger('change');
                    return;
                }

                // 본인 선택 방지: 본인을 추가하려고 한다면 알림 후 종료
                if(original_ptc_idx == participantIdx || original_phone == selected_phone){
                    alert('본인은 동반등록할 수 없습니다.');
                    // select2 초기화
                    $(this).val(null).trigger('change');
                    return;
                }

                if(original_with_ptc_idx && (original_ptc_idx != original_with_ptc_idx)){
                    alert('동반등록은 호스트만 가능합니다.');
                    // select2 초기화
                    $(this).val(null).trigger('change');
                    return;
                }

                // 데이터 속성에서 이름과 연락처 가져오기
                var name  = selectedOption.data.name;
                var phone = selectedOption.data.phone;
                var fairno = selectedOption.data.fairno;

                // 새 항목(row) 생성: data-participant-id 속성으로 추후 삭제 시 식별 가능
                var newItem = $('<div class="row align-items-left mb-2" data-participant-id="'+participantIdx+'"></div>');

                // hidden input 필드 생성 (동일한 name 속성 사용하여 배열로 전송)
                var hiddenInput = $('<input type="hidden" name="with_ptc_idx[]" value="'+ participantIdx +'">');

                // 새 항목에 숨겨진 input 필드를 포함 (이렇게 하면 폼 제출 시 자동으로 전송됨)
                newItem.append(hiddenInput);

                var appenddom = '<div class="col-6">'+ name + ' (' + phone.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3') + ') (입장번호: ' + fairno + ')';
                newItem.append(appenddom);
                
                // 삭제 버튼 생성 (예: col-4)
                var deleteBtn = $('<button type="button" class="btn btn-danger btn-sm">삭제</button>');
                // 삭제 버튼 클릭 시 해당 항목 제거 (숨겨진 input도 함께 제거됨)
                deleteBtn.on('click', function(){
                $(this).closest('.row').remove();
                });
                newItem.append($('<div class="col-6 text-end"></div>').append(deleteBtn));
                
                // 생성된 항목을 리스트 컨테이너에 추가
                $('#selectedList').append(newItem);

                // select2 사용 시, 선택 후 리셋
                $(this).val(null).trigger('change');
            });
        
        });

        // 중복 요청 방지
        function entranceSubmit(frm) {
            if (isSubmit == true) {
                return false;
            }
            $('#go_location_area').val($("input:radio[name='go_location']:checked").attr('data-id'));
            isSubmit = true;
            frm.submit();
        }

        function getInfo(type, ptc_idx, set_idx) {
            
            // 클릭할때 마다 selectedList 초기화를 먼저 실행
            document.getElementById("selectedList").innerHTML = "";

            var scroll_value = $('#scroll_value').val();
            if (scroll_value == 'con_hide') {
                $('#registration').toggle();
                var reg_offset = $('#registration_header').offset();
                $('html').animate({scrollTop : reg_offset.top}, 200);
                // $('#change').hide();

                if(type == "go")    {
                    $('#registration_header').addClass('bg-info');
                    if (fm_team == "대만관리자") {
                        $('#registration_header').html('入場');
                    } else {
                        $('#registration_header').html('입장');
                    }
                }else{
                    $('#registration_header').addClass('bg-primary');
                    if (fm_team == "대만관리자") {
                        $('#registration_header').html('重新入場');
                    } else {
                        $('#registration_header').html('재입장');
                    }
                }
                $('#scroll_value').val('con_show');
            }else{
                $('#registration').hide();
                var search_offset = $("input[name='keyword_values']").offset();
                $('html').animate({scrollTop : search_offset.top}, 200);
                // $('#change').toggle();

                $('#scroll_value').val('con_hide');
            }

            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                method: 'post',
                url: '/registration/entrance/info',
                dataType: 'json',
                data: {
                    type: type,
                    ptc_idx: ptc_idx,
                    set_idx: set_idx,
                },
                success: function (data) {
                    if(data.result == 'success')   {
                        var counsel = "";
                        var location = "";
                        var counselInfo = Array();
                        var locationInfo = Array();
                        var getInfoWith = Array();
                        counselInfo = data.counselInfo;
                        locationInfo = data.locationInfo;
                        getInfoWith = data.getInfoWith;
                        $('#go_ptc_idx').val(data.getInfo['ptc_idx']);
                        $('#go_with_ptc_idx').val(data.getInfo['with_ptc_idx']);
                        $('#go_name-input').val(data.getInfo['ptc_name']).hide();
                        $('#go_phone-input').val(data.getInfo['ptc_phone']).hide();
                        $('#go_studytype-input').val(data.getInfo['ptc_studytype']).hide();
                        $('#ptc_type').val(type);
                        $('#go_fair_no').html(data.getInfo['ptc_fair_no']);
                        $('#go_name').html(data.getInfo['ptc_name']);
                        if (fm_team == "대만관리자") {
                            var sms = (data.getInfo['ptc_sms_agreement'] == "Y") ? "允許收信" : "拒收存款";
                        } else {
                            var sms = (data.getInfo['ptc_sms_agreement'] == "Y") ? "수신허용" : "수신거부";
                        }
                        var onclickSms = "agreeSms('"+data.getInfo['ptc_sms_agreement']+"', '"+data.getInfo['ptc_phone']+"')";
                        $('#go_phone').html(data.getInfo['ptc_phone']
                            +'<span id="go_sms" class="btn btn-danger py-0 px-2 mx-2" '
                            + 'onclick="' + onclickSms + '">'
                            + sms
                            +'</span>');
                        $('#go_studytype').html(data.getInfo['ptc_studytype']);
                        if(counselInfo.length > 0)   {
                            for(var i=0; i<counselInfo.length; i++)   {
                                counsel += (i+1)+". " + counselInfo[i]['booth_title']+"<br>";
                            }
                        }else{
                            counsel += "-";
                        }
                        $('#go_counsel').html(counsel);
                        $('#go_counsel-input').hide();
                        $('#go_invite-input').hide();
                        $('#go_invite').html('X');

                        if(locationInfo.length > 0) {
                            for (var i = 0; i < locationInfo.length; i++) {
                                var radioCheck = "";
                                if(i==0)    {
                                    radioCheck = "checked";
                                }
                                location += "<div class='form-check col-xs-12 me-2 m-xs-0'>"
                                    + "<input class='form-check-input' type='radio' name='go_location' id='radio" + i + "' data-id='"+locationInfo[i]['location_area']+"'"
                                    + "value='" + locationInfo[i]['location_date'] + "'"
                                    + radioCheck + ">"
                                    + "<label class='form-check-label text-secondary' for='radio" + i + "'>" + locationInfo[i]['location_date'] + "<span class='text-danger'>(" + locationInfo[i]['location_title'] + ")</span></label>"
                                    + "</div>";
                            }
                        }
                        $('#go_location').html(location);

                        if(getInfoWith.length > 0) {
                            for (var i = 0; i < getInfoWith.length; i++) {
                                var participantIdx = getInfoWith[i]['ptc_idx'];
                                var name  = getInfoWith[i]['ptc_name'];
                                var phone = getInfoWith[i]['ptc_phone'];
                                var fairno = getInfoWith[i]['ptc_fair_no'];

                                // 새 항목(row) 생성: data-participant-id 속성으로 추후 삭제 시 식별 가능
                                var newItem = $('<div class="row align-items-left mb-2" data-participant-id="'+participantIdx+'"></div>');
                                
                                // 이름 표시 (예: col-4)
                                var appenddom = '<div class="col-6">'+ name + ' (' + phone.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3') + ') (입장번호: ' + fairno + ')';
                                if(getInfoWith[i]['ptc_idx'] == getInfoWith[i]['with_ptc_idx']) {
                                    appenddom += ' <span style="color: red; font-weight: bold;">[동반등록은 여기 호스트로]</span>';
                                }
                                newItem.append(appenddom);
                                
                                // 삭제 버튼 생성 (예: col-4)
                                var deleteBtn = $('<button type="button" class="btn btn-danger btn-sm">삭제</button>');
                                newItem.append($('<div class="col-6 text-end"></div>').append(deleteBtn));

                                // 삭제 버튼 클릭 시 삭제 성공 팝업 띄운 후 해당 항목 제거
                                deleteBtn.on('click', function(){
                                    var $row = $(this).closest('.row');
                                    $.ajax({
                                        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                                        method: 'post',
                                        url: '/registration/entrance/deleteTogether',
                                        dataType: 'json',
                                        data: { participantIdx: participantIdx }
                                    })
                                    .done(function(data) {
                                        alert('동반등록 정보를 삭제했습니다.');
                                        $row.remove(); // 성공 시 행 제거
                                    })
                                    .fail(function(data) {
                                        alert(data.message);
                                    });
                                });
                                
                                // 생성된 항목을 리스트 컨테이너에 추가
                                $('#selectedList').append(newItem);
                            }
                        }
                    }
                    else{
                        $('#registerFrm').html("<div>"+data.message+"</div>");
                    }
                }
            })
        }

        // function deleteTogether(participantIdx, callback) {
        //     $.ajax({
        //         headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        //         method: 'post',
        //         url: '/registration/entrance/deleteTogether',
        //         dataType: 'json',
        //         data: { participantIdx: participantIdx },
        //         success: function(data) {
        //             alert('동반등록 정보를 삭제했습니다.');
        //             if(typeof callback === 'function') {
        //                 callback(true); // 성공 시 true 전달
        //             }
        //         },
        //         error: function(data) {
        //             alert(data.message);
        //             if(typeof callback === 'function') {
        //                 callback(false); // 실패 시 false 전달
        //             }
        //         }
        //     });
        // }

        function agreeSms(ptc_sms_agreement, ptc_phone) {
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                method: 'post',
                url: '/registration/entrance/agreeSms',
                dataType: 'json',
                data: {
                    ptc_phone: ptc_phone,
                    ptc_sms_agreement: ptc_sms_agreement,
                },
                success: function (data) {
                    alert(data.message);
                    if (fm_team == "대만관리자") {
                        var sms = (data.changeAgree == "Y") ? "允許收信" : "拒收存款";
                    } else {
                        var sms = (data.changeAgree == "Y") ? "수신허용" : "수신거부";
                    }
                    var onclickSms = "agreeSms('"+data.changeAgree+"', '"+ptc_phone+"')";
                    $('#go_phone').html(ptc_phone
                        +'<span id="go_sms" class="btn btn-danger py-0 px-2 mx-2" '
                        + 'onclick="' + onclickSms + '">'
                        + sms
                        +'</span>');
                },
                error: function(data)   {
                    alert(data.message)
                }
            });
        }
    </script>
@endsection