invisio v2.0

<?php require('header.php') ?>
<link href="../../template/css/plugins/datapicker/datepicker3.css" rel="stylesheet">

<?php require('footer.php') ?>
<script>
    $(document).ready(function() {
        getForm();
    });

function getForm() {
        let member_id = localStorage.getItem("member_id");
        $.ajax({
            type: "post",
            url: "ajax/payment/formPayment",
            data: {
                member_id: member_id
            },
            dataType: "html",
            success: function(response) {
                $("#Loading").hide();
                $("#showFormPayment").html(response);

let payment_id = $("#payment_id").val();

$('.custom-file-input').on('change', function() {
                    let fileName = $(this).val().split('\\').pop();
                    $(this).next('.custom-file-label').addClass("selected").html(fileName);
                });
                $(".btn-payment").click(function(e) {
                    $(".btn-payment").removeClass('btn-primary').addClass('btn-default');
                    $(".from-payment").hide();
                    $(this).removeClass('btn-default').addClass('btn-primary');
                    let eleFrom = $(this).data('id');
                    $(eleFrom).show();
                });
                // $('.datepicker').datepicker({
                //     startView: 0,
                //     todayBtn: "linked",
                //     keyboardNavigation: false,
                //     forceParse: false,
                //     autoclose: true,
                //     format: "dd/mm/yyyy"
                // });
                // var mem = $("#data_1 .input-group.date").datepicker({
                //     todayBtn: "linked",
                //     keyboardNavigation: false,
                //     forceParse: false,
                //     calendarWeeks: false,
                //     autoclose: true,
                // })
                paymentInterval = setInterval(function() {
                    $.ajax({
                        type: "post",
                        url: "ajax/payment/checkPayment",
                        data: {
                            payment_id: payment_id
                        },
                        dataType: "json",
                        success: function(responseCheck) {
                            if (responseCheck.status == 1) {
                                swal({
                                    title: "แจ้งเตือน",
                                    text: "ชำระเงินสำเร็จ",
                                    type: "success"
                                }, function() {
                                    clearInterval(paymentInterval);
                                    localStorage.setItem("register_level", responseCheck.level);
                                })
                            }
                        }
                    });
                }, 5000);

$("#submitPayment").click(function(e) {

let slip_image = $("#slip_image").val();
                    let transfer_date = $("#transfer_date").val();

if (slip_image == "" || transfer_date == "") {
                        swal({
                            title: "แจ้งเตือน",
                            text: "กรุณาอัพโหลดหลักฐาน และกรอกข้อมูลให้ถูกต้อง",
                            type: "error"
                        });
                        return false;
                    }

swal({
                        title: 'กรุณายืนยันเพื่อทำรายการ',
                        type: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        cancelButtonText: 'ยกเลิก',
                        confirmButtonText: 'ยืนยัน',
                        closeOnConfirm: false
                    }, function() {

let myForm = document.getElementById('formPayment');
                        let formData = new FormData(myForm);

$.ajax({
                            type: "post",
                            url: "ajax/payment/savePayment",
                            data: formData,
                            dataType: "json",
                            cache: false,
                            contentType: false,
                            processData: false,
                            success: function(responseData) {
                                if (responseData.status == 1) {
                                    swal({
                                        title: "แจ้งเตือน",
                                        text: "แจ้งชำระเงินเรียบร้อยแล้ว",
                                        type: "success"
                                    }, function() {
                                        clearInterval(paymentInterval);
                                        localStorage.setItem("register_level", responseData.level);
                                        CheckForm()
                                        window.location.href = "index";

})
                                } else {
                                    swal({
                                        title: "แจ้งเตือน",
                                        text: "ติดต่อเซิฟเวอร์ไม่สำเร็จกรุณาลองอีกครั้ง",
                                        type: "error"
                                    })
                                }
                            }
                        });

});
                });

}
        });
    }