<div class="modal fade" id="anggota_detail" tabindex="-1" role="dialog" aria-labelledby="anggota_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="anggota_detailTitle">
                    Detail Anggota Arisan
                </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_anggota">
                <?php echo form_open_multipart('arisan/data/kelompok_motor/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>Nomor Induk Kependudukan ( NIK )</label>
                    <input type="number" class="form-control" onkeyup="ceknik()" id="nik" name="nik"
                        placeholder="Nomor Induk Kependudukan ( NIK )" required>
                    <input type="text" class="form-control" hidden id="id_arisan" name="id_arisan"
                        value="<?= $identitas_arisan['id'] ?>" placeholder="Nomor Induk Kependudukan ( NIK )" required>
                    <input type="text" class="form-control" hidden id="login_id" name="login_id"
                        value="<?= $data_id_login ?>" placeholder="Nomor Induk Kependudukan ( NIK )" required>
                </div>
                <div class="form-group">
                    <label>Nama Panggilan</label>
                    <input type="text" class="form-control" id="nm_anggota" name="nm_anggota"
                        placeholder="Nama Anggota Kelompok Arisan" required>
                    <input type="text" class="form-control" hidden id="regist_undian" name="regist_undian"
                        placeholder="Nama Anggota Kelompok Arisan" required>
                </div>
                <div class="form-group">
                    <label>Jenis Kelamin</label>
                    <select class="form-control" id="jk" name="jk" required>
                        <option value="ok">Jenis Kelamin</option>
                        <option value="1">LAKI-LAKI</option>
                        <option value="2">PEREMPUAN</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>Alamat Lengkap</label>
                    <textarea class="form-control" name="alamat_lengkap" id="alamat_lengkap" cols="30" rows="2"
                        placeholder="Mis. Jalan, Sekolah, Perumahan, Dst" required></textarea>
                </div>
                <div class="form-row mb-4">
                    <div class="col-6">
                        <input type="number" class="form-control" placeholder="Kode Pos" id="kode_pos" name="kode_pos"
                            required>
                    </div>
                    <div class="col">
                        <select class="form-control" id="nm_rt" name="nm_rt" required>
                            <option value="ok">RT</option>
                            <option value="001">001</option>
                            <option value="002">002</option>
                            <option value="003">003</option>
                            <option value="004">004</option>
                            <option value="005">005</option>
                            <option value="006">006</option>
                            <option value="007">007</option>
                            <option value="008">008</option>
                            <option value="009">009</option>
                            <option value="010">010</option>
                            <option value="011">011</option>
                            <option value="012">012</option>
                            <option value="013">013</option>
                            <option value="014">014</option>
                            <option value="015">015</option>
                            <option value="016">016</option>
                            <option value="017">017</option>
                            <option value="018">018</option>
                            <option value="019">019</option>
                            <option value="020">020</option>
                        </select>
                    </div>
                    <div class="col">
                        <select class="form-control" id="nm_rw" name="nm_rw" required>
                            <option value="ok">RW</option>
                            <option value="001">001</option>
                            <option value="002">002</option>
                            <option value="003">003</option>
                            <option value="004">004</option>
                            <option value="005">005</option>
                            <option value="006">006</option>
                            <option value="007">007</option>
                            <option value="008">008</option>
                            <option value="009">009</option>
                            <option value="010">010</option>
                            <option value="011">011</option>
                            <option value="012">012</option>
                            <option value="013">013</option>
                            <option value="014">014</option>
                            <option value="015">015</option>
                            <option value="016">016</option>
                            <option value="017">017</option>
                            <option value="018">018</option>
                            <option value="019">019</option>
                            <option value="020">020</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label>Tempat Tanggal Lahir</label>
                    <div class="form-row mb-4">
                        <div class="col">
                            <input type="text" class="form-control" id="tempat_lahir" name="tempat_lahir"
                                placeholder="Tempat Lahir" required>
                        </div>
                        <div class="col">
                            <input type="date" max='<?= date("Y-m-d", strtotime("-18 year")); ?>' class="form-control"
                                id="tgl_lahir" name="tgl_lahir" placeholder="Tanggal Lahir" required>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label>Nomor HP</label>
                    <input type="number" class="form-control" id="no_hp" name="no_hp" placeholder="Nomor HP" required>
                </div>
                <div class="form-group">
                    <label>Pekerjaan</label>
                    <input type="text" class="form-control" id="pekerjaan" name="pekerjaan"
                        placeholder="Potongan Admin Setiap Bulan" required>
                </div>
                <div class="form-group">
                    <label>Suami / Istri</label>
                    <input type="text" class="form-control" id="suami_istri" name="suami_istri"
                        placeholder="Nama Suami atau Istri" required>
                    <small>*Jika belum menikah isi Belum Menikah, Duda, Janda</small>
                </div>
                <div class="form-group">
                    <label>Foto KTP</label>
                    <input type="file" class="form-control" id="foto_ktp" name="foto_ktp" placeholder="Foto KTP"
                        required>
                    <input type="text" class="form-control" id="foto_ktplama" name="foto_ktplama" placeholder="Foto KTP"
                        hidden>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-primary" data-dismiss="modal">
                    Close
                </button>
                <button type="submit" id="gantiAnggotaArisanMotor" name="gantiAnggotaArisanMotor"
                    class="btn btn-primary">Ganti Anggota</button>
            </div>
            <?php echo form_close(); ?>
        </div>
    </div>
</div>
<!-- Form Ajax Arisan Detail -->
<script type="text/javascript">
    $(document).on("click", "#detail_anggota", function() {
        var regist_undian = $(this).data('regist_undian');
        var nik = $(this).data('nik');
        var no_hp = $(this).data('no_hp');
        var nm_anggota = $(this).data('nm_anggota');
        var jk = $(this).data('jk');
        var alamat_lengkap = $(this).data('alamat_lengkap');
        var nm_rt = $(this).data('nm_rt');
        var nm_rw = $(this).data('nm_rw');
        var kd_pos = $(this).data('kd_pos');
        var tempat_lahir = $(this).data('tempat_lahir');
        var tgl_lahir = $(this).data('tgl_lahir');
        var pekerjaan = $(this).data('pekerjaan');
        var suami_istri = $(this).data('suami_istri');
        var foto_ktp = $(this).data('foto_ktp');
        $(".modal-body#detail_body_anggota #regist_undian").val(regist_undian);
        $(".modal-body#detail_body_anggota #nik").val(nik);
        $(".modal-body#detail_body_anggota #no_hp").val(no_hp);
        $(".modal-body#detail_body_anggota #nm_anggota").val(nm_anggota);
        $(".modal-body#detail_body_anggota #jk").val(jk);
        $(".modal-body#detail_body_anggota #alamat_lengkap").val(alamat_lengkap);
        $(".modal-body#detail_body_anggota #nm_rt").val(nm_rt);
        $(".modal-body#detail_body_anggota #nm_rw").val(nm_rw);
        $(".modal-body#detail_body_anggota #kode_pos").val(kd_pos);
        $(".modal-body#detail_body_anggota #tempat_lahir").val(tempat_lahir);
        $(".modal-body#detail_body_anggota #tgl_lahir").val(tgl_lahir);
        $(".modal-body#detail_body_anggota #pekerjaan").val(pekerjaan);
        $(".modal-body#detail_body_anggota #suami_istri").val(suami_istri);
        $(".modal-body#detail_body_anggota #foto_ktplama").val(foto_ktp);
    })
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
    function ceknik() {
        var nik = $(".modal-body#detail_body_anggota #nik").val();
        $.ajax({
            type: "POST",
            url: '<?= base_url('arisan/data/cek_anggota') ?>',
            data: 'nik=' + nik,
            success: function(data) {
                var json = data,
                    obj = JSON.parse(json);
                if (obj > 1) {
                    $(".modal-body#detail_body_anggota #nm_anggota").val();
                    $(".modal-body#detail_body_anggota #jk").val();
                    $(".modal-body#detail_body_anggota #alamat_lengkap").val();
                    $(".modal-body#detail_body_anggota #kode_pos").val();
                    $(".modal-body#detail_body_anggota #nm_rt").val();
                    $(".modal-body#detail_body_anggota #nm_rw").val();
                    $(".modal-body#detail_body_anggota #tempat_lahir").val();
                    $(".modal-body#detail_body_anggota #tgl_lahir").val();
                    $(".modal-body#detail_body_anggota #no_hp").val();
                    $(".modal-body#detail_body_anggota #pekerjaan").val();
                    $(".modal-body#detail_body_anggota #suami_istri").val();
                    $(".modal-body#detail_body_anggota #foto_ktplama").val();
                } else {
                    $(".modal-body#detail_body_anggota #nm_anggota").val(obj.nm_anggota);
                    $(".modal-body#detail_body_anggota #jk").val(obj.jk);
                    $(".modal-body#detail_body_anggota #alamat_lengkap").val(obj.alamat_lengkap);
                    $(".modal-body#detail_body_anggota #kode_pos").val(obj.kd_pos);
                    $(".modal-body#detail_body_anggota #nm_rt").val(obj.nm_rt);
                    $(".modal-body#detail_body_anggota #nm_rw").val(obj.nm_rw);
                    $(".modal-body#detail_body_anggota #tempat_lahir").val(obj.tempat_lahir);
                    $(".modal-body#detail_body_anggota #tgl_lahir").val(obj.tgl_lahir);
                    $(".modal-body#detail_body_anggota #no_hp").val(obj.no_hp);
                    $(".modal-body#detail_body_anggota #pekerjaan").val(obj.pekerjaan);
                    $(".modal-body#detail_body_anggota #suami_istri").val(obj.suami_istri);
                    $(".modal-body#detail_body_anggota #foto_ktplama").val(obj.foto_ktp);
                }
            }
        })
    }
</script>