@php
    $securityDashboard = $securityDashboard ?? ['score' => 0, 'label' => 'needs attention', 'tone' => 'danger', 'factors' => [], 'recommendations' => [], 'alerts' => []];
    $recoveryRemaining = $recoveryRemaining ?? 0;
    $trustedDevices = $trustedDevices ?? collect();
    $currentTrustedDevice = $currentTrustedDevice ?? null;
    $activeSessions = $activeSessions ?? [];
    $passkeys = $passkeys ?? collect();
    $authMethods = $authMethods ?? collect();
    $loginHistories = $loginHistories ?? null;
    $privacyPolicy = $privacyPolicy ?? [];
    $mfaSettings = $mfaSettings ?? [];
    $pendingTotpSecret = $pendingTotpSecret ?? null;
    $pendingTotpQrUrl = $pendingTotpQrUrl ?? null;
@endphp

<div class="security-center">
    @include('auth.profile.security._overview')
    @include('auth.profile.security._alerts')
    @include('auth.profile.security._recommendations')
    @include('auth.profile.security._password')
    @include('auth.profile.security._mfa')
    @include('auth.profile.security._passkeys')
    @include('auth.profile.security._recovery')
    @include('auth.profile.security._trusted_devices')
    @include('auth.profile.security._sessions')
    @include('auth.profile.security._activity')
    @include('auth.profile.security._privacy')
</div>

@push('scripts')
    <script>
        document.querySelectorAll('[data-security-confirm]').forEach(function (button) {
            button.closest('form')?.addEventListener('submit', function (event) {
                event.preventDefault();

                const form = event.currentTarget;

                Swal.fire({
                    title: button.dataset.securityConfirm,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'OK',
                    cancelButtonText: 'Cancel',
                    customClass: {
                        confirmButton: 'btn btn-primary',
                        cancelButton: 'btn btn-outline-danger ms-1'
                    },
                    buttonsStyling: false
                }).then(function (result) {
                    if (result.isConfirmed || result.value) {
                        form.submit();
                    }
                });
            });
        });
    </script>
@endpush