$(document).on('click', '#sailorAddBtn', function () {
    getSailorAddModal(null);
});

$(document).on('click', '#sailorEditBtn', function () {
    $("#sailorViewModal").modal('hide');
    getSailorEditModal(Number($("#sailorViewBody").find("[name='sailorKey']").val()));
});

$(document).on('click', '#saveSailorBtn', function (){
    saveSailor('N')
});

$(document).on('click', '#saveTempBtn', function (){
    saveSailor('Y')
});

$(document).on('click', '.tr', function (){
    getSailorViewModal($(this).data('key'));
});

$(document).on('click', '#history-tab', function (){
    getSailorHistoryViewModal($('#sailorEditForm').find('input[name="sailorKey"]').val());
});

$(document).on('click', '#sailor-tab', function (){
    getSailorViewModal($('#sailorEditForm').find('input[name="sailorKey"]').val());
});

$(document).on('click', '.version-tr', function (){
    $(this).find('input[name="versionNo"]').prop('checked', true);
    getSailorHistoryDetail($(this).find('input[name="versionNo"]').val());
});


$(document).on('click', '#violationAddBtn', function (){
    let violation = '';
    commonCode.VT.forEach(function (item){
        violation += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
    })

    $('#violationDiv').append(
        '<div class="row">'
        + '<select class="form-select form-select-sm violation" name="violation">'
        + '<option value="">선택</option>'
        + violation
        + '<option value="etc">직접입력</option>'
        + '</select>'
        + '<button type="button" class="btn btn-primary col-auto" id="violationRemoveBtn">-</button>'
        + '</div>'
    )
});


$(document).on('click', '#violationRemoveBtn', function (){
    $(this).parent().remove();
    let deleteKey = $(this).parent().children("input[name='violationKey']").val();
    $("#sailorEditForm").append('<input type="hidden" name="violationDeleteKeyList" value="' + deleteKey + '">');
});

$(document).on('change', '.violation', function (){
    if ($(this).val() == 'etc') {
        $(this).after(
            '<div class="row col-auto etcDiv">'
            + '<input type="text" class="form-control" name="violationEtc">'
            + '</div>'
        );
    } else {
        $(this).next('.etcDiv').remove();
    }
});

$(document).on('change', '#crackdownPolice', function (){
    if ($(this).val() == 'etc') {
        $(this).after(
            '<div class="col-auto">'
            + '<input type="text" class="form-control" name="crackdownPoliceEtc">'
            + '</div>'
        );
    } else {
        $(this).next().remove();
    }
});

$(document).on('change', '#crackdownBoat', function (){
    if ($(this).val() == 'etc') {
        $(this).after(
            '<div class="col-auto">'
            + '<input type="text" class="form-control" name="crackdownBoatEtc">'
            + '</div>'
        );
    } else {
        $(this).next().remove();
    }
});

$(document).on('change', 'select[name="boatNameKr"]', function (){
    $('input[name="fbKey"]').val($('select[name="boatNameKr"] option:selected').data('key'));
    $('input[name="cdsKey"]').val($('select[name="boatNameKr"] option:selected').data('key2'));
});


$(document).on('click', '#sailorDownExcel', function (){
    exportExcel('불법조업 불법어선 처리현황');
});

function getSailorHistoryDetail(versionNo){
    $.ajax({
        url: '/faStatistics/sailor/sailorHistoryDetail',
        data: {versionNo: versionNo},
        type: 'GET',
        dataType:"html",
        success: function(html){
            $("#historyDetailDiv").empty().append(html);
        },
        error:function(){

        }
    });
}


function getSailorViewModal(sailorKey){
    $.ajax({
        url: '/faStatistics/sailor/sailorViewModal',
        data: {sailorKey: sailorKey},
        type: 'GET',
        dataType:"html",
        success: function(html){
            $("#sailorViewBody").empty().append(html)
            $("#sailorViewModal").modal('show');
        },
        error:function(){

        }
    });
}

function getSailorHistoryViewModal(sailorKey){
    $.ajax({
        url: '/faStatistics/sailor/sailorHistoryViewModal',
        data: {sailorKey: sailorKey},
        type: 'GET',
        dataType:"html",
        success: function(html){
            $("#sailorViewBody").empty().append(html)
            $("#sailorViewModal").modal('show');
        },
        error:function(){

        }
    });
}


function getSailorEditModal(sailorKey){
    $.ajax({
        url: '/faStatistics/sailor/sailorEditModal',
        data: {
            sailorKey: sailorKey
        },
        type: 'GET',
        dataType:"html",
        success: function(html){
            $("#sailorViewBody").empty();
            $("#sailorEditModalContent").empty().append(html);
            $("#sailorEditModal").modal('show');

            $("#birthdate").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
        },
        error:function(){

        }
    });
}

function getSailorAddModal(){
    $.ajax({
        url: '/faStatistics/sailor/sailorAddModal',
        type: 'GET',
        dataType:"html",
        success: function(html){
            $("#sailorAddModalContent").empty().append(html);
            $("#sailorAddModal").modal('show');
        },
        error:function(){

        }
    });
}

function saveSailor(saveYn){
    /*$('input[name="warrantReqTakeTime"]').val(dateTimeCalc($("#consignmentStartDt").val(), $("#consignmentEndDt").val()));*/

    if(contentCheck()){
        if(confirm("저장하시겠습니까?")){
            $("#saveYn").val(saveYn);
            contentFade("in");
            const formData = new FormData($("#sailorEditForm")[0]);

            let violationList = [];

            $(".violation").each(function (){
                violationList.push({
                    violationKey: $(this).parent().find('input[name="violationKey"]').val() != undefined ? Number($(this).parent().find('input[name="violationKey"]').val()) : null,
                    fbKey: $("#sailorEditForm").find('input[name="fbKey"]').val() != undefined ? Number($("#sailorEditForm").find('input[name="fbKey"]').val()) : null,
                    violation: $(this).val() != '' ? $(this).val() : null,
                    violationEtc: $(this).parent().find('input[name="violationEtc"]').val() != undefined ? $(this).parent().find('input[name="violationEtc"]').val() : null
                });
            });

            for (let i=0; i < violationList.length; i++) {
                if (violationList[i].violationKey != null) {
                    formData.append(`violationList[${i}].violationKey`, violationList[i].violationKey);
                }
                if (violationList[i].fbKey != null) {
                    formData.append(`violationList[${i}].fbKey`, violationList[i].fbKey);
                }
                if (violationList[i].violation != null) {
                    formData.append(`violationList[${i}].violation`, violationList[i].violation);
                }
                if (violationList[i].violationEtc != null) {
                    formData.append(`violationList[${i}].violationEtc`, violationList[i].violationEtc);
                }
            }

            $.ajax({
                type : 'POST',
                data : formData,
                url : "/faStatistics/sailor/saveSailor",
                processData: false,
                contentType: false,
                success : function(result) {
                    alert("저장되었습니다.");
                    contentFade("out");
                    $("#sailorEditModal").modal('hide');
                    $("#sailorAddModal").modal('hide');
                },
                error : function(xhr, status) {
                    alert("저장에 실패하였습니다.")
                    contentFade("out");
                }
            })
        }
    }
}

function contentCheck(){
    let flag = true;
    return flag;
}

function exportExcel(name){
    var excelHandler = {
        getExcelFileName : function(){
            return name+getToday()+'.xlsx';	//파일명
        },
        getSheetName : function(){
            return name;
        },
        getExcelData : function(){
            return document.getElementById('sailorTable'); 	//TABLE id
        },
        getWorksheet : function(){
            return XLSX.utils.table_to_sheet(this.getExcelData());
        }
    }
    // step 1. workbook 생성
    var wb = XLSX.utils.book_new();

    // step 2. 시트 만들기
    var newWorksheet = excelHandler.getWorksheet();

    // step 3. workbook에 새로만든 워크시트에 이름을 주고 붙인다.
    XLSX.utils.book_append_sheet(wb, newWorksheet, excelHandler.getSheetName());

    // step 4. 엑셀 파일 만들기
    var wbout = XLSX.write(wb, {bookType:'xlsx',  type: 'binary'});

    // step 5. 엑셀 파일 내보내기
    saveAs(new Blob([s2ab(wbout)],{type:"application/octet-stream"}), excelHandler.getExcelFileName());
}

function s2ab(s) {
    var buf = new ArrayBuffer(s.length); //convert s to arrayBuffer
    var view = new Uint8Array(buf);  //create uint8array as viewer
    for (var i=0; i<s.length; i++) view[i] = s.charCodeAt(i) & 0xFF; //convert to octet
    return buf;
}

function getToday() {
    var date = new Date();
    var year = date.getFullYear();
}

function dateTimeCalc(startDateTime, endDateTime) {
    if (startDateTime != '' &&endDateTime != '' && startDateTime != undefined && endDateTime != undefined) {
        const startDate = new Date(startDateTime);
        const endDate = new Date(endDateTime);

        let diffTime = endDate.getTime() - startDate.getTime();

        const day = Math.floor(diffTime / (1000* 60 * 60 * 24));
        const hour = Math.floor((diffTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minute = Math.floor((diffTime % (1000 * 60 * 60)) / (1000 * 60));

        return day + '일' + hour + '시간' + minute + '분';
    }

    return null;
}