This commit is contained in:
Mekan1206
2026-05-19 19:12:34 +05:00
parent 2ae73dd308
commit 77fab714a6
3 changed files with 107 additions and 13 deletions

View File

@@ -73,9 +73,6 @@
<button class="w-full bg-primary text-on-primary py-md rounded-full font-label-md text-label-md shadow-[0_4px_12px_rgba(0,105,72,0.3)] hover:opacity-90 active:scale-95 transition-all">
Häzir ulan
</button>
<a href="{{ route('verification.index') }}" class="w-full text-center bg-transparent text-primary py-md rounded-full font-label-md text-label-md hover:bg-primary/5 active:scale-95 transition-all">
Baş sahypa dolan
</a>
</div>
<!-- Info Card -->

View File

@@ -71,10 +71,11 @@
</div>
</form>
<div class="text-center mt-md">
<form action="{{ route('verification.resend') }}" method="POST" class="inline">
<form action="{{ route('verification.resend') }}" method="POST" class="inline" id="resend-form">
@csrf
<button type="submit" class="font-label-md text-label-md text-primary hover:underline transition-all">
Kody täzeden iber
<button type="button" id="resend-btn" class="font-label-md text-label-md text-primary hover:underline transition-all flex items-center justify-center gap-1 mx-auto">
<span id="countdown-text" class="text-on-surface-variant font-mono text-sm">(02:00)</span>
<span>Kody täzeden iber</span>
</button>
</form>
</div>
@@ -84,7 +85,7 @@
<div class="flex gap-sm">
<span class="material-symbols-outlined text-on-surface-variant" data-icon="info">info</span>
<p class="font-body-sm text-body-sm text-on-surface-variant">
SMS kody 2 minutdan 5 minuda çenli baryp biler, garaşmagyňyzy Sizden haýyş edýärin.
SMS kody 2 minutdan 5 minuda çenli baryp biler, garaşmagyňyzy Sizden haýyş edýäris.
</p>
</div>
</div>
@@ -127,5 +128,58 @@
alert('Haýyş, 4 sanly kody giriziň.');
}
});
// Resend OTP Countdown Logic
const resendBtn = document.getElementById('resend-btn');
const resendForm = document.getElementById('resend-form');
const countdownText = document.getElementById('countdown-text');
let timeLeft = 120; // 2 minutes
let storedTime = sessionStorage.getItem('resend_timeout');
// Reset timer if we just came from a successful resend
const isResent = {{ session('status') ? 'true' : 'false' }};
if (isResent) {
sessionStorage.setItem('resend_timeout', Date.now().toString());
storedTime = sessionStorage.getItem('resend_timeout');
}
if (storedTime) {
let elapsed = Math.floor((Date.now() - parseInt(storedTime)) / 1000);
timeLeft = Math.max(120 - elapsed, 0);
} else {
sessionStorage.setItem('resend_timeout', Date.now().toString());
}
const updateCountdown = () => {
if (timeLeft > 0) {
let m = Math.floor(timeLeft / 60);
let s = timeLeft % 60;
countdownText.innerText = `(0${m}:${s < 10 ? '0' : ''}${s})`;
countdownText.style.display = 'inline';
timeLeft--;
} else {
countdownText.style.display = 'none';
}
};
updateCountdown();
let timerId = setInterval(() => {
if (timeLeft > 0) {
updateCountdown();
} else {
updateCountdown(); // Call one last time to hide it
clearInterval(timerId);
}
}, 1000);
resendBtn.addEventListener('click', (e) => {
if (timeLeft > 0) {
alert('SMS kody 2 minutdan 5 minuda çenli baryp biler, garaşmagyňyzy Sizden haýyş edýäris.');
} else {
sessionStorage.removeItem('resend_timeout');
resendForm.submit();
}
});
</script>
@endsection