{{-- modal pendidikan --}}
    <div class="modal fade" id="modal-pendidikan">
        <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-pendidikan-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="pendidikan_form" method="POST" enctype="multipart/form-data">
                        <input type="hidden" name="penduduk_id" value="{{ $penduduk->id }}">
                        <input type="hidden" name="id" id="pendidikan_id">
                        <div class="form-group">
                            <label class="form-label" for="pendidikan_jenis_id">Pendidikan Jenis/Tipe</label>
                            <select class="form-control" style="width: 100%;" required="" id="pendidikan_jenis_id"
                                name="jenis_id">
                                @foreach ($pendidikan_jenis as $pendidikan)
                                    <option value="{{ $pendidikan->id }}">{{ $pendidikan->nama }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="pendidikan_instansi">Instansi <span
                                    class="text-danger">*</span></label>
                            <select style="width: 100%;" class="form-control" id="pendidikan_instansi" name="instansi"
                                placeholder="Nama Tempat belajar, Sekolah DLL" required="">
                            </select>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="pendidikan_dari">Dari <span
                                            class="text-danger">*</span></label>
                                    <input type="number" class="form-control" id="pendidikan_dari" name="dari"
                                        placeholder="Tahun Masuk" required="" />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="pendidikan_sampai">Sampai</label>
                                    <input type="number" class="form-control" id="pendidikan_sampai" name="sampai"
                                        placeholder="Tahun Keluar" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="pendidikan_jurusan">Jurusan </label>
                            <input type="text" class="form-control" id="pendidikan_jurusan" name="jurusan"
                                placeholder="Jika tidak ada bisa di kosongkan." />
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="pendidikan_keterangan">Keterangan/Lainnya </label>
                            <input type="text" class="form-control" id="pendidikan_keterangan" name="keterangan"
                                placeholder="Contoh nama, kode, kelas DLL" />
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" form="pendidikan_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>