invisio v2.0

<?php
include('header.php');

$datenow = date('Y-m-d');

?>
<style>
    .select2-dropdown {
        z-index: 9999;
    }
</style>

<div class="ibox">
                    <div class="ibox-title">
                        <div class="row">
                            <div class="col-lg-9 mb-2 ml-4">
                                แรงงานค้างชำระเงิน
                            </div>
                            <div class="ibox-tools">
                                
                                <button class="btn btn-sm btn-primary" onclick="NewBilling()"> ชำระเงิน</ิ>
                            </div>
                        </div>
                    </div>
                    
                    <div class="ibox-content">
                        
                        <div id="Loading">
                            <div class="spiner-example">
                                <div class="sk-spinner sk-spinner-wave">
                                    <div class="sk-rect1"></div>
                                    <div class="sk-rect2"></div>
                                    <div class="sk-rect3"></div>
                                    <div class="sk-rect4"></div>
                                    <div class="sk-rect5"></div>
                                </div>
                            </div>
                        </div>
                        <div id="show_table"></div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php include('footer.php'); ?>

function GetTable() {

let member_id = localStorage.getItem('member_id');
            let admin_id = localStorage.getItem('admin_id');
            let ref_member_id = "";
            if (member_id == null) {
                ref_member_id = admin_id;
            } else {
                ref_member_id = member_id
            }

$("#show_table").load("ajax/worker_payment/get_table.php", {
                ref_member_id: ref_member_id
            }, function() {
                console.log(ref_member_id);
                $('#Loading').hide();
            });
        }

function NewBilling() {
            let member_id = localStorage.getItem('member_id');
            let admin_id = localStorage.getItem('admin_id');
            let ref_member_id = "";
            if (member_id == null) {
                ref_member_id = admin_id;
            } else {
                ref_member_id = member_id
            }

var member_id_check = [];
            $(':checkbox:checked').each(function(i) {
                member_id_check[i] = $(this).val();
            });

swal({
                title: 'กรุณายืนยันเพื่อทำรายการ',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                cancelButtonText: 'ยกเลิก',
                confirmButtonText: 'ยืนยัน',
                closeOnConfirm: false
            }, function() {
                $.ajax({
                    type: "POST",
                    url: "ajax/working_billing/insert_billing.php",
                    data: {
                        member_id_check: member_id_check,
                        ref_member_id: ref_member_id
                    },
                    dataType: "json",
                    success: function(data) {
                         if (data.result == 1) {
                            swal({
                                title: 'บันทึกข้อมูลสำเร็จ',
                                type: 'success',
                                showConfirmButton: false,
                                timer: 1500
                            },function(){ 
                                swal.close();
                                $("#myModal").modal('hide'); 
                            });
                        } else if (data.result == 0) {
                            swal({
                                title: 'แจ้งเตือน',
                                text: 'เกิดข้อผิดพลาด กรุณาลองใหม่อีกครั้ง',
                                type: 'warning',
                                showConfirmButton: false,
                                timer: 1500
                            });
                        } else if (data.result == 9) {
                            swal({
                                title: 'แจ้งเตือน',
                                text: 'ไม่สามารถติดต่อเซิฟเวอร์ได้ กรุณาลองใหม่อีกครั้ง',
                                type: 'warning',
                                showConfirmButton: false,
                                timer: 1500
                            });
                        }
                    },error: function (jqXHR, exception) {
                            var msg = '';
                            if (jqXHR.status === 0) {
                                msg = 'Not connect. Verify Network.';
                            } else if (jqXHR.status == 404) {
                                msg = 'Requested page not found. [404]';
                            } else if (jqXHR.status == 500) {
                                msg = 'Internal Server Error [500].';
                            } else if (exception === 'parsererror') {
                                msg = 'Requested JSON parse failed.';
                            } else if (exception === 'timeout') {
                                msg = 'Time out error.';
                            } else if (exception === 'abort') {
                                msg = 'Ajax request aborted.';
                            } else {
                                msg = 'Uncaught Error. ' + jqXHR.responseText;
                            }
                            
                        swal({
                            title: "แจ้งเตือน",
                             text: "พบปัญหาการบันทึก กรุณาติดต่อผู้ดูแลระบบ" + msg,
                             type: "error",
                             showConfirmButton: true
                         });
                    }
                });
            })

}
    </script>

</body>

</html>