<div class="modal fade" id="bayar_detail" tabindex="-1" role="dialog" aria-labelledby="bayar_detailTitle"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="bayar_detailTitle">
                    Detail Bayar Iuran
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="detail_body_arisan">
                <?php echo form_open_multipart('arisan/operasional/jm/crud'); ?>
                <input type="hidden" name="<?= $this->security->get_csrf_token_name(); ?>"
                    value="<?= $this->security->get_csrf_hash(); ?>" style="display: none">
                <div class="form-group">
                    <label>Undian Arisan</label>
                    <input type="text" class="form-control" id="regist_undian" name="regist_undian"
                        placeholder="Masukkan Registrasi Undian Arisan" required readonly>
                    <input type="text" class="form-control" id="arisan_id" value="<?= $data_arisan['id'] ?>"
                        name="arisan_id" placeholder="Masukkan Registrasi Undian Arisan" required readonly hidden>
                </div>
                <div class="form-group">
                    <label>Total Iuran</label>
                    <input type="number" class="form-control" value="<?= $data_arisan['tagihan_iuran'] ?>"
                        id="iuran_arisan" name="iuran_arisan" placeholder="Masukkan Api Key" readonly>
                </div>
                <div class="form-group">
                    <label>Nomor HP Kirim Nota</label>
                    <input type="number" class="form-control" id="no_hp" name="no_hp" placeholder="Masukkan Api Key"
                        required>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-primary" data-dismiss="modal">
                    Close
                </button>
                <button type="submit" id="bayarIuranArisan" name="bayarIuranArisan"
                    class="btn btn-warning">Bayar</button>
            </div>
            <?php echo form_close(); ?>
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).on("click", "#detail_bayar", function() {
    var regist_undian = $(this).data('regist_undian');
    var no_hp = $(this).data('no_hp');
    $(".modal-body#detail_body_arisan #regist_undian").val(regist_undian);
    $(".modal-body#detail_body_arisan #no_hp").val(no_hp);
})
</script>