const cardCodes = [
    {cd: '3K', nm: '기업비씨'},
    {cd: '46', nm: '광주'},
    {cd: '71', nm: '롯데'},
    {cd: '30', nm: '산업'},
    {cd: '31', nm: '비씨'},
    {cd: '51', nm: '삼성'},
    {cd: '38', nm: '새마을'},
    {cd: '41', nm: '신한'},
    {cd: '62', nm: '신협'},
    {cd: '36', nm: '씨티'},
    {cd: '33', nm: '우리BC'},
    {cd: 'W1', nm: '우리'},
    {cd: '37', nm: '우체국'},
    {cd: '39', nm: '저축'},
    {cd: '35', nm: '전북'},
    {cd: '42', nm: '제주'},
    {cd: '15', nm: '카카오뱅크'},
    {cd: '3A', nm: '케이뱅크'},
    {cd: '24', nm: '토스뱅크'},
    {cd: '21', nm: '하나'},
    {cd: '61', nm: '현대'},
    {cd: '11', nm: '국민'},
    {cd: '91', nm: '농협'},
    {cd: '34', nm: '수협'}
];

const bankCodes = [
    {cd: '39', nm: '경남'},
    {cd: '34', nm: '광주'},
    {cd: '12', nm: '단위농협'},
    {cd: '32', nm: '부산'},
    {cd: '45', nm: '새마을'},
    {cd: '64', nm: '산림'},
    {cd: '88', nm: '신한'},
    {cd: '48', nm: '신협'},
    {cd: '27', nm: '씨티'},
    {cd: '20', nm: '우리'},
    {cd: '71', nm: '우체국'},
    {cd: '50', nm: '저축'},
    {cd: '37', nm: '전북'},
    {cd: '35', nm: '제주'},
    {cd: '90', nm: '카카오'},
    {cd: '89', nm: '케이'},
    {cd: '92', nm: '토스'},
    {cd: '81', nm: '하나'},
    {cd: '54', nm: '-'},
    {cd: '03', nm: '기업'},
    {cd: '06', nm: '국민'},
    {cd: '31', nm: '대구'},
    {cd: '02', nm: '산업'},
    {cd: '11', nm: '농협'},
    {cd: '23', nm: 'SC제일'},
    {cd: '07', nm: '수협'}
];

let card_mileage_rate = '0';
let account_mileage_rate = '0';

let customerKey = ''; // 고객을 식별할 수 있는 키

let cardCnt; // 등록된 카드 수
let accCnt; // 등록된 계좌 수
let gcpayAuthYn = false;
let oldGcpayAuthYn = false;

let gcTokenYn = false;


// 브랜드 페이 초기화
/*
let brandpay = BrandPay(gcPayClientKey, customerKey, {
    redirectUrl: 'http://loc.allfree.kr:18310/sopmal/ordr/selectGcpayToken', //window.location.origin + '/sopmal/ordr/selectGcpayToken',
    // UI 커스터마이징 옵션 설정 (optional)
    ui: {
        highlightColor: '#26C2E3',
        buttonStyle: 'full',
        labels: {
            oneTouchPay: '지씨페이',
        },
    },
});
*/
$(document).ready(function() {
    // 카드 추가 버튼 클릭
    $(document).on('click', '#gcpay_card_add', function() {
        brandpay.addPaymentMethod('카드')
            .then(function (methods) {
                gcpayAuthYn = true;
                set_gcpay_method(methods, false);
            })
            .catch(function (error) {
                if (error.code === 'USER_CANCEL') { // 사용자가 결제창을 닫은 경우 에러 처리
                    if ('sopmal_m' === $('#deviceType').val()) {
                        fn_call_alert_modal('GC PAY 카드 간편결제가 취소되었습니다.');
                    } else {
                        alert('GC PAY 카드 간편결제가 취소되었습니다.');
                    }

                    //as_is는 alert 대신 get_gcpay_methods(); 옴
                } else {
                    console.log(error);
                }
            })
    });

    // 계좌 추가 버튼 클릭
    $(document).on('click', '#gcpay_account_add', function() {
        brandpay
            .addPaymentMethod('계좌')
            .then(function (methods) {
                gcpayAuthYn = true;
                set_gcpay_method(methods, false);
            })
            .catch(function (error) {
                if (error.code === 'USER_CANCEL') {
                    if ('sopmal_m' === $('#deviceType').val()) {
                        fn_call_alert_modal('GC PAY 계좌 간편결제가 취소되었습니다.');
                    } else {
                        alert('GC PAY 계좌 간편결제가 취소되었습니다.');
                    }

                    //as_is는 alert 대신 get_gcpay_methods(); 옴
                } else {
                    console.log(error);
                }
            })
    });

    // 이전/다음 버튼 클릭
    $(document).on('click', '.slick-arrow', function() {
        const div = $(this).closest('.slideW');
        const classs = $(div).attr('class');

        const isCard = classs.includes('card');

        if (isCard) {
            const wrap = $(this).closest('.pgContent').find('.selectWrap');

            $(wrap).find('.card-installment-plan option:first').prop('selected', true);
            $(wrap).find('.use-card-point').prop('checked', false);
        }

        const isBank = classs.includes('bank');

        if (isBank) {
            const wrap = $(this).closest('.pgContent').find('.selectWrap');

            $(wrap).find('#gc-pay-bank-cash-receipt').prop('checked', true);
            $(wrap).find('#gc-pay-bank-cash-receipt').trigger('click');
        }
    });

    // 설정 버튼 클릭
    $('#gcpay_set').bind('click', function () {
        if (!customerKey) {
            if ('sopmal_m' === $('#deviceType').val()) {
                fn_call_alert_modal('회원가입 후 사용하실 수 있습니다.');
            } else {
                alert('회원가입 후 사용하실 수 있습니다.');
            }
        } else {
            brandpay.openSettings().catch(function (error) {
                if (error.code === 'USER_CANCEL') {
                    // 사용자가 결제창을 닫은 경우 에러 처리
                    console.log(error.code);

                    get_gcpay_methods(gcTokenYn);
                } else {
                    console.log('openSettings error');
                }
            });
        }
    });
});

/*
redirectUrl 은 토스 개발자센터 사이트에 같은 값이 등록되어 있어야 함.
토스쪽에서 액션이 발생할때마다 redirectUrl을 호출하는데 토큰을 발생시켜서 인증하는 기능임.
selectGcpayToken 에서 발급받은 토큰을 session에 넣음.
결제방식이나 인증을 해야할때 session에 셋팅된 토큰값을 사용함.
get_gcpay_methods()의 brandpay.getPaymentMethods() 시에 토큰발급됨 (처음 호출되는 sdk)
 */

// 브랜드 페이 초기화
function initBrandPay(mbrInnb, tokenYn) {
    customerKey = mbrInnb;
    gcTokenYn = tokenYn;

    brandpay = BrandPay(gcPayClientKey, customerKey, {
        redirectUrl: window.location.origin + '/sopmal/ordr/selectGcpayToken',

        ui: {
            highlightColor: '#26C2E3',
            buttonStyle: 'full',
            labels: {
                oneTouchPay: '지씨페이',
            },
        },
    });

    get_gcpay_methods(true);
}

// 슬라이딩 초기화
function set_slick(isInit) {
    if (!isInit) {
        $('.cardSlideW').slick('slickRemove', null, null, true);
        $('.slideDep').slick('slickRemove', null, null, true);
        $('.bankSlideW').slick('slickRemove', null, null, true);
    }

    $('.bankSlideW').not('.slick-initialized').slick({
        initialSlide: 0, //처음보여줄 슬라이드 번호
        slidesToShow: 1, //한 화면에 보여줄 아이템수
        slidesToScroll: 1, // 한번에 슬라이드 시킬 아이템 개수
        dots: false,
        arrows: true,
        autoplay: false,
        infinite: false,
        centerMode: true,
        variableWidth: true,
        focusOnSelect: true,
        speed: 300
    });

    $('.cardSlideW').not('.slick-initialized').slick({
        initialSlide: 0, // 처음보여줄 슬라이드 번호
        slidesToShow: 1, // 한 화면에 보여줄 아이템수
        slidesToScroll: 1, // 한번에 슬라이드 시킬 아이템 개수
        dots: false,
        arrows: true,
        autoplay: false,
        infinite: false,
        centerMode: true,
        variableWidth: true,
        focusOnSelect: true,
        speed: 300,
        asNavFor: '.slideDep'
    });

    $('.slideDep').not('.slick-initialized').slick({
        initialSlide: 0, // 처음보여줄 슬라이드 번호
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false,
        arrows: false,
        autoplay: false,
        infinite: false,
        centerMode: true,
        focusOnSelect: true,
        fade: true,
        speed: 300,
        adaptiveHeight: true,
        draggable: false,
        asNavFor: '.cardSlideW'
    });
}

// 결제정보 조회 (인증포함)
function get_payment_method(first_check) {
    $.ajax({
        type: 'post',
        contentType: 'application/json',
        dataType: 'json',
        url: '/sopmal/ordr/selectGcpayMethod',
        success: function (data) {
            if (data.resBody != null) {
                const result = JSON.parse(data.resBody.result);

                if (result.response.code) { // 에러 코드 있을 경우 처리
                    console.log(result.response.message);
                    display_default_methods();   // 등록 정보 가져오기 못할 경우 기본 Display
                } else {

                    gcpayAuthYn = result.response.isIdentified; // 본인 확인 완료 여부 (브랜드페이 가입여부)

                    if (first_check == true)
                        oldGcpayAuthYn = gcpayAuthYn;  // 페이지 로딩 후 처음 호출시 초기 값 설정

                    if (gcpayAuthYn) { // 본인 확인 했을 경우 결제 수단 Display 호출
                        set_gcpay_method(result.response);
                        return;
                    } else {
                        console.log('NO AUTH');
                        display_default_methods();   // 등록 정보 가져오기 못할 경우 기본 Display
                    }
                }
            }
        },
        error: function (data) {
            console.log(data);
            display_default_methods();   // 등록 정보 가져오기 못할 경우 기본 Display
        }
    });
}


// 무이자할부, 포인트 등 프로모션 정보 조회
function get_promotion_data() {
    $.ajax({
        type: 'post',
        contentType: 'application/json',
        dataType: 'json',
        url: '/sopmal/ordr/selectGcpayCardPromtns',
        success: function (data) {
            if (data.resBody != null) {
                const result = JSON.parse(data.resBody.result);
                get_promotion_html(result.response);
            }
        },
        error: function (data) {
            console.log(data);
        }
    });
}

// 무이자할부, 포인트 등 프로모션 정보  세팅
function get_promotion_html(data){
    if (fn_is_empty(data)) {
        return false;
    }

    const div = $('#gcpay-cardInfo-pop');
    const tbody = $(div).find('tbody');
    const cards = data.interestFreeCards;

    let freecard_html= '';

    for (let i = 0; i < cards.length; i++) {
        const card = cards[i];

        freecard_html += '<tr>';
        freecard_html += '  <td>' + get_card_cmpny_nm(card.companyCode) + '</td>';
        freecard_html += '  <td><span class="comma">' + card.minimumPaymentAmount.toLocaleString() + '원</span></td>';
        freecard_html += '  <td>' + card.installmentFreeMonths + '</td>';
        freecard_html += '</tr>';
    }

    $(tbody).empty().append(freecard_html);
}

// 간편결제 카드, 계좌 추가 버튼 Dislay
function gcpay_add_info() {
    let card_html;
    let card_msg = '간편결제 카드를 등록하시고 간편한 결제를 경험해 보세요.</span></p>';

    if (card_mileage_rate > 0) {
        card_msg = '간편결제 카드를 등록하시고 결제하면<br/> <span class="po">결제금액의 ' + card_mileage_rate + '% <br>마일리지 추가 적립 혜택을 드려요.</span></p>';
        $('#card_rate').text('GC PAY 카드 간편 결제로 결제시 통합 마일리지 ' + card_mileage_rate + '% 추가 적립');
    }

    let acc_msg = '간편결제 계좌 등록하시고 간편한 결제를 경험해 보세요.</span></p>';

    if (account_mileage_rate > 0) {
        acc_msg = '간편결제 계좌 등록하고 결제하면<br/> <span class="po">결제금액의 ' + account_mileage_rate + '% <br>마일리지 추가 적립 혜택을 드려요.</span></p>';
        $('#account_rate').text('GC PAY 계좌 간편 결제로 결제시 통합 마일리지 ' + account_mileage_rate + '% 추가 적립');
    }

    let card_div_nm = 'id="gcpay_card_add"';
    let acc_div_nm = 'id="gcpay_account_add"';
    let add_slide = '#';

    if (!customerKey) {
        const member_button = ' <a href="/sopmal/mbr/selectJoinGuidance">회원가입하러 가기</a>';
        card_msg = '회원가입 후 ' + card_msg + member_button;
        acc_msg = '회원가입 후 ' + acc_msg + member_button;
        card_div_nm = '';
        acc_div_nm = '';

        if ('sopmal_m' === $('#deviceType').val()) {
            add_slide = 'javascript:fn_call_alert_modal(\'회원가입 후 사용하실 수 있습니다\');'
        } else {
            add_slide = 'javascript:alert(\'회원가입 후 사용하실 수 있습니다\');'
        }
    }

    if (cardCnt === 0 || !cardCnt) {
        card_html = '<div><div class="boxW ca_point">' + '<div class="contW"><p class="txt">' + card_msg + '</div></div></div>';

        $('.cardSlideW').slick('slickAdd', card_html);
        $('.slideDep').slick('slickAdd', '<div class="no_content"></div>');
    }

    card_html = '<div><div class="boxW ca_new"' + card_div_nm + '"><a href="' + add_slide + '"><i class="ico"><svg viewBox="0 0 512 512" xml:space="preserve">' +
        '<path d="M256,0C114.833,0,0,114.833,0,256s114.833,256,256,256s256-114.853,256-256S397.167,0,256,0z M256,472.341' +
        'c-119.275,0-216.341-97.046-216.341-216.341S136.725,39.659,256,39.659S472.341,136.705,472.341,256S375.295,472.341,256,472.341z"/>' +
        '<path d="M355.148,234.386H275.83v-79.318c0-10.946-8.864-19.83-19.83-19.83s-19.83,8.884-19.83,19.83v79.318h-79.318' +
        'c-10.966,0-19.83,8.884-19.83,19.83s8.864,19.83,19.83,19.83h79.318v79.318c0,10.946,8.864,19.83,19.83,19.83' +
        's19.83-8.884,19.83-19.83v-79.318h79.318c10.966,0,19.83-8.884,19.83-19.83S366.114,234.386,355.148,234.386z"/>' +
        '</svg></i><span class="txt">새로운 카드 등록하기</span></a></div></div>';

    $('.cardSlideW').slick('slickAdd', card_html);

    $('.slideDep').slick('slickAdd', '<div class="no_content"></div>');

    if (accCnt === 0 || !accCnt) {
        $('.bankSlideW').slick('slickAdd', '<div><div class="boxW ca_point"><div class="contW"><p class="txt">' + acc_msg + '</div></div></div>');
    }

    const account_html = '<div><div class="boxW ca_new"' + acc_div_nm + '><a href="' + add_slide + '"><i class="ico">' +
        '<svg viewBox="0 0 512 512" xml:space="preserve">' +
        '<path d="M256,0C114.833,0,0,114.833,0,256s114.833,256,256,256s256-114.853,256-256S397.167,0,256,0z M256,472.341' +
        'c-119.275,0-216.341-97.046-216.341-216.341S136.725,39.659,256,39.659S472.341,136.705,472.341,256S375.295,472.341,256,472.341z"/>' +
        '<path d="M355.148,234.386H275.83v-79.318c0-10.946-8.864-19.83-19.83-19.83s-19.83,8.884-19.83,19.83v79.318h-79.318' +
        'c-10.966,0-19.83,8.884-19.83,19.83s8.864,19.83,19.83,19.83h79.318v79.318c0,10.946,8.864,19.83,19.83,19.83' +
        's19.83-8.884,19.83-19.83v-79.318h79.318c10.966,0,19.83-8.884,19.83-19.83S366.114,234.386,355.148,234.386z"/>' +
        '</svg></i><span class="txt">새로운 계좌 등록하기</span></a></div></div>';

    $('.bankSlideW').slick('slickAdd', account_html);
}

// 등록된 카드 정보 가져오기
function get_gcpay_methods(first_check){
    if (fn_is_empty(customerKey)) {
        return false;
    }

    if(!gcTokenYn && first_check){
        brandpay
            .getPaymentMethods()
            .then(function (methods) {
                set_gcpay_method(methods);
            })
            .catch(function (error) {
                console.log('get_gcpay_methods error : ',error);

                display_default_methods();   // 등록 정보 가져오기 못할 경우 기본 Display
            });
    }else{
        get_payment_method(first_check);
    }
}

// 등록된 카드 정보로  Display
function set_gcpay_method(methods){

    //다시 정보 세팅될 경우 기존 할부개월수 niceSelect 정보 삭제
    if($('#cardMonth').children().length > 0){
        $('#cardMonth').children().remove();
    }

    set_slick(false); // slick 슬라이딩 init

    const oldCardCnt = cardCnt;
    const oldAccCnt = accCnt;
    cardCnt = 0;
    accCnt = 0;

    const cards = methods['cards']; // 등록된 카드 정보
    cards.forEach(function(card, index) {
        var promIdx = 0;
        const dsplyCardNumber = card.cardNumber.substring(0, 4) + ' ' + card.cardNumber.substring(4, 8) + ' ' + card.cardNumber.substring(8, 12) + ' ' + card.cardNumber.substring(12, 16); // 노출 하기 위한 카드 번호
        const cardCss = get_card_css(get_card_cmpny_nm(card.acquirerCode));

        let isPromotion = false; // 무이자 할부 사용 여부
        let isPoint = false; // 포인트 사용 여부

        let cardHtml = '';
        let optionHtml = ''; // 포인트 사용 및 무이자 할부 html 초기화

        const date = new Date();
        const today = date.getFullYear() + '-' + ((date.getMonth() + 1) < 9 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1)) + '-' + ((date.getDate()) < 9 ? '0' + (date.getDate()) : (date.getDate()));

        const rlSetleAmt = $('#rlSetleAmt').val();

        if ('ENABLED' === card.status) {
            const promotions = card['promotions']; // 프로모션

            if (!fn_is_empty(promotions)) {
                promotions.forEach(function (promotion) {
                    const type = promotion.type;

                    if ('CARD_POINT' === type) { // 카드 포인트 할인
                        const cardPoint = promotion['cardPoint'];

                        if (!fn_is_empty(cardPoint)) {
                            // if (cardPoint.issuerCode === card.issuerCode) {                       //해당 카드의 프로모션만 제공하여 비교X 2025.09.09 토스답변
                                if (cardPoint.dueDate >= today) {
                                    optionHtml += '<li>';
                                    optionHtml += '    <label class="b-checkbox checkbox">';
                                    optionHtml += '        <input type="checkbox" id="use-card-poin' + index + '" class="use-card-point">';
                                    optionHtml += '            <span class="check"></span>';
                                    optionHtml += '            <span class="control-label">' + card.cardName + '카드 포인트 사용</span>';
                                    optionHtml += '    </label>';
                                    optionHtml += '</li>';

                                    isPoint = true;
                                }
                            // }
                        }
                    }

                    if ('CARD_INTEREST_FREE' === type && promIdx == 0) { // 카드 포인트 할인
                        promIdx++;
                        const interestFreeCards = promotion['cardInterestFree'];

                        if (!fn_is_empty(interestFreeCards)) {
                            // if (interestFreeCards.issuerCode === card.issuerCode) {                      //해당 카드의 프로모션만 제공하여 비교X 2025.09.09 토스답변
                                if (diff_date(interestFreeCards.dueDate, today) <= 0) {
                                    if (card.ownerType === '개인' && card.cardType === '신용') {
                                        optionHtml += get_free_month_html(index, interestFreeCards.installmentFreeMonths, interestFreeCards.minimumPaymentAmount, rlSetleAmt, card.cardType);
                                    } else {
                                        if (card.ownerType === '법인') {
                                            optionHtml += get_free_month_html(index, interestFreeCards.installmentFreeMonths, 1, 2, card.cardType);
                                        } else {
                                            optionHtml += get_free_month_html(index, interestFreeCards.installmentFreeMonths, 2, 1, card.cardType);
                                        }
                                    }
                                    isPromotion = true;
                                }
                            // }
                        }
                    }
                });
            }

            if (isPromotion === false) { // 프로모션 없을 경우
                optionHtml += get_free_month_html(index, null, 2, 1, card.cardType);
            }

            cardHtml += '<div class="gcpay_cards">';
            cardHtml += '    <div class="boxW ca_code_' + cardCss + '">';
            cardHtml += '        <span class="card_logo"></span>';
            cardHtml += '        <div class="detaW">';
            cardHtml += '            <span class="txt">' + card.cardName + '</span>';
            cardHtml += '            <strong class="number">' + dsplyCardNumber + '</strong>';
            cardHtml += '        </div>';
            cardHtml += '        <input type="hidden" id="gcRegisteredAt' + index + '" value="' + card.registeredAt + '">';
            cardHtml += '        <input type="hidden" id="gcCardId' + index + '" value="' + card.id + '">';
            cardHtml += '        <input type="hidden" id="gcCardCompay' + index + '" value="' + card.issuerCode + '">';
            cardHtml += '        <input type="hidden" id="gcCardNum' + index + '" value="' + card.cardNumber + '">';
            cardHtml += '        <input type="hidden" id="gcCardAlias' + index + '" value="' + card.alias + '">';
            cardHtml += '        <input type="hidden" id="gcCompanyCode' + index + '" value="' + card.issuerCode + '">';
            cardHtml += '        <input type="hidden" id="gcStatus' + index + '" value="' + card.status + '">';
            cardHtml += '        <input type="hidden" id="gcCardType' + index + '" value="' + card.cardType + '">';
            cardHtml += '        <input type="hidden" id="gcCardOwnerType' + index + '" value="' + card.ownerType + '">';
            cardHtml += '    </div>';
            cardHtml += '</div>';
        } else { // 사용불가 카드
            cardHtml += '<div>';
            cardHtml += '    <div class="boxW ca_code_' + cardCss + ' none">';
            cardHtml += '        <div class="noneTxt">사용 불가능한 카드입니다.</div>';
            cardHtml += '        <span class="card_logo"></span>';
            cardHtml += '        <div class="detaW">';
            cardHtml += '            <span class="txt">' + card.cardName + '</span>';
            cardHtml += '            <strong class="number">' + dsplyCardNumber + '</strong>';
            cardHtml += '            <input type="hidden" id="gcCardId' + index + '" value="none">';
            cardHtml += '        </div>';
            cardHtml += '    </div>';
            cardHtml += '</div>';
        }

        if (!isPoint) { // 포인트 사용 정보 없을 경우
            optionHtml = '<li></li>' + optionHtml;
        }

        optionHtml = '<div><ul style="display: flex; justify-content: space-between;">' + optionHtml + '</ul></div>';

        $('.cardSlideW').slick('slickAdd', cardHtml); // 카드 슬라인딩 추가
        // $('.slideDep').slick('slickAdd', optionHtml); // 카드 행사 ( 포인트 사용, 무이자 할부 ) 슬라이딩 추가
        $("#cardMonth").append(optionHtml);
        // $('[name="instl-month"]').each(function () {
        //   $(this).niceSelect();
        // })

        $('[name="instl-month"]').each(function (idx) {

            if(idx === 0){
                $(this).niceSelect();
            }
            else{
                $(this).css('display', 'none');
            }

        })
        cardCnt++; // 카드 등록 수 추가
    });

    const accounts = methods['accounts']; // 등록된 계좌 정보

    if (!fn_is_empty(accounts)) {
        accounts.forEach(function(account, index) {
            let accountHtml = '';

            const bankCss = get_bank_css(get_bank_nm(account.bankCode)); // css 계좌 코드 가져오기

            if ('ENABLED' === account.status) {
                accountHtml += '<div class="gcpay_accounts">';
                accountHtml += '    <div class="boxW ba_code_' + bankCss + '">';
                accountHtml += '        <span class="card_logo"></span>';
                accountHtml += '        <div class="detaW">';
                accountHtml += '            <span class="txt">' + account.accountName + '</span>';
                accountHtml += '            <strong class="number">' + account.accountNumber + '</strong>';
                accountHtml += '        </div>';
                accountHtml += '    </div>';
                accountHtml += '    <input type="hidden" id="gcRegisteredAt' + index + '" value="' + account.registeredAt + '">';
                accountHtml += '    <input type="hidden" id="gcAccId' + index + '" value="' + account.id + '">';
                accountHtml += '    <input type="hidden" id="gcAcoNm' + index + '" value="' + account.accountName + '">';
                accountHtml += '    <input type="hidden" id="gcAccNum' + index + '" value="' + account.accountNumber + '">';
                accountHtml += '    <input type="hidden" id="gcAccAlias' + index + '" value="' + account.alias + '">';
                accountHtml += '    <input type="hidden" id="gcBank' + index + '" value="' + account.bank + '">';
                accountHtml += '    <input type="hidden" id="gcBankCode' + index + '" value="' + account.bankCode + '">';
                accountHtml += '    <input type="hidden" id="gcStatus' + index + '" value="' + account.status + '"></div>';
                accountHtml += '</div>';
            } else {
                accountHtml += '<div class="gcpay_accounts">';
                accountHtml += '    <div class="boxW ba_code_' + bankCss + ' none">';
                accountHtml += '    <div class="noneTxt">사용 불가능한 계좌입니다.</div>';
                accountHtml += '    <span class="card_logo"></span>';
                accountHtml += '    <div class="detaW">';
                accountHtml += '        <span class="txt">' + account.accountName + '</span>';
                accountHtml += '        <strong class="number">' + account.accountNumber + '</strong>';
                accountHtml += '        <input type="hidden" id="gcAccId' + index + '" value="none"></div></div>';
                accountHtml += '    </div>';
                accountHtml += '</div>';

                $('.selectWrap').hide();
            }

            $('.bankSlideW').slick("slickAdd", accountHtml); // 계좌 슬라이딩 추가

            accCnt++; // 계좌 등록 수 추가
        });
    }

    //TODO : 최초등록일을 가져와서 쿠폰을 발급해야 함
    // ( 기존 결제 수단 갯수와 받아온 결제 수단 갯수가 다를 경우 & 처음 로딩이 아닐 경우(==>변수값없이 선언만 되어서 undefined값으로 처음인지 확인) )
    // or ( 기존 본인 확인 완료 여부 == false && 현재 가져온 본인 확인 완료 여부 == true )
    if((( oldCardCnt !== cardCnt || oldAccCnt !== accCnt ) && oldCardCnt!==undefined  && oldAccCnt!==undefined )
            || ( gcpayAuthYn !== oldGcpayAuthYn && oldGcpayAuthYn ===false )) {
        // 갱신 결과 쿠폰이 발급되었으면 안내
        console.log('coupon 발급');

        //토스 response에서 카드수 추가
        methods.oldCard = oldCardCnt;
        methods.newCard = cardCnt;
        methods.oldAcnt = oldAccCnt;
        methods.newAcnt = accCnt;
        methods.mbrInnb = customerKey;

        let data = {
            oldCard: oldCardCnt,
            newCard: cardCnt,
            oldAcnt: oldAccCnt,
            newAcnt: accCnt,
            mbrInnb: customerKey
        };

        set_gcpay_info(data); // 간편 결제 정보 Hub저장
    }

    gcpay_add_info(); // 결제 수단 추가 버튼 노출

    oldGcpayAuthYn = gcpayAuthYn;
}

// 무이자 할부 개월수 가져오기
function get_free_month_html(index, installmentFreeMonths, p_amount, t_price, cardType) {
    let option_html = '';
    let option_list = '';
    let month_disabled = '';

    if (cardType === '신용') {
        if (Number(p_amount) <= Number(t_price)) {
            if (installmentFreeMonths) {
                for (let i = 2; i <= 12; i++) {
                    if (installmentFreeMonths.indexOf(parseInt(i)) !== -1) {
                        option_list += '<option value="' + i + '">' + i + '개월 무이자</option>';
                    } else {
                        option_list += '<option value="' + i + '">' + i + '개월</option>';
                    }
                }
            }

            if (option_list === '') {
                for (let i = 2; i <= 12; i++) {
                    option_list += '<option value="' + i + '">' + i + '개월</option>';
                }
            }

            if (option_list !== '') {
                month_disabled = '';
            }
        } else {
            month_disabled = 'disabled';
        }
    } else {
        month_disabled = 'disabled';
    }

    option_html += '<li>';
    option_html += '    <div class="select-box">';
    option_html += '        <select name="instl-month" id="instl-month-' + index + '" ' + month_disabled + ' class="card-installment-plan">';
    option_html += '            <option value="0">일시불&emsp;&emsp;</option>';
    option_html += option_list;
    option_html += '        </select>';
    option_html += '    </div>';
    option_html += '</li>';

    return option_html;
}


// TODO : 간편 결제 정보 Hub 저장 (코드진행중)
function set_gcpay_info(data){

    $.ajax({
        type: 'post',
        contentType: 'application/json',
        data : JSON.stringify(data),
        dataType: 'json',
        url: '/sopmal/ordr/selectGcpayInfo',
        success: function (data) {
            let resBody = data.resBody;
            let parseJsonResbody = JSON.parse(resBody.result);

            if (!fn_is_empty(resBody)) {
                if (parseJsonResbody.firstCk === 'Y' && parseJsonResbody.couponAt === 'Y' ) {
                    var tmp = confirm('GC PAY 이벤트 쿠폰 발행되었습니다.\n쿠폰 적용하여 결제하시려면 현재 페이지를 새로고침 하셔야 합니다.\n새로고침 하시겠습니까?');
                    if ( tmp ) {
                        location.reload();
                    }
                }
            }
        }
        , error: function (data) {
            console.log('error');
            console.log("에러 메세지 : ", data);
        }
    });
}

// 결제 수단 기본 레이아웃 ( 안내 슬라이딩 , 등록 슬라이딩 ) Display
function display_default_methods() {
    set_slick(false);

    gcpay_add_info();
}

/* 카드사 코드명 조회 */
function get_card_cmpny_nm(cd) {
    return cardCodes.filter(() => true).find(o => o.cd === cd).nm;
}

/* 은행 코드명 조회 */
function get_bank_nm(cd) {
    return bankCodes.filter(() => true).find(o => o.cd === cd).nm;
}

/* 날자 비교 */
function diff_date(strDate1, strDate2) {
    const dateArray1 = strDate1.split('-');
    const dateArray2 = strDate2.split('-');

    const dateObj1 = new Date(dateArray1[0], Number(dateArray1[1]) - 1, dateArray1[2]);
    const dateObj2 = new Date(dateArray2[0], Number(dateArray2[1]) - 1, dateArray2[2]);

    return (dateObj2.getTime() - dateObj1.getTime()) / 1000 / 60 / 60 / 24;
}

// 카드 CSS 코드
function get_card_css(company) {
    var cardCode = '';
    switch (company) {
        case '농협':
            cardCode = '001';
            break;
        case '우리':
            cardCode = '002';
            break;
        case '신한':
            cardCode = '003';
            break;
        case '국민':
            cardCode = '004';
            break;
        case '하나':
            cardCode = '005';
            break;
        case '씨티':
            cardCode = '006';
            break;
        case '삼성':
            cardCode = '025';
            break;
        case '현대':
            cardCode = '026';
            break;
        case '롯데':
            cardCode = '027';
            break;
        case 'VISA':
            cardCode = '028';
            break;
        case '마스터':
            cardCode = '029';
            break;
        case '비씨':
            cardCode = '030';
            break;
        case 'BC':
            cardCode = '030';
            break;
        case '현대백화점':
            cardCode = '031';
            break;
        case '갤러리아':
            cardCode = '032';
            break;
        case '기업':
            cardCode = '007';
            break;
        case '산업':
            cardCode = '008';
            break;
        case 'SC제일':
            cardCode = '009';
            break;
        case '대구':
            cardCode = '010';
            break;
        case '부산':
            cardCode = '011';
            break;
        case '전북':
            cardCode = '012';
            break;
        case '경남':
            cardCode = '013';
            break;
        case '제주':
            cardCode = '014';
            break;
        case '광주':
            cardCode = '015';
            break;
        case '새마을':
            cardCode = '016';
            break;
        case '수협':
            cardCode = '017';
            break;
        case '신협':
            cardCode = '018';
            break;
        case '우체국':
            cardCode = '019';
            break;
        case '케이':
            cardCode = '020';
            break;
        case '카카오':
            cardCode = '021';
            break;
        case '저축':
            cardCode = '022';
            break;
        case '산림':
            cardCode = '023';
            break;
        case '토스':
            cardCode = '024';
            break;
    }

    return cardCode;
}

// 계좌 CSS
function get_bank_css(bank) {
    var bankCode = '';

    switch (bank) {
        case '농협':
            bankCode = '001';
            break;
        case '우리':
            bankCode = '002';
            break;
        case '신한':
            bankCode = '003';
            break;
        case '국민':
            bankCode = '004';
            break;
        case '하나':
            bankCode = '005';
            break;
        case '씨티':
            bankCode = '006';
            break;
        case '기업':
            bankCode = '007';
            break;
        case '산업':
            bankCode = '008';
            break;
        case 'SC제일':
            bankCode = '009';
            break;
        case '대구':
            bankCode = '010';
            break;
        case '부산':
            bankCode = '011';
            break;
        case '전북':
            bankCode = '012';
            break;
        case '경남':
            bankCode = '013';
            break;
        case '제주':
            bankCode = '014';
            break;
        case '광주':
            bankCode = '015';
            break;
        case '새마을':
            bankCode = '016';
            break;
        case '수협':
            bankCode = '017';
            break;
        case '신협':
            bankCode = '018';
            break;
        case '우체국':
            bankCode = '019';
            break;
        case '케이':
            bankCode = '020';
            break;
        case '카카오':
            bankCode = '021';
            break;
        case '저축':
            bankCode = '022';
            break;
        case '산림':
            bankCode = '023';
            break;
        case '토스':
            bankCode = '024';
            break;
    }

    return bankCode;
}

/*GCPAY 슬라이드 클릭 이벤트시 카드 인덱스에 따라 할부선택박스 show/hide*/
$(document).on('click', '.pgContent', function () {

    const cardidx = $(this).find('.cardSlideW .slick-current').attr('data-slick-index');
    gcPayCardMonthChange(cardidx);

})

$(document).ready(function () {
    /*GCPAY 슬라이드 swipe 이벤트시 카드 인덱스에 따라 할부선택박스 show/hide*/
   $(document).on('swipe','.pgContent' ,function(event, slick, direction){

       const cardidx = $(this).find('.cardSlideW .slick-current').attr('data-slick-index');
       gcPayCardMonthChange(cardidx);

   });


})

/*카드 선택 변경에 따른 할부개월수 셀렉트박스 변경 함수*/
function gcPayCardMonthChange(idx) {
    //할부개월수 niceSelect 전체 삭제
    $('#cardMonth').children().find('div.nice-select').remove();
    //카드 인덱스와 같은 할부개월수 niceSelect 생성
    $('#cardMonth').children().eq(idx).find('select').niceSelect();
}