<div class="flex max-w-xl mx-auto min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
    <x-card>
        <flux:heading>You're about to log into</flux:heading>
        <flux:heading size="xl">{{ $client->name }}</flux:heading>
        <flux:separator />
        <flux:text size="xl">Logging in as: {{ auth()->user()->name }}</flux:text>
        <flux:separator />
        <div class="flex gap-4">
            <flux:button wire:click="approve" variant="primary">Confirm</flux:button>
            <flux:button wire:click="deny" variant="ghost">Cancel</flux:button>
        </div>
    </x-card>
</div>