var mainTable;
var mainRowID;
var mainPos;
$(document).ready(function () {
    loadDataTable();
    loadPrm();
    loadyearmonth();

    $('#projectSaveBtn').on('click', function () {
        var method = $('#method').val();
        var project_isPrm = $('input:radio[name="project_isExec[]"]:checked').val();
        var project_year = $('#project_year').val();
        var project_month = $('#project_month').val();
        var project_name = $('#project_name').val();
        var prm_serial = $('#select2-data-remote').val();
        var prm_name = $('#select2-data-remote').find(':selected').text();
        var project_uid = $('#project_uid').val();

        if (typeof project_isPrm === "undefined") {
            alert('請先選擇已執行或僅提案!');
            return;
        }

        if (project_isPrm == 'no' && project_name == '') {
            alert('請輸入專案名稱!');
            return;
        }

        if (project_isPrm == 'yes' && prm_serial == '') {
            alert('請選擇已執行的PRM專案!');
            return;
        }

        if (project_isPrm == 'yes' && prm_serial == null) {
            alert('請選擇已執行的PRM專案!');
            return;
        }

        if (project_isPrm == 'yes') {
            project_isPrm = 'Y';
            project_name = prm_name.replace('(' + prm_serial + ') ', "");
            project_year = "20" + prm_serial.substr(0, 2);
            project_month = parseInt(prm_serial.substr(2, 2));
        } else {
            project_isPrm = 'N';
        }

        mainTable = $('#dt-responsive').dataTable();

        var formData = {
            method: method,
            project_isPrm: project_isPrm,
            project_prmSerial: prm_serial,
            project_name: project_name,
            project_year: project_year,
            project_month: project_month,
            project_uid: project_uid
        }

        $.ajax({
            url: "/Api/projectAddEditDelGet",
            type: "post",
            data: formData,
            success: function (data, textStatus, jqXHR) {
                var obj = data.data;
                if (data.ret == "yes") {

                    if (method == "add") {
                        mainTable.fnAddData(obj);
                    }

                    if (method == "edit") {
                        mainTable.fnUpdate(obj, mainPos);
                    }

                    $('#clientNewModal').modal('toggle');
                } else {
                    alert(data.message);

                    if (data.err_code == "99999") {
                        location.href = "/Root/Login";
                    }
                }
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('網路或伺服器發生錯誤，請稍後重試!');
            }
        });
    });

    $('#projectNewModal').on('click', function () {
        //var src = $('#fileupload-avatar').parent().children('img').prop('src');
        //var origin = location.origin;
        //src = src.replace(origin, '');
        //alert(src);
        $('#file_div').hide();
        $("#select2-data-remote").val(null).trigger('change');
        $('input:radio[name="project_isExec[]"]').prop('checked', false);
        $('#project_name').val('');
        $('#prm_project_serial').hide();
        $('#project_year_month_div').hide();
        $('#project_name_div').hide();
        $('#method').val('add');
        $('#clientNewModal').modal('toggle');
    });

    $('input:radio[name="project_isExec[]"]').change(
        function () {
            if ($(this).is(':checked') && $(this).val() == 'yes') {
                // append goes here
                $('#prm_project_serial').show();
                $('#project_year_month_div').hide();
                $('#project_name_div').hide();
            }

            if ($(this).is(':checked') && $(this).val() == 'no') {
                // append goes here
                $('#prm_project_serial').hide();
                $('#project_year_month_div').show();
                $('#project_name_div').show();
            }

            
    });

    function loadyearmonth() {
        var actualDate = new Date(); // convert to actual date

        var nowYear = actualDate.getFullYear();

        for (tmpY = nowYear; tmpY >= 2019; tmpY--) {
            $("#project_year").append($("<option></option>").attr("value", tmpY).text(tmpY + " 年度"));
        }

        for (tmpM = 1; tmpM <= 12; tmpM++) {
            $("#project_month").append($("<option></option>").attr("value", tmpM).text(tmpM + " 月"));
            
        }

    }
    function loadPrm() {
        $('#select2-data-remote').select2({ 
                language: 'zh-TW',
                width: '100%',
                // 最多字元限制
                maximumInputLength: 12,
                // 最少字元才觸發尋找, 0 不指定
                minimumInputLength: 1,
                // 當找不到可以使用輸入的文字
                // tags: true,
                placeholder: '請輸入案號或專案名稱...',
                ajax: {
                    url: '/Api/queryPrm',
                    dataType: 'json',
                    delay: 500,
                    type: 'post',
                    // 要送出的資料
                    data: function (params) {
                    // 在伺服器會得到一個 POST 'search' 
                    return {
                        search: params.term
                    };
                },
                    processResults: function (data, params) {
                    console.log(data.data)

                    // 一定要返回 results 物件
                    return {
                        results: data.data,
                        // 可以啟用無線捲軸做分頁
                        pagination: {
                            more: params.page * 30 < data.total_count
                        }
                    }
                }
            }
        });
    }
    function loadDataTable() {
        var dataTables = {
            init: function init() {

                this.bindUIActions();
            },
            bindUIActions: function bindUIActions() {

                // event handlers
                this.table = this.handleDataTables();

                // add buttons
                //this.table.buttons().container().appendTo('#dt-buttons').unwrap();
            },
            handleDataTables: function handleDataTables() {
                //$('#myTable').append("<tfoot><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tfoot>");
                return $('#dt-responsive').DataTable({
                    dom: '<\'text-muted\'Bif>\n        <\'table-responsive\'trl>\n        <\'mt-4\'p>',
                    lengthChange: true,
                    lengthMenu: [[25, 50, 100, -1], [25, 50, 100, "All"]],
                    pageLength: 25,
                    buttons: [
                        //{
                        //    text: '休假設定',
                        //    action: function (e, dt, node, config) {
                        //        vacationBtnFun();

                        //    }
                        //},
                        //'excelHtml5'
                    ],
                    language: {
                        paginate: {
                            previous: '<i class="fa fa-lg fa-angle-left"></i>',
                            next: '<i class="fa fa-lg fa-angle-right"></i>'
                        },
                        buttons: {
                            copyTitle: 'Data copied',
                            copyKeys: 'Use your keyboard or menu to select the copy command'
                        }
                    },
                    autoWidth: false,
                    ajax: {
                        url: '/Api/projectList',
                        type: 'POST',
                        data: function (d) {
                            Object.assign(d, {
                                bar_area: $('#bar_area').val(),
                                is_lottery: $('#isLottery').val()
                            });

                            return d;
                        },
                        dataSrc: 'projectList'
                    },
                    rowId: 'project_uid',
                    deferRender: true,
                    initComplete: function () {
                        $('#dt-responsive').on('click', 'a', function () {
                            buttonClick2(this);
                        });

                        $('#dt-responsive').on('click', 'button', function () {
                            buttonClick2(this);
                        });

                        $('#dt-responsive').on('click', 'input[name="selectedRow[]"]', function () {
                            checkboxClick(this);
                        });
                    },
                    order: [[5, 'desc']],
                    info: true,
                    search: "搜尋:",
                    searching: true,
                    columns: [{ data: 'project_year', className: 'align-middle', orderable: false, searchable: false },
                        { data: 'project_prmSerial', className: 'align-middle text-left', orderable: true, searchable: true },
                        { data: 'project_name', className: 'align-middle text-left', orderable: true, searchable: true },
                        { data: 'project_isExec', className: 'align-middle text-left', orderable: false, searchable: true },
                        { data: 'project_uid', className: 'align-middle text-left', orderable: false, searchable: true },
                        { data: 'project_modifydate', className: 'align-middle text-left', orderable: false, searchable: true },
                        { data: 'project_uid', className: 'align-middle text-center', orderable: false, searchable: false }],
                    columnDefs: [
                        {
                            targets: 3,
                            className: 'align-middle text-center',
                            orderable: false,
                            searchable: false,
                            render: function render(data, type, row, meta) {
                                if (row.project_isExec == 'Y') {
                                    return "執行";
                                }

                                if (row.project_isExec == 'N') {
                                    return "未執行";
                                    return "未執行，原因：" + row.project_reason;
                                }

                                return '';
                                //return row.gift_city + row.gift_area + row.gift_address;
                                //var editRet = '<a id="table-btn" class="btn btn-sm btn-secondary" href="javascript: void(0);" data-method="edit" data-uid="' + row.quotation_serial + '"><i class="fa fa-pencil-alt"></i></a>          <a id="table-btn" class="btn btn-sm btn-secondary" href="javascript: void(0);" data-method="setting" data-uid="' + row.quotation_serial + '"><i class="fas fa-cog"></i></a>';

                                //if (row.quotationUser_perm == "A" || row.quotationUser_perm == "D" || row.quotationUser_perm == "admin" || row.quotationUser_perm == "pro") {
                                //    editRet = editRet + '          <a  id="table-btn" class="btn btn-sm btn-secondary" href="javascript: void(0);" data-method="del" data-uid="' + row.quotation_serial + '"><i class="far fa-trash-alt"></i></a>';
                                //}
                                //return editRet;
                            }
                        }
                        , {
                            targets: 4,
                            orderable: false,
                            searchable: false,
                            render: function render(data, type, row, meta) {
                                ret = '尚在開發中';

                                return ret;

                                //return '<a href="javascript: void(0); " data-method="edit" data-uid="' + row.company_uid + '">' + row.company_name + '</a>';
                            }
                        }
                        , {
                            targets: 5,
                            orderable: false,
                            searchable: false,
                            render: function render(data, type, row, meta) {
                                return (new Date(row.project_modifydate)).format("yyyy/MM/dd hh:mm:ss");
                            }
                        }
                        , {
                            targets: 6,
                            orderable: false,
                            searchable: false,
                            render: function render(data, type, row, meta) {
                                var ret = '';

                                ret += '<button type="button" data-uid="' + row.project_uid + '" data-method="edit" class="btn btn-sm btn-icon btn-secondary" ><i class="fa fa-pencil-alt"></i> <span class="sr-only">Edit</span></button>';
                                ret += '<button type="button" data-uid="' + row.project_uid + '" data-method="del" class="btn btn-sm btn-icon btn-secondary"><i class="far fa-trash-alt"></i> <span class="sr-only">Remove</span></button>';
                                return ret;
                            }
                        }
                    ],

                });
            },
            handleSearchRecords: function handleSearchRecords() {
                var self = this;

                $('#table-search, #filterBy').on('keyup change focus', function (e) {
                    var filterBy = $('#filterBy').val();
                    var hasFilter = filterBy !== '';
                    var value = $('#table-search').val();

                    self.table.search('').columns().search('').draw();

                    if (hasFilter) {
                        self.table.columns(filterBy).search(value).draw();
                    } else {
                        self.table.search(value).draw();
                    }

                });
            }
        }

        dataTables.init();
    }
});

function buttonClick2(obj) {
    var type = obj.getAttribute('data-method');
    var uid = obj.getAttribute('data-uid');

    mainTable = $('#dt-responsive').dataTable();
    mainRowID = $('#' + uid);

    mainPos = mainTable.fnGetPosition($('#' + uid)[0]);

    if (type == "del") {
        if (confirm('確定刪除此筆資料? 刪除後將無任何方法回復!')) {
            var formData = {
                method: "del",
                project_uid: uid
            }

            $.ajax({
                url: "/Api/projectAddEditDelGet",
                type: "post",
                data: formData,
                success: function (data, textStatus, jqXHR) {
                    if (data.ret == "yes") {
                        var row = mainTable.api().row(mainRowID).remove().draw(false);
                        alert('刪除完成!');

                    } else {
                        alert(data.message);

                        if (data.err_code == "9999") {
                            location.href = "/Home/Index";
                        }
                    }
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert('網路或伺服器發生錯誤，請稍後重試!');
                }
            });
        }
    }

    if (type == "edit") {
        $('#file_div').hide();
        $('#method').val('edit');
        $('#project_uid').val(uid);

        var formData = {
            method: "get",
            project_uid: uid
        }

        $.ajax({
            url: "/Api/projectAddEditDelGet",
            type: "post",
            data: formData,
            success: function (data, textStatus, jqXHR) {
                if (data.ret == "yes") {
                    $("#select2-data-remote").val(null).trigger('change');
                    $('input:radio[name="project_isExec[]"]').prop('checked', false);
                    $('#project_name').val('');
                    $('#prm_project_serial').hide();
                    $('#project_year_month_div').hide();
                    $('#project_name_div').hide();
                  

                    var obj = data.data;

                    $('#method').val('edit');
                    $('#project_uid').val(uid);

                    if (obj.project_isPrm == 'Y') {
                        $("#rd1").prop("checked", true).trigger("click");
                        $('#prm_project_serial').show();
                        $('#project_year_month_div').hide();
                        $('#project_name_div').hide();

                        var fileData = {
                            quotation_serial: obj.project_prmSerial
                        }

                        $.ajax({
                            url: "/Api/queryPrmFile",
                            type: "post",
                            data: fileData,
                            success: function (data, textStatus, jqXHR) {
                                if (data.hasFile == 'Y') {
                                    $('#file_div').show();

                                    $('#fileUrl').text(data.fileName);
                                    $('#fileUrl').prop('href', data.fileUrl);
                                } else {
                                    $('#file_div').hide();
                                }
                            },
                            error: function (jqXHR, textStatus, errorThrown) {
                                alert('網路或伺服器發生錯誤，請稍後重試!');
                            }
                        });

                        var appendName = "(" + obj.project_prmSerial + ") " + obj.project_name;

                        var newOption = new Option(appendName, obj.project_prmSerial, true, true);

                        $("#select2-data-remote").append(newOption).trigger('change');
                        //$("#select2-data-remote").trigger('change.select2');
                    } else {
                        $("#rd2").prop("checked", true).trigger("click");
                        $('#prm_project_serial').hide();
                        $('#project_year_month_div').show();
                        $('#project_name_div').show();

                        $("#project_year").val(obj.project_year);
                        $("#project_month").val(obj.project_month);
                        $("#project_name").val(obj.project_name).trigger('change');;
                    }

                    

                    $('#clientNewModal').modal('toggle');
                } else {
                    alert(data.message);

                    if (data.err_code == "9999") {
                        location.href = "/Home/Index";
                    }
                }
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('網路或伺服器發生錯誤，請稍後重試!');
            }
        });
    }
}