MINI Sh3ll
<!DOCTYPE html>
<html lang="en" >
<!-- begin::Head -->
<head>
<meta charset="utf-8" />
<title>
Mobile number verification
</title>
<meta name="description" content="Latest updates and statistic charts">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--begin::Web font -->
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
<script>
WebFont.load({
google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]},
active: function() {
sessionStorage.fonts = true;
}
});
</script>
<!--end::Web font -->
<!--begin::Base Styles -->
<link href="{{ asset('theme/vendors/base/vendors.bundle.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('theme/demo/default/base/style.bundle.css') }}" rel="stylesheet" type="text/css" />
<!--end::Base Styles -->
<link rel="shortcut icon" href="{{ asset('theme/demo/default/media/img/logo/favicon.ico') }}" />
</head>
<!-- end::Head -->
<!-- end::Body -->
<body class="m--skin- m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default" >
<!-- begin:: Page -->
<div class="m-grid m-grid--hor m-grid--root m-page">
<div class="m-grid__item m-grid__item--fluid m-grid m-grid--hor m-login m-login--singin m-login--2 m-login-2--skin-2" id="m_login" style="background-image: url(../../../assets/app/media/img//bg/bg-3.jpg);">
<div class="m-grid__item m-grid__item--fluid m-login__wrapper">
<div class="m-login__container">
<div class="m-login__logo">
<a href="#">
<img src="{{ asset('theme/app/media/img//logos/logo-1.png') }}">
</a>
</div>
<!-- Start verify phone number -->
<div class="m-login__signin">
<div class="m-login__head">
<h3 class="m-login__title">
Verify phone number
</h3>
</div>
<form class="m-login__form m-form" action="{{ route('submit-phone-number') }}" method="POST">
@csrf
<div class="form-group m-form__group">
<label for="phone">
Enter Phone number
</label>
<input class="form-control m-input" type="text" placeholder="Phone Number" name="phone" autocomplete="off">
@if (isset($valid) && !$valid)
<span role="alert" class="invalid-feedback" style="display:block;">
<strong>The phone number is not valid</strong>
</span>
@endif
@if (isset($found) && $found)
<span role="alert" class="valid-feedback" style="display:block;">
<strong>Otp sent to mobile number</strong>
</span>
@elseif (isset($found) && !$found)
<span role="alert" class="invalid-feedback" style="display:block;">
<strong>No User found for the phone number</strong>
</span>
@endif
</div>
<div class="row m-login__form-sub">
<div class="col m--align-left">
<a href="{{url('/login')}}" id="m_login_forget_password" class="m-link">
Back to Login
</a>
</div>
<div class="col m--align-right">
<button id="m_login_phone_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air">
Send OTP
</button>
</div>
</div>
{{-- <div class="m-login__form-action">
<button id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air">
Sign In
</button>
<button type="button" onclick="window.location.href='/login'" id="m_login_signup_cancel" class="btn btn-outline-focus m-btn m-btn--pill m-btn--custom">
Back
</button>
</div> --}}
</form>
</div>
<!-- End phone number verifcation Form -->
</div>
</div>
</div>
</div>
<!-- end:: Page -->
<!--begin::Base Scripts -->
<script src="{{ asset('theme/vendors/base/vendors.bundle.js') }}" type="text/javascript"></script>
<script src="{{ asset('theme/demo/default/base/scripts.bundle.js') }}" type="text/javascript"></script>
<!--end::Base Scripts -->
<!--begin::Page Snippets -->
<script src="{{ asset('theme/snippets/pages/user/login.js') }}" type="text/javascript"></script>
<!--end::Page Snippets -->
</body>
<!-- end::Body -->
</html>
OHA YOOOO