48 lines
2.3 KiB
PHP
48 lines
2.3 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="container mt-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-5">
|
|
<div class="card shadow-sm border-0">
|
|
<div class="card-body p-4 text-center">
|
|
<i class="bi bi-shield-lock text-primary mb-3" style="font-size: 3rem;"></i>
|
|
<h4 class="fw-bold mb-2">Two-Step Verification</h4>
|
|
<p class="text-secondary small mb-3">We've sent a 6-digit code to your email. Please enter it below to securely log in.</p>
|
|
|
|
<!-- Display Success Message -->
|
|
@if (session('success'))
|
|
<div class="alert alert-success py-2 small" role="alert">
|
|
<i class="bi bi-check-circle me-1"></i> {{ session('success') }}
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Main Verification Form -->
|
|
<form method="POST" action="{{ route('otp.verify.post') }}">
|
|
@csrf
|
|
<div class="mb-3">
|
|
<input type="text" name="otp" class="form-control form-control-lg text-center fw-bold @error('otp') is-invalid @enderror" placeholder="000000" maxlength="6" autofocus required>
|
|
@error('otp')
|
|
<div class="invalid-feedback">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
<button type="submit" class="btn text-white w-100 fw-bold" style="background-color: #5c4df0;">Verify Code</button>
|
|
</form>
|
|
|
|
<!-- Resend Code Form -->
|
|
<div class="mt-4 pt-3 border-top">
|
|
<p class="text-secondary small mb-1">Didn't receive the code?</p>
|
|
<form method="POST" action="{{ route('otp.resend') }}">
|
|
@csrf
|
|
<button type="submit" class="btn btn-link text-decoration-none p-0 fw-bold" style="color: #5c4df0;">
|
|
Resend Email
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection |