invisio v2.0

<?php
include('../../../config/main_function.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);
$register_level = mysqli_real_escape_string($connection, $_POST['register_level']);
if ($register_level == 'g9k1s') {
    $level = '1';
}elseif ($register_level == 'kki22') {
    $level = '2';
}elseif ($register_level == 'x9fkq') {
    $level = '3';
}

?>
<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">
    <form action="" id="import_document" method="POST" enctype="multipart/form-data">
        <input type="hidden" name="member_id" value="<?php echo $_POST['member_id'] ?>">
        <input type="hidden" name="register_type" value="<?php echo $_POST['register_type'] ?>">
        <input type="hidden" name="document_id" value="<?php echo getRandomID(10, 'tbl_member_document', 'document_id'); ?>">

<!-- 
        <?php
        $sql = "SELECT * FROM tbl_register_document WHERE register_type = '$level' AND member_type = '{$_POST['register_type']}' 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-12">
                        <label for=""><b><?php echo $document['doc_name'] ?></b></label>

<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 mb-3">
            <div class="col-12">
                
                <div class="image-upload_9">
                    <input type="file" id="document_file_more" name="document_file_more" value="" onchange="ImageReadURL(this,value,'10');" multiple>
                </div>
            </div>
        </div>

</form>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-primary" onclick="ImportFile()"><i class="fa fa-check"></i>&nbsp;บันทึก</button>
    <button type="button" class="btn btn-white" data-dismiss="modal">ปิด</button>
</div>
<script>
    $(document).ready(function() {
        $(".form-select").select2();
    });
</script>