Files
gsf/resources/views/Admin/two_steps.blade.php
vedant-chavan 20f55281ef save to codehub
2024-08-09 17:11:41 +05:30

158 lines
9.2 KiB
PHP

<!DOCTYPE html>
<!--
Author: Keenthemes
Product Name: Metronic - Bootstrap 5 HTML, VueJS, React, Angular, Asp.Net Core, Blazor, Django, Flask & Laravel Admin Dashboard Theme
Purchase: https://1.envato.market/EA4JP
Website: http://www.keenthemes.com
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
License: For each use you must have a valid license purchased only from above link in order to legally use the theme for your project.
-->
<html lang="en">
<!--begin::Head-->
<headpublic/>
<title>GetSetFit</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="canonical" href="https://preview.keenthemes.com/metronic8" />
<link rel="shortcut icon" href="public/assets/media/logos/favicon-search.png" />
<!--begin::Fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
<!--end::Fonts-->
<!--begin::Global Stylesheets Bundle(used by all pages)-->
<link href="{{asset('public/assets/plugins/global/plugins.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('public/assets/css/style.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('public/assets/css/style1.css')}}" rel="stylesheet" type="text/css" />
<!--end::Global Stylesheets Bundle-->
</head>
<!--end::Head-->
<!--begin::Body-->
<body data-kt-name="metronic" id="kt_body" class="app-blank app-blank sign-up-pages">
<!--begin::Theme mode setup on page load-->
<!-- <script>if (document.documentElement) { const defaultThemeMode = "system"; const name = document.body.getAttribute("data-kt-name"); let themeMode = localStorage.getItem("kt_" + (name !== null ? name + "_" : "") + "theme_mode_value"); if (themeMode === null) { if (defaultThemeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } else { themeMode = defaultThemeMode; } } document.documentElement.setAttribute("data-theme", themeMode); }</script> -->
<!--end::Theme mode setup on page load-->
<!--begin::Root-->
<div class="d-flex flex-column flex-root" id="kt_app_root">
<!--begin::Authentication - Two-stes -->
<div class="d-flex flex-column flex-lg-row flex-column-fluid">
<!--begin::Body-->
<div class="d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1">
<!--begin::Form-->
<div class="d-flex flex-center flex-column flex-lg-row-fluid">
<!--begin::Wrapper-->
<div class="bg-color-card p-5 sign-border w-lg-500px">
<div class="p-5">
<!--begin::Form-->
<form class="form w-100 mb-13" novalidate="novalidate" data-kt-redirect-url="{{ url('verify_login') }}"
id="kt_sing_in_two_steps_form">
@csrf
<div class="text-center mb-10">
<!--begin::Title-->
<h1 class="text-dark mb-3">Mail Verification</h1>
<!--end::Title-->
<!--begin::Sub-title-->
<div class="text-muted fw-semibold fs-5 mb-5">Please enter the OTP sent to registered
Mail ID
</div>
<!--end::Sub-title-->
</div>
<!--end::Heading-->
<!--begin::Section-->
<div class="mb-10">
<!--begin::Input group-->
<div class="d-flex flex-wrap flex-stack opt-code-pin">
<input type="hidden" id="d" name="d" value={{ $data }} >
<input type="text" name="code_1" id="code_1" data-inputmask="'mask': '9', 'placeholder': ''"
maxlength="1"
class="form-control bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
value="" />
<input type="text" name="code_2" id="code_2" data-inputmask="'mask': '9', 'placeholder': ''"
maxlength="1"
class="form-control bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
value="" />
<input type="text" name="code_3" id="code_3" data-inputmask="'mask': '9', 'placeholder': ''"
maxlength="1"
class="form-control bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
value="" />
<input type="text" name="code_4" id="code_4" data-inputmask="'mask': '9', 'placeholder': ''"
maxlength="1"
class="form-control bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
value="" />
</div>
<!--begin::Input group-->
<!--begin::Label-->
<div class="fw-bold text-start text-dark fs-6 mb-1 ms-1"
style="width: 100%;font-size: 12px !important;">OTP has been sent to your
registered Mail ID. OTP valid for00:00 sec
</div>
<div class="text-center fw-semibold fs-5">
<span class="text-muted me-1">Didn't receive any OTP ?</span>
<a href="#" class="link-primary fs-5 me-1 resend-opt">Resend OTP</a>
</div>
<!--end::Label-->
</div>
<!--end::Section-->
<!--begin::Submit-->
<div class="d-flex flex-center otp-btn">
<button type="button" id="kt_sing_in_two_steps_submit"
class="btn btn-lg btn-primary fw-bold">
<span class="indicator-label">Submit</span>
<span class="indicator-progress">Please wait...
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
</button>
</div>
<!--end::Submit-->
</form>
<!--end::Form-->
<!--begin::Notice-->
<!--end::Notice-->
</div>
</div>
<!--end::Wrapper-->
</div>
</div>
<div class="d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2"
style=" background-color:#BBF046;">
<!--begin::Content-->
<div class="d-flex flex-column flex-center py-10 px-5 px-md-15 w-100 sign-image">
<!--begin::Logo-->
<a href="{{ url('create_two_step') }}" class="mb-12">
<img alt="Logo" src="{{asset('public/assets/media/images/gsf-logo-black.png')}}" class="h-75px" />
</a>
<!--end::Logo-->
<!--begin::Image-->
<!--<img style="width: 500px !important;" class="mx-auto w-md-50 mb-10 mb-lg-20" src="public/assets/media/misc/auth_img1.png" alt="" />-->
<!--end::Image-->
</div>
<!--end::Content-->
</div>
</div>
<!--end::Authentication - Two-stes-->
</div>
<!--end::Root-->
<!--begin::Javascript-->
<script>var hostUrl = "public/assets/";</script>
<!--begin::Global Javascript Bundle(used by all pages)-->
<script src="{{asset('public/assets/plugins/global/plugins.bundle.js')}}"></script>
<script src="{{asset('public/assets/js/scripts.bundle.js')}}"></script>
<!--end::Global Javascript Bundle-->
<!--begin::Custom Javascript(used by this page)-->
<script src="{{asset('public/assets/js/custom/authentication/sign-in/two-steps.js')}}"></script>
<!--end::Custom Javascript-->
<!--end::Javascript-->
</body>
</html>