{{-- modal pengalaman_organisasi --}}
    <div class="modal fade" id="modal-pengalaman_organisasi">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title" id="modal-pengalaman_organisasi-title"></h6><button aria-label="Close"
                        class="btn-close" data-bs-dismiss="modal"><span aria-hidden="true"></span></button>
                </div>
                <div class="modal-body">
                    <form action="javascript:void(0)" id="pengalaman_organisasi_form" method="POST"
                        enctype="multipart/form-data">
                        <input type="hidden" name="penduduk_id" value="{{ $penduduk->id }}">
                        <input type="hidden" name="id" id="pengalaman_organisasi_id">
                        <div class="form-group">
                            <label class="form-label" for="pengalaman_organisasi_nama">Nama Organisasi<span
                                    class="text-danger">*</span></label>
                            <select style="width: 100%;" class="form-control" id="pengalaman_organisasi_nama"
                                name="nama" placeholder="Nama Organisasi" required="">
                            </select>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="pengalaman_organisasi_dari">Dari <span
                                            class="text-danger">*</span></label>
                                    <input type="number" class="form-control" id="pengalaman_organisasi_dari"
                                        name="dari" placeholder="Tahun Dari" required="" />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="pengalaman_organisasi_sampai">Sampai</label>
                                    <input type="number" class="form-control" id="pengalaman_organisasi_sampai"
                                        name="sampai" placeholder="Tahun Sampai" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="pengalaman_organisasi_jabatan">Jabatan <span
                                    class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="pengalaman_organisasi_jabatan" name="jabatan"
                                placeholder="Nama jabatan" required="" />
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="pengalaman_organisasi_keterangan">Keterangan/Lainnya
                            </label>
                            <input type="text" class="form-control" id="pengalaman_organisasi_keterangan"
                                name="keterangan" placeholder="Keterangan" />
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" form="pengalaman_organisasi_form">
                        <li class="fas fa-save mr-1"></li> Simpan Perubahan
                    </button>
                    <button class="btn btn-light" data-bs-dismiss="modal">
                        <i class="fas fa-times"></i>
                        Tutup
                    </button>
                </div>
            </div>
        </div>
    </div>