// 지훈 수정 - 회원가입 아이디 검증 로직

const idBtn = document.getElementById('idBtn')
const idCk = document.getElementById('idCk')
const subBtn = document.getElementById('subBtn')
const idInput = document.querySelector('#inputId')
const pwInput = document.querySelector('#pwInput')
const nameInput = document.querySelector('#userName')
const nickInput = document.querySelector('#userNick')
// 아이디 중복체크 확인여부
let dupCk = false
// 아이디 사용가능 여부
let idUse = false

//아이디 중복검사 
function idCheckHandler(){
    const data = document.querySelector('#inputId').value
    axios.post('/user/idCheck', {idCheck : data})
        .then(res=>{
            if(res.data){
                if(data == ''){
                    idCk.innerText = '아이디를 입력해주세요.'
                    idCk.style.color = 'red'
                    idUse = false
                }
                else{
                    idCk.innerText = '사용이 가능한 아이디 입니다.'
                    idCk.style.color = 'green'
                    idUse = true
                    checkMsg.innerText = ''
                }                            
            }
            else{
                idCk.innerText = '중복된 아이디 입니다.'
                idCk.style.color = 'red'
                idUse = false
            }
        })
        dupCk = true           
}


// 아이디 중복버튼 클릭 시 중복검사 
idBtn.addEventListener('click',idCheckHandler)

// 아이디 수정시 중복체크여부 초기화
idInput.addEventListener('input',()=>{
    dupCk = false
})

// 회원가입 클릭시
subBtn.addEventListener('click',(event)=>{
    // 중복체크와 아이디 사용가능 여부 확인 후에 폼 제출하기 위해 폼 제출 기능 차단
    event.preventDefault()
    if(dupCk == false){
        checkMsg.innerText = '아이디 중복체크를 해주세요'
        checkMsg.style.color = 'red'
    }
    else{
        if(idUse == false){
        checkMsg.innerText = '아이디를 확인해주세요'
        checkMsg.style.color = 'red'
        }
    }
    if(pwInput.value == '' || nameInput.value == '' || nickInput.value == ''){
        checkMsg.innerText = 'ID 확인 또는 빈칸을 확인해주세요'
        checkMsg.style.color = 'red'
    }
    if(dupCk && idUse && pwInput.value != '' && nameInput.value != '' && nickInput.value != ''){
        // 중복체크 확인과 아이디 사용 가능 시 form 제출
        const myForm = document.getElementById('myform');
        myForm.submit(); // 폼 제출

        // 회원가입 성공시 자동 로그인 버튼 클릭
        axios.post('/user/checkend',{ck : 'hello'})
        .then(res=>{
            if(res.data.success){
                document.getElementById('loginCk').click()
            }
            else{
                console.log('에러',res.data)
            }
        })
    }
})

//아이디 중복체크
router.post('/idCheck',(req,res)=>{
    let id = req.body.idCheck
    let checkId = 'SELECT USER_ID FROM TB_USER WHERE USER_ID =?'
    console.log('아이디중복',req.body.idCheck)
    let checkEnd = true
    conn.connect();
    conn.query(checkId,[id],(err,result)=>{
        if(err){
            console.log('쿼리문 에러발생')
        }
        else{
            if(result.length == 0){
                console.log('회원가입가능')
            }
            else{
                console.log('이미 존재하는 아이디')
                checkEnd = false
            }
        }
        res.send(JSON.stringify(checkEnd))
    })
    
})

// 회원가입
let checkEnd = false
router.post('/join',(req,res)=>{
    let id = req.body.userId // 사용자가 입력한 ID
    let pw = req.body.userPw // 사용자가 입력한 PW
    let name = req.body.userName // 사용자 이름
    let nick = req.body.userNick // 사용자가 입력한 NICKNAME
    let dev_year = req.body.dev_year // 신입개발자 or 경력개발자
    let school = req.body.school // 멘토 or 멘티
    let langJs = req.body.js // = js
    let langPy = req.body.py // = py
    let insertInfo = 'INSERT INTO TB_USER ( USER_ID , USER_PW , USER_NAME , USER_NICK , USER_LEVEL , USER_MENTORING) VALUES (?,?,?,?,?,?)';
    let insertLang = 'INSERT INTO TB_LANG ( USER_ID , LANG_SKILL) VALUES (?,?)'
    

    conn.connect()
    conn.query(insertInfo,[id,pw,name,nick,dev_year,school],(err,result)=>{
        if(err){
            // console.log('에러내용 :', err)
            console.log('이미 존재하는 ID 입니다.')
        }
        else{
            console.log('회원가입완료')
            if(langJs == 'javaScript'){
                conn.query(insertLang,[id,langJs],(err,result)=>{
                    if(err){
                        console.log('TB_LANG 쿼리문 오류')
                    } 
                })
            }
            if(langPy == 'python'){
                conn.query(insertLang,[id,langPy],(err,result)=>{
                    if(err){
                        console.log('TB_LANG 쿼리문 오류')
                    }
                })
            }
            
        }
        
    })
   
})