{{-- profile basic --}}
            <div class="card">
                <div class="card-body">
                    <form action="" id="basic_profile">
                        {{-- Poto profile --}}
                        <div class="text-center chat-image mb-5">
                            <input type="hidden" name="id" value="{{ $penduduk->id }}">
                            <div class="avatar avatar-xxl chat-profile mb-3 brround">
                                <img alt="avatar" onclick="{$('#profile').trigger('click')}"
                                    onerror="this.src='{{ asset('assets/templates/admin/profile.png') }}';this.onerror='';"
                                    src="{{ $penduduk->fotoUrl() }}" class="brround" id="img_profile"
                                    style="height: 80px; width: 80px; object-fit: cover; object-position: center; border-radius: 50%;">
                            </div>
                            <div class="text-center">
                                <h6 class="mb-1">{{ $penduduk->nama }}</h6>
                                @if ($user->username)
                                    <p class="text-muted mt-0 mb-0 pt-0 fs-13">{{ '@' . $user->username }}</p>
                                @endif
                            </div>
                        </div>
                        {{-- riwayat kepengurusan --}}
                        @php
                            $kepengurusans = $penduduk->profileKepengurusans();
                        @endphp
                        @if ($kepengurusans)
                            <div class="text-left mt-3">
                                <h6 class="mb-1">Riwayat Kepengurusan:</h6>
                                @foreach ($kepengurusans as $kepengurusan)
                                    <p class="text-muted mt-0 mb-0 pt-0 fs-13">{{ $kepengurusan }}</p>
                                @endforeach
                            </div>
                        @endif
                        {{-- nomor_ktp --}}
                        <div class="form-group  mt-3">
                            <label for="nomor_ktp">Nomor KTP</label>
                            @if (config('app.user_input_nomor_ktp'))
                                <input type="text" minlength="16" maxlength="16" pattern="[0-9]{16}" class="form-control" id="nomor_ktp"
                                    name="nomor_ktp" placeholder="Nomor KTP" value="{{ $user->nomor_ktp }}" required>
                            @else
                                <p class="text-muted mt-0 mb-0 pt-0 fs-13">{{ $user->nomor_ktp }}</p>
                                <input type="hidden" minlength="16" maxlength="16" pattern="[0-9]{16}" id="nomor_ktp" name="nomor_ktp"
                                    value="{{ $user->nomor_ktp }}" required>
                            @endif
                        </div>
                        {{-- nomor_kk --}}
                        <div class="form-group  mt-3">
                            <label for="nomor_kk">Nomor KK</label>
                            @if (config('app.user_input_nomor_kk'))
                                <input type="text" minlength="16" maxlength="16" pattern="[0-9]{16}" class="form-control" id="nomor_kk"
                                    name="nomor_kk" placeholder="Nomor KK" value="{{ $penduduk->nomor_kk }}" required>
                            @else
                                <p class="text-muted mt-0 mb-0 pt-0 fs-13">{{ $penduduk->nomor_kk }}</p>
                                <input type="hidden" minlength="16" maxlength="16" pattern="[0-9]{16}" id="nomor_kk" name="nomor_kk"
                                    value="{{ $penduduk->nomor_kk }}" required>
                            @endif
                        </div>
                        <hr>

                        <label for="foto" class="form-label mb-0">Foto Profile</label>
                        <div class="input-group password-toggle">
                            <span class="input-group-text toggle"><i class='far fa-user-circle'></i></span>
                            <input type="file" class="form-control" id="profile" name="profile" accept="image/*"
                                form="basic_profile">
                        </div>
                        {{-- form profile --}}
                        <div class="form-group">
                            <label class="form-label">Tentang Saya</label>
                            <textarea class="form-control" rows="4" name="bio" id="bio" placeholder="My bio.........">{{ $penduduk->bio }}</textarea>
                        </div>
                    </form>
                </div>
                <div class="card-footer text-end">
                    <button type="submit" form="basic_profile" class="btn btn-primary my-1">
                        <li class="fas fa-save mr-1"></li> Simpan Perubahan
                    </button>
                </div>
            </div>