good job
This commit is contained in:
@@ -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 -->
|
||||
|
||||
@@ -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
|
||||
Reference in New Issue
Block a user