let fileArray = [];

function openApply() {
    const manual = document.getElementById('advice_manual');
    const manualHead = document.getElementById('advice_manual_header');
    const apply = document.getElementById('advice_apply');
    const applyHead = document.getElementById('advice_apply_header');

    manual.style.display = 'none';
    manualHead.style.display = 'none';
    apply.style.display = 'block';
    applyHead.style.display = 'block';
}

async function dupleNickCheck() {
    const nicknameInput = document.getElementById('lg_nickname');
    const nickname = nicknameInput.value;
    if (nickname.length > 0) {
        const res = await axios.post('api/v1/board/nickname', {nickname})
        if (res.data.checkCount > 0) {
            alert('중복된 닉네임입니다.');
            nicknameInput.value = null;
        } else {
            alert('사용 가능한 닉네임입니다.');
            nicknameInput.disabled = true;
        }
    }
}


function subForm() {
    if (validationCheck()) {
        const form = document.getElementById('logi_ad_form')
        const formData = new FormData(form);
        formData.append('userName', document.getElementById('lg_name').value);
        formData.append('phoneNum', document.getElementById('lg_phone').value);
        formData.append('email', document.getElementById('lg_email').value);
        formData.append('nickname', document.getElementById('lg_nickname').value);
        if (fileArray.length > 0) {
            for (let file of fileArray) {
                formData.append('files', file[0]);
            }
        }
        axios.post('api/v1/board', formData)
            .then(function (res) {
                alert('신청이 완료되었습니다.');
                clearApply();
                clearModal();
            })
            .catch(function (e) {
                console.log(e)
            })
    }
}

function clearApply() {
    const div = document.getElementById('advice_apply');
    const inputElements = div.querySelectorAll('input');
    const btnElements = div.querySelectorAll('button');
    inputElements.forEach(input => {
        input.value = '';
    });
    btnElements.forEach(btn => {
        btn.disabled = false;
    })

    const ul = document.getElementById('lg_file_list');
    ul.innerHTML = '';
    fileArray = [];
}

/*function clearModal() {
    const form = document.getElementById('check_info');
    const inputElements = form.querySelectorAll('input');
    inputElements.forEach(input => {
        input.value = '';
    });

    const timer = document.getElementById('timer');
    timer.innerHTML = '';
}*/



function initFile(input) {
    const files = input.files;
    let html = '';
    if (fileArray.length > 5) {
        alert('파일은 5개까지 업로드 가능합니다.')
    } else {
        fileArray.push(files);
    }
    const ul = document.getElementById('lg_file_list');
    const textNode = document.createTextNode(files[0].name);
    const li = document.createElement('li');
    li.setAttribute('class', 'list-group-item')
    li.appendChild(textNode);
    ul.appendChild(li);
}


async function bindDetail(id) {
    const data = await getDetail(id);
    if (data.comment != null) {
        data.content = `${data.content}\n\n\n----------답변----------\n\n\n${data.comment}`;
    }
    document.getElementById('lg_detail_name').value = data.userName;
    document.getElementById('lg_detail_phone').value = data.phoneNum;
    document.getElementById('lg_detail_email').value = data.email;
    document.getElementById('lg_detail_nickname').value = data.nickName;
    document.getElementById('lg_detail_company').value = data.company;
    document.getElementById('lg_detail_title').value = data.title;
    document.getElementById('lg_detail_content').value = data.content;
}

function getDetail(id) {
    return axios.get('/api/v1/board/detail', {params: {id}})
        .then(res => {
            return res.data;
        })
        .catch(error => {
            return error;
        })
}