invisio v2.0

<?php
include('../../../config/main_function.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);
?>
<form id="form_submit" method="POST" enctype="multipart/form-data">
    <input type="hidden" class="form-control" id="member_id" name="member_id">
    <input type="hidden" class="form-control" id="register_type" name="register_type" value="<?php echo $_POST['id']; ?>">
    <input type="hidden" class="form-control" id="register_id" name="register_id" value="<?php echo $_POST['register_id']; ?>">
    <div class="container mb-5 px-0">
        <div class="ibox">
            <div class="ibox-content">

<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="member_name" name="member_name">
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>ชื่อ - นามสกุลภาษาอังกฤษ</b>
                        <input type="text" class="form-control" id="member_name_en" name="member_name_en">
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>รูปถ่าย ไม่เกิน 6 เดือน <small class="text-danger">(ขนาดรูปที่แนะนำ 1200x900 px)</small></b>
                        <div class="row">
                        <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" 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-3 col-12 mb-2">
                        <b>เชื้อชาติ</b>
                        <input type="text" class="form-control" id="race" name="race">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>สัญชาติ</b>
                        <input type="text" class="form-control" id="nationality" name="nationality">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>ศาสนา</b>
                        <input type="text" class="form-control" id="religion" name="religion">
                    </div>
                    <div class="col-lg-3 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>

<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="citizen_no" name="citizen_no" maxlength="13" onkeypress="return chkNumber(event)">
                    </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="card_expire_date" name="card_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-12 col-12 mb-2">
                        <b>ที่อยู่ <span class="text-danger">*</span></b>
                        <textarea name="foreign_address" id="foreign_address" cols="30" rows="5" class="form-control"></textarea>
                    </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" id="card_district_id" name="card_district_id" class="form-control" placeholder="">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>เบอร์โทรติดต่อ</b>
                        <input type="text" class="form-control" id="phone" name="phone">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>โทรสาร</b>
                        <input type="text" class="form-control" id="fax" name="fax">
                    </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="email" name="email">
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>วุฒิการศึกษาสูงสุด</b>
                        <select class="form-control" id="education_level" name="education_level">
                            <option value="">กรุณาเลือก</option>
                            <option value="1">ปริญญาเอก</option>
                            <option value="2">ปริญญาโท</option>
                            <option value="3">ปริญญาตรี หรือ เทียบเท่า</option>
                            <option value="4">ต่ำกว่า ปริญญาตรี </option>
                        </select>
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>ตำแหน่ง</b>
                        <input type="text" class="form-control" id="position" name="position">
                    </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="license_no" name="license_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="license_register_date" name="license_register_date" class="form-control" data-mask="99/99/9999" placeholder="" onchange="checkDate('license_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="license_expire_date" name="license_expire_date" class="form-control" data-mask="99/99/9999" placeholder="" onchange="checkDate('license_expire_date');">

</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="company_name" name="company_name">
                    </div>
                    <div class="col-lg-4 col-12 mb-2">
                        <b>แผนก</b>
                        <input type="text" class="form-control" id="department" name="department">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-lg-3 col-12 mb-2">
                        <b>ประเภท</b>
                        <select class="form-control" id="company_type" name="company_type">
                            <option value="">กรุณาเลือก</option>
                            <option value="1">บุคคลธรรมดา</option>
                            <option value="2">นิติบุคคล</option>
                        </select>
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>เลขที่ประจำตัวผู้เสียภาษี</b>
                        <input type="text" class="form-control" id="company_tax_no" name="company_tax_no">
                    </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="company_address" name="company_address" placeholder="เลขที่ หมู่ ซอย ถนน">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>รหัสไปรษณีย์ <span class="text-danger">*</span></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>

<div class="row mb-2">
                    <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 class="col-lg-3 col-12 mb-2">
                        <b>เบอร์โทรติดต่อ</b>
                        <input type="text" class="form-control" id="company_phone" name="company_phone" value="">
                    </div>
                    <div class="col-lg-3 col-12 mb-2">
                        <b>โทรสาร</b>
                        <input type="text" class="form-control" id="company_fax" name="company_fax" value="">
                    </div>
                </div>
                <div class="row md-2">
                    <div class="col-lg-6 col-12 mb-2">
                        <b>อีเมล</b>
                        <input type="text" class="form-control" id="company_email" name="company_email" value="">
                    </div>
                </div>

<div class="row mb-2">
                    <div class="col-md-12 mt-3 mb-2">
                        
                        <input type="checkbox" id="accept1" name="" onclick="ChectAccept()">&nbsp;&nbsp;
                        ข้าพเจ้าได้ศึกษาทำความเข้าใจใน <a href="ajax/join/rules.pdf" target="_blank"><u>ข้อบังคับ</u></a> ของสมาชิกสมาคมผู้ประกอบการนำเข้าคนงานต่าวด้าวมาทำงานในประเทศ (ประเทศไทย)
                        <br />โดยละเอียดแล้ว และ ยินดีปฏิบัติตามข้อบังคับ ของสมาคม ฯ และ ให้ความร่วมมือในกิจการของสมาคมฯ ทุกประการ

</div>
                    <div class="col-md-12 mb-2">
                        
                        <input type="checkbox" id="accept2" name="" onclick="ChectAccept()">&nbsp;&nbsp;
                        ข้าพเจ้ารับทราบว่า ต้องพิมพ์ใบสมัคร หลังจากกรอกแบบฟอร์ม และ ชำระเงินแล้ว เซ็นกำกับ พร้อมกับ ส่งเอกสารประกอบตามรายการ
                        <br />ด้านล่างนี้ มาที่สมาคม เพื่อยืนยันการสมัคร และ รับทราบว่า ข้าพเจ้าจะได้รับสิทธิ์สมบูรณ์ เมื่อทางสมาคม ได้รับเอกสาร พร้อมกรรมการรับรองแล้วเท่านั้น
                        
                    </div>
                </div>

<div class="row mb-2">
                    <div class="col-md-12"><b>เอกสารที่ต้องใช้ในการสมัคร</b></div>
                </div>

<?php
                $sql = "SELECT * FROM tbl_register_document WHERE register_type = '" . $_POST['register_id'] . "' AND member_type = '" . $_POST['id'] . "'";
                $rs = mysqli_query($connection, $sql);
                if ($rs) {
                    foreach ($rs as $key => $document) {
                ?>
                        <div class="row">
                            <div class="col-md-12"><b><?php echo $document['doc_name'] ?></b></div>
                        </div>
                <?php
                    }
                }
                $row = mysqli_fetch_array($rs);
                ?>

<div class="row mb-2 mt-3">
                    <div class="col-md-12">
                        <button type="button" class="btn btn-block btn-info" id="submit_button" onclick="check_add();" disabled>ลงทะเบียน</button>
                    </div>
                </div>

</div>
        </div>
    </div>
</form>
<script>
    $(document).ready(function() {
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green',
        });
    });
</script>
<script>
    var member_id = localStorage.getItem("member_id");
    $('#member_id').val(member_id);

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 ChectAccept() {

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

}

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

var member_name = $('#member_name').val();
        var birth_date = $('#birth_date').val();
        var citizen_no = $('#citizen_no').val();
        var card_register_date = $('#card_register_date').val();
        var card_expire_date = $('#card_expire_date').val();
        var card_address = $('#card_address').val();
        var postcode = $('#postcode').val();
        var license_no = $('#license_no').val();
        var license_register_date = $('#license_register_date').val();
        var license_expire_date = $('#license_expire_date').val();
        var company_address = $('#company_address').val();
        var zipcode = $('#zipcode').val();

if (member_name == "" || birth_date == "" || citizen_no == "" || card_register_date == "" || card_expire_date == "" || card_address == "" 
        || postcode == "" || license_no == "" || license_register_date == "" || license_expire_date == "" || company_address == "" || zipcode == "") {

swal({
                title: "เกิดข้อผิดพลาด",
                text: "กรุณากรอกข้อมูลที่มี * ให้ครบถ้วน",
                type: "error",
            });
            return false;
        }

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

$.ajax({
                type: 'POST',
                url: 'ajax/join/insert_agency.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 = "payment"
                        });
                    } else if (data.status == 500) {
                        swal({
                            title: "คำเตือน",
                            text: data.message,
                            type: "error"
                        });
                    }
                }
            })

});
    }

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 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());

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 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',
            },
            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());