@if ($google_accounts->count())
                    {{-- google akun --}}
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h6 class="mt-2">Akun Google Tertaut</h6>
                            </div>
                            <div class="card-body p-0">
                                <div class="list-group list-group-flush" id="akun-google-body">
                                    @foreach ($google_accounts as $akun)
                                        @php
                                            $detail = $akun->getProviderData();
                                        @endphp
                                        <div
                                            class="list-group-item list-group-item-action d-md-flex flex-row justify-content-between">
                                            <div>
                                                @if ($detail != null)
                                                    <div class="d-flex flex-row">
                                                        <img src="{{ $detail->avatar }}" alt="{{ $detail->name }}"
                                                            style="width: 45px; height: 45px; object-fit: cover; border-radius: 50%;">
                                                        <div class="ms-3">
                                                            <h6 class="mb-1">{{ $detail->name }}</h6>
                                                            <a href="mailto:{{ $detail->email }}"
                                                                class="link-primary">{{ $detail->email }}</a>
                                                        </div>
                                                    </div>
                                                @else
                                                    {{ $akun->provider_id }}
                                                @endif
                                            </div>

                                            <div>
                                                <button class="btn btn-danger btn-sm"
                                                    onclick="googleHapus({{ $akun->id }})" data-toggle="tooltip"
                                                    title="Hapus Data">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                @endif