$(function(){
    $("#napoDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#paymentPaymentDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#consignmentStartDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#consignmentEndDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#confiscationDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#boatDisposalDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#directHandoverDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#fieldIvsgtNapoDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#fieldIvsgtReleaseDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#pressurizedStartDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
    $("#pressurizedEndDate").datepicker({
        format: "yyyy-mm-dd",
        language: "ko"
    });
});
$(document).on('click', '#crackdownStatusAddBtn', function () {
    getCrackdownStatusEditModal(null);
});

$(document).on('click', '#cdsEditBtn', function () {
    $("#crackdownStatusViewModal").modal('hide');
    getCrackdownStatusEditModal(Number($("#crackdownStatusViewBody").find("[name='cdsKey']").val()));
});

$(document).on('click', '#saveCrackdownStatusBtn', function (){
    saveCrackdownStatus('N')
});

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

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

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

$(document).on('click', '#crackdownStatus-tab', function (){
    getCrackdownStatusViewModal($('#cdsEditForm').find('input[name="cdsKey"]').val());
});

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


$(document).on('change', 'select[name="crackdownPolice"]', function (){
    dynamicOption('select[name="crackdownBoat"]', $(this).val());
});

$(document).on('click', '#sailorAddBtn', function (){
    $('#sailorDiv').append(
        '<div class="row">'
        + '<label class="col-sm-1 col-form-label text-center">선원이름</label>'
        + '<div class="col-sm-2">'
        + '<input class="form-control" name="sailorNameKr">'
        + '</div>'
        + '<div class="col-sm-2">'
        + '<select class="form-select form-select-sm" name="sailor">'
        + '<option value="">선택</option>'
        + '<option value="Y">구속</option>'
        + '<option value="N">불구속</option>'
        + '</select>'
        + '</div>'
        + '<button type="button" class="btn btn-primary col-auto" id="sailorRemoveBtn">-</button>'
        + '</div>'
    )
});


$(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', '#sailorRemoveBtn', function (){
    $(this).parent().remove();
    let deleteKey = $(this).parent().children("input[name='sailorKey']").val();
    $("#cdsEditForm").append('<input type="hidden" name="sailorDeleteKeyList" value="' + deleteKey + '">');
});

$(document).on('click', '#violationRemoveBtn', function (){
    $(this).parent().remove();
    let deleteKey = $(this).parent().children("input[name='violationKey']").val();
    $("#cdsEditForm").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', '#fisheryType', function (){
    if ($(this).val() == 'etc') {
        $(this).after(
            '<div class="col-auto">'
            + '<input type="text" class="form-control" name="fisheryTypeEtc">'
            + '</div>'
        );
    } else {
        $(this).next().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', '#boatMaterial', function (){
    if ($(this).val() == 'etc') {
        $(this).after(
            '<div class="col-auto">'
            + '<input type="text" class="form-control" name="boatMaterialEtc">'
            + '</div>'
        );
    } else {
        $(this).next().remove();
    }
});

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

$(document).on('click', '#cdsDownExcel', function (){
    exportExcel('불법조업 불법어선 단속현황');
});

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

        }
    });
}

function getCrackdownStatusViewModal(cdsKey){
    $.ajax({
        url: '/faStatistics/crackdownStatus/crackdownStatusViewModal',
        data: {cdsKey: cdsKey},
        type: 'GET',
        dataType:"html",
        success: function(html){
            $("#cdsEditBody").empty();
            $("#crackdownStatusViewBody").empty().append(html)
            $("#crackdownStatusViewModal").modal('show');
        },
        error:function(){

        }
    });
}

function getCrackdownStatusHistoryViewModal(cdsKey){
    $.ajax({
        url: '/faStatistics/crackdownStatus/crackdownStatusHistoryViewModal',
        data: {cdsKey: cdsKey},
        type: 'GET',
        dataType:"html",
        success: function(html){
            $("#crackdownStatusViewBody").empty().append(html)
            $("#crackdownStatusViewModal").modal('show');
        },
        error:function(){

        }
    });
}

function getCrackdownStatusEditModal(cdsKey){
    $.ajax({
        url: '/faStatistics/crackdownStatus/crackdownStatusEditModal',
        data: {
            cdsKey: cdsKey
        },
        type: 'GET',
        dataType:"html",
        success: function(html){
            $("#crackdownStatusViewBody").empty();
            $("#crackdownStatusEditModalContent").empty().append(html);
            $("#crackdownStatusEditModal").modal('show');

            $("#napoDt").datetimepicker({
                format:'Y-m-d H:i',
                lang:'kr'
            });
            $("#birthdate").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
            $("#paymentPaymentDt").datetimepicker({
                format:'Y-m-d H:i',
                lang:'kr'
            });
            $("#consignmentStartDt").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
            $("#consignmentEndDt").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
            $("#evictionDt").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
            $("#returnDt").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
            $("#confiscationDt").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
            $("#boatDisposalDt").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
            $("#directHandoverDt").datepicker({
                format: "yyyy-mm-dd",
                language: "ko"
            });
            $("#fieldIvsgtNapoDt").datetimepicker({
                format:'Y-m-d H:i',
                lang:'kr'
            });
            $("#fieldIvsgtReleaseDt").datetimepicker({
                format:'Y-m-d H:i',
                lang:'kr'
            });
            $("#pressurizedStartDt").datetimepicker({
                format:'Y-m-d H:i',
                lang:'kr'
            });
            $("#pressurizedEndDt").datetimepicker({
                format:'Y-m-d H:i',
                lang:'kr'
            });
        },
        error:function(){

        }
    });
}

function saveCrackdownStatus(saveYn){
    $('input[name="fieldIvsgtTimeTaken"]').val(dateTimeCalc($("#fieldIvsgtNapoDt").val(), $("#fieldIvsgtReleaseDt").val()));
    $('input[name="pressurizedTimeTaken"]').val(dateTimeCalc($("#pressurizedStartDt").val(), $("#pressurizedEndDt").val()));

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

            let violationList = [];
            let sailorList = [];

            sailorList.push(
                {
                    sailorKey: $("#cdsEditForm").find('input[name="captinSailorKey"]').val() != '' && $("#cdsEditForm").find('input[name="captinSailorKey"]').val() != 'false' ? Number($("#cdsEditForm").find('input[name="captinSailorKey"]').val()) : null,
                    position: 'POS001',
                    sailorNameKr: $("#cdsEditForm").find('input[name="sailorNameKr"]').val() != '' ? $("#cdsEditForm").find('input[name="sailorNameKr"]').val() : null,
                    isRestriction: $("#cdsEditForm").find('select[name="captin"]').val() != '' ? $("#cdsEditForm").find('select[name="captin"]').val() : null,
                    birthdate: $("#cdsEditForm").find('input[name="birthdate"]').val() != '' ? $("#cdsEditForm").find('input[name="birthdate"]').val() : null
                },
                {
                    sailorKey: $("#cdsEditForm").find('input[name="mateSailorKey"]').val() != '' && $("#cdsEditForm").find('input[name="mateSailorKey"]').val() != 'false' ? Number($("#cdsEditForm").find('input[name="mateSailorKey"]').val()) : null,
                    position: 'POS002',
                    sailorNameKr: null,
                    isRestriction: $("#cdsEditForm").find('select[name="mate"]').val()  != '' ? $("#cdsEditForm").find('select[name="mate"]').val() : null
                },
                {
                    sailorKey: $("#cdsEditForm").find('input[name="wardenSailorKey"]').val() != '' && $("#cdsEditForm").find('input[name="wardenSailorKey"]').val() != 'false' ? Number($("#cdsEditForm").find('input[name="wardenSailorKey"]').val()) : null,
                    position: 'POS003',
                    sailorNameKr: null,
                    isRestriction: $("#cdsEditForm").find('select[name="warden"]').val()  != '' ? $("#cdsEditForm").find('select[name="warden"]').val() : null
                }
            );

            $("select[name='sailor']").each(function (){
                sailorList.push({
                    sailorKey: $(this).parent().parent().find('input[name="sailorKey"]').val() != undefined ? Number($(this).parent().parent().find('input[name="sailorKey"]').val()) : null,
                    sailorNameKr: $(this).parent().parent().find('input[name="sailorNameKr"]').val(),
                    position: 'POS006',
                    isRestriction: $(this).val() != undefined ? $(this).val() : null
                });
            });

            for (let i=0; i < sailorList.length; i++) {
                if (sailorList[i].sailorKey != null) {
                    formData.append(`sailorList[${i}].sailorKey`, sailorList[i].sailorKey);
                }
                if (sailorList[i].sailorNameKr != null) {
                    formData.append(`sailorList[${i}].sailorNameKr`, sailorList[i].sailorNameKr);
                }
                formData.append(`sailorList[${i}].position`, sailorList[i].position);
                if (sailorList[i].isRestriction != null) {
                    formData.append(`sailorList[${i}].isRestriction`, sailorList[i].isRestriction);
                }
                if (sailorList[i].birthdate != null) {
                    formData.append(`sailorList[${i}].birthdate`, sailorList[i].birthdate);
                }
            }

            $(".violation").each(function (){
                violationList.push({
                    violationKey: $(this).parent().find('input[name="violationKey"]').val() != undefined ? Number($(this).parent().find('input[name="violationKey"]').val()) : null,
                    fbKey: $("#cdsEditForm").find('input[name="fbKey"]').val() != undefined ? Number($("#cdsEditForm").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/crackdownStatus/saveCrackdownStatus",
                processData: false,
                contentType: false,
                success : function(result) {
                    alert("저장되었습니다.");
                    contentFade("out");
                    $("#crackdownStatusEditModal").modal('hide');
                },
                error : function(xhr, status) {
                    alert("저장에 실패하였습니다.")
                    contentFade("out");
                }
            })
        }
    }
}

function contentCheck(){
    let flag = true;

    if(!$('input[name="boatNameKr"]').val()) {
        alert('선명을 입력해주세요.');
        $('input[name="boatNameKr"]').focus();
        return false;
    }

    if(!$('select[name="processStatus"]').val()) {
        alert('처리현황을 선택해주세요.');
        $('select[name="processStatus"]').focus();
        return false;
    }

    return flag;
}

function exportExcel(name){
    var excelHandler = {
        getExcelFileName : function(){
            return name+getToday()+'.xlsx';	//파일명
        },
        getSheetName : function(){
            return name;
        },
        getExcelData : function(){
            return document.getElementById('cdsTable'); 	//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();
}