// console.log('dkl;')
"use strict";
var KTCreateAccount = function() {
    var e, t, i, o, s, r, a = [];
    return {
        init: function() {
            (e = document.querySelector("#kt_modal_create_account")) &&
            new bootstrap.Modal(e),
            t = document.querySelector("#kt_create_account_stepper"),
            i = t.querySelector("#form_editcase"),
            o = t.querySelector('[data-kt-stepper-action="submit"]'),
            s = t.querySelector('[data-kt-stepper-action="next"]'),
            (r = new KTStepper(t)).on("kt.stepper.changed", (function(e) {
                   // console.log(r.getCurrentStepIndex());
                   5 === r.getCurrentStepIndex() ? 
                   (
                    o.classList.remove("d-none"),
                    o.classList.add("d-inline-block"),
                    s.classList.add("d-none")
                    ) :  
                   (
                    o.classList.remove("d-inline-block"),
                    o.classList.remove("d-none"),
                    s.classList.remove("d-none")
                    )
               })),
            r.on("kt.stepper.next", (function(e) {
                    // console.log("stepper.next กูอยู่นี่ ");
                    var t = a[e.getCurrentStepIndex() - 1];
                    t ? t.validate().then((function(t) {
                        console.log("validated!"),
                        "Valid" == t ?
                        (e.goNext(), KTUtil.scrollTop()) :
                        Swal.fire({
                            text: "กรุณากรอกข้อมูลให้ครบถ้วน",
                            icon: "error",
                            buttonsStyling: !1,
                            confirmButtonText: "ตกลง",
                            customClass: { confirmButton: "btn btn-light" }
                        }).then((function() {
                            KTUtil.scrollTop()
                        }))
                    })) : (e.goNext(),
                    KTUtil.scrollTop()
                    )
                })),

            r.on("kt.stepper.previous",
                (function(e) {
                        // console.log("stepper.previous"),
                        e.goPrevious(),
                        KTUtil.scrollTop()
                    })),
            a.push(FormValidation.formValidation(i, {
                fields: {
                    case_tname: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_name: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    idcard: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            },
                            stringLength: {
                                min: 13,
                                max: 13,
                                message: 'เลขบัตรประชาชนไม่ครบ 13 หลัก'
                            },
                        },
                    },
                    case_hn: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_sex: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_bday: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_nation: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_race: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_religion: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_marital: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },data_education: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_education: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_privilege: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },data_career: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_career: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    admit_date:{
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_tel: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_address: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_moo: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_province: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_umpher: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_tumbol: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    data_privilege: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                    case_country: {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },
                },
                plugins: {
                    trigger: new FormValidation.plugins.Trigger,
                    bootstrap: new FormValidation.plugins.Bootstrap5({
                        rowSelector: ".fv-row",
                        eleInvalidClass: "",
                        eleValidClass: ""
                    })
                }
            })), a.push(FormValidation.formValidation(i, {
                fields: {





                },
                plugins: {
                    trigger: new FormValidation.plugins.Trigger,
                    bootstrap: new FormValidation.plugins.Bootstrap5({
                        rowSelector: ".fv-row",
                        eleInvalidClass: "",
                        eleValidClass: ""
                    })
                }
            })),
            a.push(FormValidation.formValidation(i, {
                fields: {
                    total_rel : {
                        validators: {
                            notEmpty: {
                                message: "กรุณากรอกข้อมูลให้ครบถ้วน"
                            }
                        }
                    },

                },
                plugins: {
                    trigger: new FormValidation.plugins.Trigger,
                    bootstrap: new FormValidation.plugins.Bootstrap5({
                        rowSelector: ".fv-row",
                        eleInvalidClass: "",
                        eleValidClass: ""
                    })
                }
            })),
            a.push(FormValidation.formValidation(i, {
                fields: {



                },
                plugins: {
                    trigger: new FormValidation.plugins.Trigger,
                    bootstrap: new FormValidation.plugins.Bootstrap5({
                        rowSelector: ".fv-row",
                        eleInvalidClass: "",
                        eleValidClass: ""
                    })
                }
            })),
            o.addEventListener("click", (function(e) {
                a[3].validate().then((function(t) {
                    console.log("validated!"), "Valid" == t ?
                    (e.preventDefault(), o.disabled = !0,
                        o.setAttribute("data-kt-indicator", "on"),
                        setTimeout((function() {
                            o.removeAttribute("data-kt-indicator"),
                            o.disabled = !1, r.goNext()
                        }), 2e3)) : Swal.fire({
                        text: "Sorry, looks like there are some errors detected, please try again.",
                        icon: "error",
                        buttonsStyling: !1,
                        confirmButtonText: "Ok, got it!",
                        customClass: { confirmButton: "btn btn-light" }
                    }).then((function() {
                        KTUtil.scrollTop()
                    }))
                }))
            })),

            $(i.querySelector('[name="case_sex"]')).on("change", (function() {
                a[0].revalidateField("case_sex")
            })),

            $(i.querySelector('[name="case_nation"]')).on("change", (function() {
                a[0].revalidateField("case_nation")
            })),

            $(i.querySelector('[name="case_race"]')).on("change", (function() {
                a[0].revalidateField("case_race")
            })),
            $(i.querySelector('[name="case_religion"]')).on("change", (function() {
                a[0].revalidateField("case_religion")
            })),
            $(i.querySelector('[name="case_marital"]')).on("change", (function() {
                a[0].revalidateField("case_marital")
            })),
            $(i.querySelector('[name="data_education"]')).on("change", (function() {
                a[0].revalidateField("data_education")
            })),
            $(i.querySelector('[name="data_career"]')).on("change", (function() {
                a[0].revalidateField("data_career")
            })),
            $(i.querySelector('[name="case_province"]')).on("change", (function() {
                a[0].revalidateField("case_province")
            })),
            $(i.querySelector('[name="case_umpher"]')).on("change", (function() {
                a[0].revalidateField("case_umpher")
            })),
            $(i.querySelector('[name="case_tumbol"]')).on("change", (function() {
                a[0].revalidateField("case_tumbol")
            })),
            $(i.querySelector('[name="case_country"]')).on("change", (function() {
                a[0].revalidateField("case_country")
            }))


        }
    }
}();
KTUtil.onDOMContentLoaded((function() {
    KTCreateAccount.init()
}));