@extends('common.layout')

@section('content')
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">{{ trans('registration_counsel.고객상담등록') }}</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->

        @if(!empty($boothname)) 
        <div class="alert alert-danger list-inline-item mb-3 p-1" role="alert">{{ $boothname }}</div>
        @endif

        <div class="row">
            <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
                <div class="card">
                    <div class="card-body">
                        <form onsubmit="return false;">
                            <input name="ptc_idx" id="registerRegPtcIdx" type="hidden" />
                            <input name="reg_idx" id="registerRegLogIdx" type="hidden" />
                            <input name="fair_counsel" id="registerCounselIdx" type="hidden" />
                            <input name="location_idx" id="registerLocationIdx" type="hidden" />
                            <input name="ptc_fair_no" class="form-control" type="text" placeholder="{{ trans('registration_counsel.입장번호') }}" >

                            <button class="btn btn-primary mt-2 py-2 w-100" onclick="getRegLoc();">{{ trans('registration_counsel.고객검색') }}</button>

                            <!-- S: 방문객 검색 결과 영역 -->
                            <div id="registerInfoArea" class="mt-3" style="display: none;">
                                <div class="row" id="insertCounselButtonArea1">
                                    <div class="col-12">
                                        <button class="btn btn-danger mt-2 py-2 w-100" onclick="insertCounselHistory();">{{ trans('registration_counsel.상담시작') }}</button>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="registerRegFairNo" class="form-label">{{ trans('registration_counsel.입장번호') }}</label>
                                            <input type="text" id="registerRegFairNo" class="form-control" readonly="" value="">
                                        </div>
                                        <div class="mb-3">
                                            <label for="registerStatus" class="form-label">{{ trans('registration_counsel.고객상태') }}</label>
                                            <input type="text" id="registerStatus" class="form-control" readonly="" value="">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="registerRegName" class="form-label">{{ trans('registration_counsel.이름') }}</label>
                                            <input type="text" id="registerRegName" class="form-control" readonly="" value="">
                                        </div>
                                        <div class="mb-3">
                                            <label for="registerRegPhone" class="form-label">{{ trans('registration_counsel.휴대폰번호') }}</label>
                                            <input type="text" id="registerRegPhone" class="form-control" readonly="" value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="registerCounselList" class="form-label">{{ trans('registration_counsel.상담부스') }}</label>
                                            <textarea class="form-control" style="font-color: black" id="registerCounselList" rows="12" placeholder="{{ trans('registration_counsel.상담내역이 없습니다.') }}" disabled></textarea>
                                        </div>
                                    </div><div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="registerMeetList" class="form-label">{{ trans('registration_counsel.메모') }}</label>
                                            <textarea name="counsel_memo" class="form-control" style="font-color: black" id="counselMemo" rows="12">희망국가/도시 : 
입학 희망시기 : 
기간(어학연수) : 
현재 나이/학년 : 
희망과정(또는 전공) : 
수속가능성(A,X만표기) : 
참고사항 : </textarea>
                                        </div>
                                    </div>
                                    {{-- <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="registerMeetList" class="form-label">{{ trans('registration_counsel.1:1 미팅') }}</label>
                                            <textarea class="form-control" style="font-color: black" id="registerMeetList" rows="5" placeholder="{{ trans('registration_counsel.미팅내역이 없습니다.') }}" disabled></textarea>
                                        </div>
                                    </div> --}}
                                </div>
                                <div class="row" id="insertCounselButtonArea2">
                                    <div class="col-12">
                                        <button class="btn btn-danger mt-2 py-2 w-100" onclick="insertCounselHistory();">{{ trans('registration_counsel.상담시작') }}</button>
                                    </div>
                                </div>
                            </div>
                            <!-- E: 방문객 검색 결과 영역 -->

                            <!-- S: 가등록 입력 영역 -->
                            <div id="insertSchoolArea" class="mt-3" style="display: none;">
                                <div class="row">
                                    <div class="col-12">
                                        <label for="tempRegPaymentMethod" class="form-label">{{ trans('registration_counsel.학교등록') }}</label>
                                        <div class="form-floating">
                                            <select name="counsel_pay_type" class="form-select" id="tempRegPaymentMethod" aria-label="Floating label select example">
                                                <option value="" selected>{{ trans('registration_counsel.가등록시 지불수단을 선택하여 주십시요.') }}</option>
                                                <option value={{ trans('registration_counsel.현금') }}>{{ trans('registration_counsel.현금') }}</option>
                                                <option value={{ trans('registration_counsel.카드') }}>{{ trans('registration_counsel.카드') }}</option>
                                            </select>
                                            <label for="tempRegPaymentMethod">Payment Method</label>
                                        </div>
                                        <button class="btn btn-success mt-2 py-2 w-100" onclick="updateCounselTempReg();">{{ trans('registration_counsel.상담완료 / 가등록') }}</button>
                                        <p class="text-danger mt-1">※{{ trans('registration_counsel.상담완료 버튼을 누르셔야 고객이 배정됩니다.') }}</p>
                                    </div>
                                </div>
                            </div>
                            <!-- E: 가등록 입력 영역 -->
                        </form>
                    </div> <!-- end card-body-->
                </div> <!-- end card-->
            </div> <!-- end col-->
        </div>
        <!-- end row -->
    </div>
@endsection

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

        // 참가자 검색 Ajax
        function getRegLoc(){
            if (isRun === false) {
                isRun = true;
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    method: 'post',
                    url: '/registration/counsel/info',
                    dataType: 'json',
                    data: $('form').serialize(),
                    success: function (data) {
                        // S: 참가자 기본정보 출력
                        $('#registerRegPtcIdx').val(data['participant']['ptc_idx']);
                        $('#registerRegLogIdx').val(data['participant']['reg_idx']);
                        $('#registerRegFairNo').val(data['participant']['ptc_fair_no']);
                        $('#registerRegName').val(data['participant']['ptc_name']);
                        $('#registerRegPhone').val(data['participant']['ptc_phone']);
                        $('#registerLocationIdx').val(data['participant']['location_idx']);
                        if (fm_team == "대만관리자") {
                            $('#registerStatus').val('入場完畢');
                        } else {
                            $('#registerStatus').val('입장완료');
                        }
                        $('#registerCounselList').val('');
                        $('#registerMeetList').val(data['participant']['meetList']);
                        // E: 참가자 기본정보 출력

                        // S: 상담내역이 있으면 리스트 출력
                        if (data['participant']['counsel'].length > 0) {
                            for (let i = 0; i < data['participant']['counsel'].length; i++) {
                                let counselText;

                                // S: 가등록 분기
                                if (data['participant']['counsel'][i]['counsel_temp_reg'] === 'Y') {
                                    counselText = (i+1) + '. ' + data['participant']['counsel'][i]['booth_title'] + ' (★)';
                                    $('#registerRegName').val($('#registerRegName').val() + ' (★)');
                                } else {
                                    counselText = (i+1) + '. ' + data['participant']['counsel'][i]['booth_title'];
                                }
                                // E: 가등록 분기

                                $('#registerCounselList').val($('#registerCounselList').val() + counselText + "\n");
                            }

                            $('#registerCounselList').val($('#registerCounselList').val() + data['withMemo'] + "\n");
                            
                        }
                        // E: 상담내역이 있으면 리스트 출력

                        // S: 수속절차중 이거나 디퍼인 경우 이름에 (★)표기
                        if(data['participant']['membmerIntraChk'] > 0){
                            $('#registerRegName').val($('#registerRegName').val() + ' (★)');
                        }
                        // E: 수속절차중 이거나 디퍼인 경우

                        // S: 수속 담당자가 있을 때
                        // if (!(data['participant']['checkinmanager'] === null)) {
                        //     $('#registerStatus').val('수속내역 있음 (담당EC : ' + data['participant']['checkinmanager'] + ')');
                        // }
                        // E: 수속 담당자가 있을 때

                        // S: 참가자 검색결과 영역 show
                        $('#registerInfoArea').show();
                        $('#insertCounselButtonArea1').show();
                        $('#insertCounselButtonArea2').show();
                        $('#insertSchoolArea').hide();
                        // E: 참가자 검색결과 영역 show

                        alert('필독!\n상담시작 전 상담시작 버튼을\n반드시 클릭해주세요!');
                    },
                    error: function (data) {
                        $('#registerInfoArea').hide();
                        $('#insertCounselButtonArea1').hide();
                        $('#insertCounselButtonArea2').hide();
                        $('#insertSchoolArea').hide();
                        alert(data['responseJSON']['message']);
                    },
                    complete: function () {
                        isRun = false;
                    },
                });
            }
        }

        // 상담내역 Insert Ajax
        function insertCounselHistory(){
            if (isRun === false) {
                isRun = true;
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    method: 'post',
                    url: '/registration/counsel/process',
                    dataType: 'json',
                    data: $('form').serialize(),
                    success: function (data) {
                        alert(data['message']);
                        $('#registerCounselIdx').val(data['fair_counsel']);
                        if (fm_team == "대만관리자") {
                            $('#registerCounselList').val($('#registerCounselList').val() + '開始商談. ' + data['booth_title'] + "\n");
                        } else {
                            $('#registerCounselList').val($('#registerCounselList').val() + '상담시작. ' + data['booth_title'] + "\n");
                        }
                        $('#insertCounselButtonArea1').hide();
                        $('#insertCounselButtonArea2').hide();
                        $('#insertSchoolArea').show();
                        $('#tempRegPaymentMethod').val(''); // 가등록 지불수단 초기화
                    },
                    error: function (data) {
                        alert(data['responseJSON']['message']);
                    },
                    complete : function () {
                        isRun = false;
                    },
                });
            }
        }

        // 상담완료/가등록 Update Ajax
        function updateCounselTempReg(){
            if ($('#registerCounselIdx').val() == ''){
                if (fm_team == "대만관리자") {
                    alert('請先登記諮詢.');
                } else {
                    alert('상담을 먼저 등록해주세요.');
                }
                return false;
            }

            let rcChk = false;
            if($('#tempRegPaymentMethod').val() == ''){
                var confirmMessage = '';
                if (fm_team == "대만관리자") {
                    confirmMessage = '未選擇臨時登記的支付手段。 確定要完成諮詢處理嗎?';
                } else {
                    confirmMessage = '가등록 지불수단을 선택하지 않았습니다. 상담완료 처리 하시겠습니까?';
                }

                if(confirm(confirmMessage)){
                    rcChk = true;
                }else{
                    $('#tempRegPaymentMethod').focus();
                }
            }else{
                rcChk = true;
            }
            
            if (isRun === false && rcChk) {
                isRun = true;
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    method: 'post',
                    url: '/registration/counsel/update',
                    dataType: 'json',
                    data: $('form').serialize(),
                    success: function (data) {
                        alert(data['message']);

                        if ($('#tempRegPaymentMethod').val() != '') {
                            $('#registerRegName').val($('#registerRegName').val() + ' (★)');
                        }

                        // 대기 메시지 표시
                        $('body').append('<div id="refreshNotice" style="position:fixed; bottom:10px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.7); color:white; padding:10px 20px; border-radius:5px;">잠시 후 새로고침됩니다...</div>');

                        setTimeout(function() {
                            // 스크롤을 최상단으로 이동한 후 새로고침
                            window.scrollTo(0, 0);
                            location.reload();
                        }, 2000);
                    },
                    error: function (data) {
                        alert(data['responseJSON']['message']);
                    },
                    complete : function () {
                        isRun = false;
                    },
                });
            }
        }
    </script>
@endsection