invisio v2.0

<?php
include('../../../config/main_function.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);

$ref_member_id = mysqli_real_escape_string($connection, $_POST['ref_member_id']);
$temp_id = explode(".", $ref_member_id);
$ref_member_id = bigsara_decode($temp_id[0], $temp_id[1]);

<label for=""><b>1.ข้อมูลสมัครสมาชิก</b></label>
                
                <div class="row mb-2">
                    <div class="col-lg-4 col-12 mb-2">
                        <b>Username</b>
                        <input type="text" class="form-control" id="username" name="username" value="">
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>Password</b>
                        <input type="password" class="form-control" id="password" name="password" value="">
                    </div>
                </div>
                <div class="row mb-2">

<div class="col-lg-2 col-12 mb-2">
                        <b>คำนำหน้านาม<span class="text-danger">*</span></b><br>
                        <select name="title_name" id="title_name" class="form-select w-100">
                            <option value="" selected>-- กรุณาเลือก --</option>
                            <option value="1">นาย ( Mr. )</option>
                            <option value="2">นางสาว ( Miss )</option>
                            <option value="3">นาง ( Mrs. )</option>
                            <option value="4">อื่นๆ</option>
                        </select>
                    </div>
                    <div class="col-lg-5 col-12 mb-2">
                        <b>ชื่อ - นามสกุล <span class="text-danger">*</span></b>
                        <input type="text" class="form-control" id="member_name" name="member_name" value="<?php echo $row_member['name_th'] ?>">
                    </div>
                    <div class="col-lg-5 col-12 mb-2">
                        <b>Firstname - Surname</b>
                        <input type="text" class="form-control" id="member_name_en" name="member_name_en" value="<?php echo $row_member['name_en'] ?>">
                    </div>
                </div>

<div class="row mb-2">
                    <div class="col-lg-3 col-12 mb-2">
                        <b>สัญชาติ<span class="text-danger">*</span></b>
                        <select name="country" id="country" class="form-select w-100">
                            <option value="" selected>-- กรุณาเลือก --</option>
                            <?php
                            $sql_country = "SELECT * FROM tbl_country";
                            $res_country = mysqli_query($connection, $sql_country);
                            while ($row_country = mysqli_fetch_assoc($res_country)) {
                            ?>
                                <option value="<?php echo $row_country['ct_code']; ?>"><?php echo $row_country['ct_nameTHA']; ?></option>
                            <?php
                            }
                            ?>
                        </select>
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>วันเดือนปี เกิด <small class="text-danger">( วัน/เดือน/ปี พ.ศ. )</small><span class="text-danger">*</span></b>
                        <input type="text" id="birth_date" name="birth_date" class="form-control" data-mask="99/99/9999" placeholder="" onchange="checkDate('birth_date');">
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>รูปถ่ายใบสมัคร ไม่เกิน 6 เดือน <small class="text-danger">(ขนาดรูปที่แนะนำ 1200x900 px)</small></b>
                        <div class="row ml-1">
                            <div class="col-md-10 col-9 show_upload_image mt-1" hidden>
                                <div class="row">
                                    <div class="col-md-5 ml-4"><span style="color: green;"><b>แนบรูปภาพแล้ว</b></span></div>
                                    <div class="col-md-1 col-1">
                                        <a href="javascript:void(0);" onclick="change_image();"><i class="fa fa-search"></i></a>
                                    </div>
                                    <div class=" col-md-1 col-1">
                                        <a href="javascript:void(0);" onclick="remove_image();"><i class="fa fa-close"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-9 custom-file">
                                <div class="">
                                    <input id="profile_image" name="profile_image" type="file" class="custom-file-input w-100" accept="image/png, image/gif, image/jpeg" onchange="readURL01(this);">
                                    <label for="profile_image" class="custom-file-label"><i class="fa fa-search"></i> </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

<div class="row mb-2">
                    <div class="col-lg-4 col-12 mb-2">
                        <b>เลขบัตรประจำตัวประชาชน / หนังสือเดินทาง </b> <span class="text-danger">*</span>
                        <input type="text" class="form-control" id="citizen_no" name="citizen_no" maxlength="13">
                        <span class="text-danger" id="passport_no_ch" hidden> (กรุณากรอกข้อมูลให้ครบ 13 หลัก) </span>
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>หมดอายุวันที่ <small class="text-danger">( วัน/เดือน/ปี พ.ศ. )</small> <span class="text-danger">*</span></b>
                        <input type="text" id="card_expire_date" name="card_expire_date" class="form-control" data-mask="99/99/9999" placeholder="" onchange="checkDate('passport_expire_date');">
                    </div>
                </div>

<div class="row mb-2">
                    <div class="col-lg-4 col-12 mb-2">
                        <b>เลขบัตรประจำตัว / ใบอนุญาตทำงาน <span class="text-danger">*</span></b>
                        <input type="text" class="form-control" id="work_permit" name="work_permit">
                    </div>
                    <!-- <div class="col-lg-4 col-12 mb-2">
                        <b>วันที่ออกบัตร <small class="text-danger">( วัน/เดือน/ปี พ.ศ. )</small> <span class="text-danger">*</span></b>
                        <input type="text" id="card_register_date" name="card_register_date" class="form-control" data-mask="99/99/9999" placeholder="" onchange="checkDate('card_register_date');">

</div> -->
                    <div class="col-lg-4 col-12 mb-2">
                        <b>หมดอายุวันที่ <small class="text-danger">( วัน/เดือน/ปี พ.ศ. )</small> <span class="text-danger">*</span></b>
                        <input type="text" id="work_expire_date" name="work_expire_date" class="form-control" data-mask="99/99/9999" placeholder="" onchange="checkDate('card_expire_date');">

</div>

</div>
                <div class="row mb-2">
                    <div class="col-lg-4 col-12 mb-2">
                        <b>การอนุญาตเข้าเมือง / Visa No.<span class="text-danger">*</span></b>
                        <input type="text" class="form-control" id="visa_no" name="visa_no">
                    </div>
                    <!-- <div class="col-lg-4 col-12 mb-2">
                        <b>วันที่ออกบัตร <small class="text-danger">( วัน/เดือน/ปี พ.ศ. )</small> <span class="text-danger">*</span></b>
                        <input type="text" id="card_register_date" name="card_register_date" class="form-control" data-mask="99/99/9999" placeholder="" onchange="checkDate('card_register_date');">

</div> -->
                    <div class="col-lg-4 col-12 mb-2">
                        <b>หมดอายุวันที่ <small class="text-danger">( วัน/เดือน/ปี พ.ศ. )</small> <span class="text-danger">*</span></b>
                        <input type="text" id="visa_expire_date" name="visa_expire_date" class="form-control" data-mask="99/99/9999" placeholder="" onchange="checkDate('card_expire_date');">

</div>

<div class="row mb-2">
                    <div class="col-lg-12 col-12 mb-2">
                        <b>ที่อยู่ / ที่พักอาศัย ในไทย</b> <span class="text-danger">*</span>
                        <input type="text" class="form-control" id="card_address" name="card_address" onchange="change_address(this.value)" placeholder="เลขที่ หมู่ ซอย ถนน">
                    </div>

</div>

<div class="row mb-2">
                    <div class="col-lg-3 col-12 mb-2">
                        <b> รหัสไปรษณีย์ <span class="text-danger">*</span></b>
                        <input type="text" class="form-control" id="postcode" name="postcode" onchange="selectPostCode(this.value)" maxlength="10" onkeypress="return chkNumber(event)">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>ตำบล</b>
                        <br><span id="show_district1">กรุณากรอกรหัส ปณ.</span>
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>อำเภอ</b>
                        <br><span id="show_ampoe1">กรุณากรอกรหัส ปณ.</span>
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>จังหวัด</b>
                        <br><span id="show_province1">กรุณากรอกรหัส ปณ.</span>
                    </div>
                </div>

<div class="row mb-2">
                    <div class="col-lg-4 col-12 mb-2">
                        <b>เบอร์โทรติดต่อ</b>
                        <input type="text" class="form-control" id="phone" name="phone" value="<?php echo $row_member['phone'] ?>">
                    </div>
                    <div class="col-lg-8 col-12 mb-2">
                        <b>อีเมล</b>
                        <input type="text" class="form-control" id="email" name="email" value="<?php echo $row_member['username'] ?>">
                    </div>

</div>

<label for="" class="mt-3"><b>2.ข้อมูลการทำงาน</b></label>
                <div class="row mb-2">
                    <div class="col-lg-8 col-12 mb-2">
                        <b>ชื่อสถานประกอบการ</b><span class="text-danger">*</span>
                        <input type="text" class="form-control" id="company_name" name="company_name" value="<?php echo $row_member['company_name'] ?>">
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>เลขประจำตัวผู้เสียภาษี</b> <span class="text-danger">*</span>
                        <input type="text" class="form-control" id="company_tax_no" name="company_tax_no" onkeypress="return chkNumber(event)" maxlength="13">
                        <span class="text-danger" id="company_tax_ch" hidden> (กรุณากรอกข้อมูลให้ครบ 13 หลัก) </span>
                    </div>
                </div>
                <div class="row mb-2">
                    
                    
                    <div class="col-lg-4 col-12 mb-2">
                        <b>ตำแหน่งงาน<span class="text-danger">*</span></b>
                        <select name="position" id="position" class="form-select w-100">
                            <option value="" selected>-- กรุณาเลือก --</option>
                            <?php
                            $sql_position = "SELECT * FROM tbl_member_position WHERE active_status = '1'";
                            $res_position = mysqli_query($connection, $sql_position);
                            while ($row_position = mysqli_fetch_assoc($res_position)) {
                            ?>
                                <option value="<?php echo $row_position['position_name']; ?>"><?php echo $row_position['position_name']; ?></option>
                            <?php
                            }
                            ?>
                        </select>
                    </div>

</div>

<div class="row mb-2">
                    <div class="col-lg-12 col-12 mb-2">
                        <b>ที่อยู่สถานประกอบการ</b>
                        
                        <div class="row">
                            <div class="col-lg-6 col-12 mb-2">
                                
                                <input type="checkbox" id="checkboxaddress" name="checkboxaddress" onchange="selectCheckbox();">
                                <span>&nbsp;&nbsp;ใช้ที่อยู่เดียวกับที่อยู่ตามบัตรประจำตัวประชาชน</span>
                                
                            </div>
                        </div>

</div>

<div class="row mb-2">
                    <div class="col-lg-3 col-12 mb-2">
                        <b>รหัสไปรษณีย์</b>
                        <input type="text" class="form-control" id="zipcode" name="zipcode" onchange="selectZipCode(this.value)" maxlength="10" onkeypress="return chkNumber(event)">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>ตำบล</b>
                        <br><span id="show_district2">กรุณากรอกรหัส ปณ.</span>
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>อำเภอ</b>
                        <br><span id="show_ampoe2">กรุณากรอกรหัส ปณ.</span>
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>จังหวัด</b>
                        <br><span id="show_province2">กรุณากรอกรหัส ปณ.</span>
                    </div>
                </div>
                <div class="row md-2">
                    <div class="col-lg-4 col-12 mb-2">
                        <b>เบอร์โทรติดต่อ</b>
                        <input type="text" class="form-control" id="company_phone" name="company_phone" value="">
                    </div>
                    <div class="col-lg-8 col-12 mb-2">
                        <b>อีเมล</b>
                        <input type="text" class="form-control" id="company_email" name="company_email" value="">
                    </div>
                </div>

<label for="" class="mt-3"><b>3.ที่อยู่ในการออกใบเสร็จรับเงิน</b></label>
                <div class="row">
                    <div class="col-lg-3 col-12 mb-2">
                        
                        <input type="checkbox" id="selectcardaddress" name="selectaddress" onchange="selectCardAddress();">
                        <span>&nbsp;&nbsp;ใช้ที่อยู่เดียวกับผู้สมัคร</span>
                        
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        
                        <input type="checkbox" id="selectaddress" name="selectaddress" onchange="selectAddress();">
                        <span>&nbsp;&nbsp;ใช้ที่อยู่เดียวสถานประกอบการ</span>
                        
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-lg-8 col-12 mb-2">
                        <b>ชื่อสำหรับออกใบเสร็จ/ใบกำกับภาษี</b>
                        <input type="text" class="form-control" id="invoice_name" name="invoice_name">
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>เลขประจำตัวผู้เสียภาษี</b>
                        <input type="text" class="form-control" id="invoice_tax" name="invoice_tax" onkeypress="return chkNumber(event)" maxlength="13">
                        <span class="text-danger" id="invoice_tax_ch" hidden> (กรุณากรอกข้อมูลให้ครบ 13 หลัก) </span>
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-lg-12 col-12 mb-2">
                        <b>ที่อยู่</b>
                        <input type="text" class="form-control" id="invoice_address" name="invoice_address" placeholder="เลขที่ หมู่ ซอย ถนน">
                    </div>
                </div>

<div class="row mb-2">
                    <div class="col-lg-3 col-12 mb-2">
                        <b>รหัสไปรษณีย์</b>
                        <input type="text" class="form-control" id="zipcode2" name="zipcode2" onchange="selectZipCode2(this.value)" maxlength="10" onkeypress="return chkNumber(event)">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <input type="hidden" id="invoice_district" name="invoice_district">
                        <b>ตำบล</b>
                        <br><span id="show_district3">กรุณากรอกรหัส ปณ.</span>
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>อำเภอ</b>
                        <br><span id="show_ampoe3">กรุณากรอกรหัส ปณ.</span>
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>จังหวัด</b>
                        <br><span id="show_province3">กรุณากรอกรหัส ปณ.</span>
                    </div>

</div>
                <div class="row mb-2">
                    <div class="col-lg-4 col-12 mb-2">
                        <b>เบอร์โทรติดต่อ</b>
                        <input type="text" class="form-control" id="invoice_phone" name="invoice_phone">
                    </div>
                    <div class="col-lg-8 col-12 mb-2">
                        <b>อีเมล</b>
                        <input type="text" class="form-control" id="invoice_email" name="invoice_email">
                    </div>
                </div>

<div class="row mb-2 mt-3">
                    <div class="col-md-12"><b>4.เอกสารประกอบการสมัคร</b> <span class="text-danger"> ( แนบได้เฉพาะไฟล์นามสกุล .jpg , .jpeg , .png ) </span></div>
                </div>

<?php
                $sql = "SELECT * FROM tbl_register_document WHERE register_type = '{$_POST['register_id']}' AND member_type = '" . $_POST['id'] . "' ORDER BY list_order ASC";
                $rs = mysqli_query($connection, $sql);
                if ($rs) {
                    $i = 1;
                    foreach ($rs as $key => $document) {

?>
                        <div class="row mb-3">
                            <div class="col-3">
                                <b><?php echo $document['doc_name'] ?> <span class="text-danger">*</span></b>
                            </div>
                            <div class="col-6">
                                <div class="image-upload_<?= $i ?>">
                                    <input type="file" id="document_file_<?= $i ?>" name="document_file[]" value="" onchange="ImageReadURL(this,value,'<?= $i ?>');" multiple>
                                </div>
                                <div class="col-md-10 col-9 show_upload_<?= $i ?> mt-1" hidden>
                                    <div class="row">
                                        <div class="col-md-5 ml-4"><span style="color: green;"><b>แนบรูปภาพแล้ว</b></span></div>
                                        <div class="col-md-1 col-1">
                                            <a href="javascript:void(0);" onclick="ViewImage('<?= $i ?>');"><i class="fa fa-search"></i></a>
                                        </div>
                                        <div class=" col-md-1 col-1">
                                            <a href="javascript:void(0);" onclick="RemoveImage('<?= $i ?>');"><i class="fa fa-close"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

<div class="modal fade" id="myModal_<?= $i ?>" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog modal-xxl modal-dialog-centered">
                                <div class="modal-content animated fadeIn">
                                    <div class="modal-header">
                                        <h4 class="modal-title">รูปภาพ</h4>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="row">
                                            <div class="col-lg-12 mb-2">
                                                <div class="form-group">
                                                    <img id="example_image_<?= $i ?>" src="" style="width:100%;">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>&nbsp;ปิด</button>
                                    </div>
                                </div>
                            </div>
                        </div>

<?php
                        $i++;
                    }
                }
                $row = mysqli_fetch_array($rs);
                ?>

<div class="row mt-3 mb-2 sig_pad">
                    <div class="col-md-12 mb-2" id="signature_box"></div>
                </div>
                <div class="row mb-2 mt-3">
                    <div class="col-md-12">
                        <button type="button" class="btn btn-block btn-success" id="save_data" onclick="check_add();">บันทึก</button>
                    </div>
                    
                </div>

</div>
        </div>
    </div>
</form>
<script>
    $(document).ready(function() {

// $('.i-checks').iCheck({
        //     checkboxClass: 'icheckbox_square-green',
        //     radioClass: 'iradio_square-green',
        // });
        $('.form-select').select2();
        // Signature()
        // SigPad($("#sig_validate").val())

});

function remove_image() {
        $('#example_image').attr('src', null);
        $('.show_upload_image').attr('hidden', true);
        $('.custom-file').attr('hidden', false);
        var inputElement = document.getElementById('profile_image');
        if (inputElement.files.length > 0) {
            // ลบไฟล์ที่ถูกเลือกอยู่
            inputElement.value = null;
        }
    }

function ViewImage(position) {
        $('#myModal_' + position).modal('show');
    }

function RemoveImage(position) {
        $('#example_image_' + position).attr('src', null);
        $('.show_upload_' + position).attr('hidden', true);
        $('.image-upload_' + position).attr('hidden', false);
        var inputElement = document.getElementById('document_file_' + position);
        if (inputElement.files.length > 0) {
            // ลบไฟล์ที่ถูกเลือกอยู่
            inputElement.value = null;
        }
    }

function ChectAccept() {

if ($('#accept1').is(':checked') && $('#accept2').is(':checked')) {
            $('#submit_button').attr('disabled', false);
            $('#save_data').attr('disabled', true);
            // Signature()
        } else {
            $('#submit_button').attr('disabled', true);
            $('#save_data').attr('disabled', false);
            // $('#signature_box').attr('hidden', true);

}

function check_add(action) {

var formData = new FormData($("#form_submit")[0]);

let admin_id = localStorage.getItem('admin_id')
        let member_id = localStorage.getItem('member_id')

if (admin_id != 'null') {
            formData.append('update_user', admin_id);
        } else if (member_id != 'null') {
            formData.append('update_user', member_id);
        }

// var sig_validate = $("#sig_validate").val()
        // if (sig_validate == 1) {
        //     var canvas = document.getElementById('sign-pad');
        //     var img_data = canvas.toDataURL(); // Convert canvas content to base64 image data
        //     formData.append('signature', img_data);

//     // html2canvas([document.getElementById('sign-pad')], {
        //     //     onrendered: function(canvas) {
        //     //         var canvas_img_data = canvas.toDataURL('image/png');
        //     //         var img_data = canvas_img_data.replace(/^data:image\/(png|jpg);base64,/, "");
        //     //         formData.append('signature', img_data);
        //     //     }
        //     // });
        // }

$.ajax({
            type: 'POST',
            // url: 'ajax/join/insert_worker.php',
            url: 'ajax/add_worker/insert_detail.php',
            data: formData,
            processData: false,
            contentType: false,
            dataType: 'json',
            beforeSend: function() {
                swal({
                    title: "กำลังทำการบันทึก",
                    text: "กรุณารอสักครู่",
                    imageUrl: "ajax-loader.gif",
                    showConfirmButton: false,
                    allowOutsideClick: false
                });
            },
            error: function(data) {
                console.log("error : " + data.responseText);

swal({
                    title: "เกิดข้อผิดพลาด",
                    text: "ไม่สามารถบันทึกรายการได้ กรุณาแจ้งทีมงาน",
                    type: "error",
                });
            },
            success: function(data) {

if (data.status == 200) {
                    // localStorage.setItem("register_type", data.register_type);
                    // localStorage.setItem("register_level", data.register_level);

swal({
                        title: data.message,
                        type: "success"
                    }, function() {
                        swal.close();
                        location.href = "index_setting_member"
                    });
                } else if (data.status == 500) {
                    swal({
                        title: "คำเตือน",
                        text: data.message,
                        type: "error"
                    });
                }
            }
        })

}

function selectCheckbox() {
        var checkboxaddress = document.getElementById("checkboxaddress");
        var postcode = $('#postcode').val();
        if (checkboxaddress.checked == true) {
            $('#zipcode').attr('disabled', true);

$('#zipcode').val(postcode);
            $('#show_ampoe2').html($('#show_ampoe1').html());
            $('#show_province2').html($('#show_province1').html());
            $('#company_address').val($('#card_address').val());
            $('#comp_phone').val($('#phone').val());
            $('#comp_fax').val($('#fax').val());
            $('#comp_email').val($('#email').val());

var select = document.getElementById("card_district_id");
            var selectedOption = select.options[select.selectedIndex].text;
            $('#show_district2').html(selectedOption);

} else {
            $('#zipcode').attr('disabled', false);
            $('#zipcode').val(null);
            $('#company_address').val(null);
            $('#show_ampoe2').html("กรุณากรอกรหัส ปณ.");
            $('#show_province2').html("กรุณากรอกรหัส ปณ.");
            $('#show_district2').html("กรุณากรอกรหัส ปณ.");
        }
    }

function selectCardAddress() {
        var selectcardaddress = document.getElementById("selectcardaddress");
        var postcode = $('#postcode').val();
        if (selectcardaddress.checked == true) {
            $('#zipcode2').attr('disabled', true);

$('#zipcode2').val(postcode);
            $('#show_ampoe3').html($('#show_ampoe1').html());
            $('#show_province3').html($('#show_province1').html());
            $('#invoice_address').val($('#card_address').val());
            $('#invoice_phone').val($('#phone').val());
            $('#invoice_email').val($('#email').val());
            $('#invoice_name').val($('#member_name').val());
            $('#invoice_tax').val($('#citizen_no').val());
            $('#invoice_district').val($('#card_district_id').val());
            $('#selectaddress').prop("checked", false);
            var select = document.getElementById("card_district_id");
            var selectedOption = select.options[select.selectedIndex].text;
            $('#show_district3').html(selectedOption);

} else {
            $('#zipcode2').attr('disabled', false);
            $('#zipcode2').val(null);
            $('#invoice_name').val(null);
            $('#invoice_address').val(null);
            $('#invoice_tax').val(null);
            $('#invoice_phone').val(null);
            $('#invoice_email').val(null);
            $('#show_ampoe3').html("กรุณากรอกรหัส ปณ.");
            $('#show_province3').html("กรุณากรอกรหัส ปณ.");
            $('#show_district3').html("กรุณากรอกรหัส ปณ.");
            $('#invoice_district').val(null);
        }
    }

function selectAddress() {
        var selectaddress = document.getElementById("selectaddress");
        var zipcode = $('#zipcode').val();
        if (selectaddress.checked == true) {
            $('#zipcode2').attr('disabled', true);

$('#zipcode2').val(zipcode);
            $('#show_ampoe3').html($('#show_ampoe2').html());
            $('#show_province3').html($('#show_province2').html());
            $('#invoice_name').val($('#company_name').val());
            $('#invoice_tax').val($('#company_tax_no').val());
            $('#invoice_address').val($('#company_address').val());
            $('#invoice_phone').val($('#company_phone').val());
            $('#invoice_email').val($('#company_email').val());

$('#selectcardaddress').prop("checked", false);
            if (zipcode != null) {
                var select = document.getElementById("company_district_id");
                $('#invoice_district').val($('#company_district_id').val());
                if (select == null) {
                    var select = document.getElementById("card_district_id");
                    $('#invoice_district').val($('#card_district_id').val());
                }
            }
            var selectedOption = select.options[select.selectedIndex].text;
            $('#show_district3').html(selectedOption);

function change_address() {
        var card_address = $('#card_address').val();
        var checkboxaddress = document.getElementById("checkboxaddress");
        if (checkboxaddress.checked == true) {
            $('#company_address').val($('#card_address').val());
        }
    }

function selectPostCode() {
        var postcode = $('#postcode').val();
        var checkboxaddress = document.getElementById("checkboxaddress");
        $.ajax({
            type: "GET",
            data: {
                postcode: postcode,
                nameform: 'card_district_id',
                namefn: 'card'
            },
            dataType: 'json',
            url: "ajax/join/getpostcode.php",
            success: function(response) {
                if (response.status == 200) {
                    $('#show_district1').html(response.data.district);
                    $('#show_ampoe1').html(response.data.amphoe);
                    $('#show_province1').html(response.data.province);
                    if (checkboxaddress.checked == true) {
                        $('#zipcode').attr('disabled', true);

$('#zipcode').val(postcode);
                        $('#show_ampoe2').html($('#show_ampoe1').html());
                        $('#show_province2').html($('#show_province1').html());
                        // $('#show_district2').html($('#show_district1').html());

function districtChange() {
        var checkboxaddress = document.getElementById("checkboxaddress");

if (checkboxaddress.checked == true) {
            var select = document.getElementById("card_district_id");
            var selectedOption = select.options[select.selectedIndex].text;
            $('#show_district2').html(selectedOption);
        }
    }

function invoice_districtChange() {
        let invoice_district_id = $("#invoice_district_id").val();
        $.ajax({
            type: "post",
            url: "ajax/join/getdistric.php",
            data: {
                district_id: invoice_district_id,
            },
            dataType: "json",
            success: function(response) {
                $('#show_ampoe3').html(response.data.amphoe);
                $('#show_province3').html(response.data.province);
                $("#invoice_district").val(invoice_district_id);
                
            }

});
    }
</script>