Rapport-Laravel/resources/views/auth/loginotp.blade.php

165 lines
9.0 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
@include('layouts.shared/title-meta', ['title' => "Confirm Email"])
@include('layouts.shared/head-css', ["mode" => $mode ?? '', "demo" => $demo ?? ''])
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/>
</head>
<body class="loading authentication-bg authentication-bg-pattern">
<div class="account-pages mt-3 mb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6 col-xl-5">
<div class="card bg-pattern">
<div class="card-body p-3">
<div class="text-center w-75 m-auto">
<div class="auth-logo">
<a href="{{route('any', 'index')}}" class="logo logo-dark text-center">
<span class="logo-lg">
<img src="{{asset('/images/rapport-logo.png')}}" alt="" class="img-fluid">
</span>
</a>
<a href="{{route('any', 'index')}}" class="logo logo-light text-center">
<span class="logo-lg">
<img src="{{asset('/images/rapport-logo.png')}}" alt="" class="img-fluid">
</span>
</a>
</div>
</div>
<div class="mt-0 text-center">
<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 98 98" style="height: 120px;" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #FFFFFF;
}
.st1 {
fill: #1abc9c;
}
.st2 {
fill: #FFFFFF;
stroke: #1abc9c;
stroke-width: 2;
stroke-miterlimit: 10;
}
.st3 {
fill: none;
stroke: #FFFFFF;
stroke-width: 2;
stroke-linecap: round;
stroke-miterlimit: 10;
}
</style>
<g i:extraneous="self">
<circle id="XMLID_50_" class="st0" cx="49" cy="49" r="49" />
<g id="XMLID_4_">
<path id="XMLID_49_" class="st1" d="M77.3,42.7V77c0,0.6-0.4,1-1,1H21.7c-0.5,0-1-0.5-1-1V42.7c0-0.3,0.1-0.6,0.4-0.8l27.3-21.7
c0.3-0.3,0.8-0.3,1.2,0l27.3,21.7C77.1,42.1,77.3,42.4,77.3,42.7z" />
<path id="XMLID_48_" class="st2" d="M66.5,69.5h-35c-1.1,0-2-0.9-2-2V26.8c0-1.1,0.9-2,2-2h35c1.1,0,2,0.9,2,2v40.7
C68.5,68.6,67.6,69.5,66.5,69.5z" />
<path id="XMLID_47_" class="st1" d="M62.9,33.4H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,33,63.4,33.4,62.9,33.4z" />
<path id="XMLID_46_" class="st1" d="M62.9,40.3H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,39.9,63.4,40.3,62.9,40.3z" />
<path id="XMLID_45_" class="st1" d="M62.9,47.2H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,46.8,63.4,47.2,62.9,47.2z" />
<path id="XMLID_44_" class="st1" d="M62.9,54.1H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,53.7,63.4,54.1,62.9,54.1z" />
<path id="XMLID_43_" class="st2" d="M41.6,40.1h-5.8c-0.6,0-1-0.4-1-1v-6.7c0-0.6,0.4-1,1-1h5.8c0.6,0,1,0.4,1,1v6.7
C42.6,39.7,42.2,40.1,41.6,40.1z" />
<path id="XMLID_42_" class="st2" d="M41.6,54.2h-5.8c-0.6,0-1-0.4-1-1v-6.7c0-0.6,0.4-1,1-1h5.8c0.6,0,1,0.4,1,1v6.7
C42.6,53.8,42.2,54.2,41.6,54.2z" />
<path id="XMLID_41_" class="st1" d="M23.4,46.2l25,17.8c0.3,0.2,0.7,0.2,1.1,0l26.8-19.8l-3.3,30.9H27.7L23.4,46.2z" />
<path id="XMLID_40_" class="st3" d="M74.9,45.2L49.5,63.5c-0.3,0.2-0.7,0.2-1.1,0L23.2,45.2" />
</g>
</g>
</svg>
<h3>Success !</h3>
<p class="text-muted font-14 mt-2"> We have sent you an Email with and OTP. Please enter the same below to login </p>
@if (session('status') == 'verification-link-sent')
<div class="text-center m-auto">
<p class="text-muted mb-4">A new verification link has been sent to the email address you provided during registration.</p>
</div>
@endif
@if (sizeof($errors) > 0)
<ul>
@foreach ($errors->all() as $error)
<li class="text-danger">{{ $error }}</li>
@endforeach
</ul>
@endif
</div>
<div class="mt-0">
@if (session('message'))
<div class="alert alert-danger" role="alert">{{ session('message') }}</div>
@endif
<form method="POST" action="" id="otp-form">
@csrf
<div class="mb-2">
<label for="otp" class="form-label">OTP</label>
<input class="form-control" type="text" id="otp" name="otp" required="" placeholder="Enter OTP">
</div>
<div class="mb-3">
<button class="btn btn-primary btn-block waves-effect waves-light" type="submit" id="verify-otp"> Verify OTP </button>
</div>
</form>
</div>
</div> <!-- end card-body -->
</div>
<!-- end card -->
</div> <!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
<!-- end page -->
<footer class="footer footer-alt">
2015 - <script>
document.write(new Date().getFullYear())
</script> &copy; Powered by <a href="https://stratawiz.com" target="_blank" class="text-white-50">Stratawiz</a>
</footer>
@include('layouts.shared/footer-script')
<script>
(function () {
var form = document.getElementById('otp-form');
var button = document.getElementById('verify-otp');
if (!form || !button) {
return;
}
var submitting = false;
form.addEventListener('submit', function (event) {
if (submitting) {
event.preventDefault();
return;
}
submitting = true;
setTimeout(function () {
button.disabled = true;
}, 0);
});
})();
</script>
</body>
</html>