52 lines
1.9 KiB
PHP
52 lines
1.9 KiB
PHP
<div class="p-6">
|
|
<div class="flex items-center justify-between mb-4">
|
|
<h3 class="text-xl font-semibold text-white/95">E-Mail-2FA einrichten</h3>
|
|
<button class="text-white/60 hover:text-white" wire:click="$dispatch('closeModal')">
|
|
<i class="ph ph-x text-xl"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<p class="text-white/70 mb-6">
|
|
Wir senden einen 6-stelligen Bestätigungscode an deine aktuelle Account-E-Mail.
|
|
Gib ihn unten ein, um E-Mail-2FA zu aktivieren.
|
|
</p>
|
|
|
|
{{-- Senden --}}
|
|
<div class="rounded-xl border border-white/10 bg-white/[0.04] p-4 mb-5">
|
|
<button
|
|
type="button"
|
|
wire:click="sendMail"
|
|
@if($cooldown>0) disabled @endif
|
|
class="primary-btn w-full justify-center disabled:opacity-50"
|
|
>
|
|
Code an E-Mail senden
|
|
@if($cooldown>0)
|
|
<span class="ml-2 text-white/70">({{ $cooldown }}s)</span>
|
|
@endif
|
|
</button>
|
|
</div>
|
|
|
|
{{-- Code --}}
|
|
<div class="mb-6">
|
|
<label class="block text-white/70 text-sm mb-1">6-stelliger Code</label>
|
|
<input
|
|
type="text"
|
|
inputmode="numeric"
|
|
maxlength="6"
|
|
placeholder="••••••"
|
|
wire:model.defer="code"
|
|
class="w-full h-12 rounded-xl border border-white/10 bg-white/[0.05] px-3 text-white/90 tracking-[0.35em] text-center"
|
|
>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-end gap-2">
|
|
@if($alreadyActive)
|
|
<button wire:click="disable"
|
|
class="rounded-xl border border-white/15 bg-white/[0.05] text-white/85 hover:border-rose-400/30 hover:text-rose-200 px-4 py-2">
|
|
Deaktivieren
|
|
</button>
|
|
@endif
|
|
<button wire:click="verifyAndEnable" class="primary-btn">Bestätigen & aktivieren</button>
|
|
</div>
|
|
</div>
|