{{-- relasi_keluarga --}}
                <div class="col-12">
                    <div class="card">
                        <div class="card-header d-md-flex flex-row justify-content-between">
                            <h6 class="mt-2">Relasi Keluarga</h6>
                            <div>
                              <button class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#modal-family_tree">
                                  <i class="fa fa-tree me-2"></i>Pohon Keluarga
                              </button>
                              <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modal-relasi_keluarga">
                                  <i class="fa fa-plus me-2"></i>Tambah Data
                              </button>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="debug-info d-none"
                                 data-penduduk-id="{{ $penduduk->id ?? auth()->user()->penduduk_id ?? 'null' }}"></div>
                            <div class="list-group list-group-flush" id="relasi_keluarga-body">
                                <div class="text-center py-4">
                                    <i class="fas fa-spinner fa-spin me-2"></i>
                                    Memuat data relasi keluarga...
                                </div>
                            </div>
                        </div>
                    </div>
                </div>