Merge pull request #4 from Ritikeshyadav/RitikeshFreeu
add route to static urls
This commit is contained in:
@@ -1,283 +1,303 @@
|
||||
@extends('Admin.login.master')
|
||||
@section('content')
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
|
||||
<body data-kt-name="metronic" id="kt_body" class="app-blank app-blank bgi-size-cover bgi-position-center bgi-no-repeat">
|
||||
<!--begin::Theme mode setup on page load-->
|
||||
<!--begin::Root-->
|
||||
<div class="d-flex flex-root bgs align-items-center" id="kt_app_root">
|
||||
<!--begin::Authentication - Sign-in -->
|
||||
<div class="row w-100">
|
||||
<!--begin::Body-->
|
||||
<div class="col-md-6">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="bg-body d-flex flex-center rounded-4 p-10">
|
||||
<!--begin::Content-->
|
||||
<div class="w-md-400px">
|
||||
<!--begin::Form-->
|
||||
<form class="form w-100 mb-13" method="POST" id="kt_sing_in_two_steps_form">
|
||||
@csrf
|
||||
<!--begin::Icon-->
|
||||
<div class="text-center mb-10">
|
||||
<img alt="Logo" class="mh-125px" src="{{asset('/public/assets/media/svg/misc/smartphone-2.svg')}}" />
|
||||
</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Heading-->
|
||||
<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::Label-->
|
||||
<div class="fw-bold text-start text-dark fs-6 mb-1 ms-1">Type your 4 digit security code.</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-wrap flex-stack">
|
||||
<input type="text" name="code_1" pattern="[1-9]{1}[0-9]{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" pattern="[1-9]{1}[0-9]{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_3" pattern="[1-9]{1}[0-9]{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_4" pattern="[1-9]{1}[0-9]{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="" />
|
||||
</div>
|
||||
<!--begin::Input group-->
|
||||
</div>
|
||||
<div class="text-muted fw-semibold fs-6 mb-5">OTP has been sent to your Mail ID. OTP valid for <span id="countdown-timer">02:00</span> Sec</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Submit-->
|
||||
<div class="d-grid mt-15 mb-10 text-center">
|
||||
{{--<a href="../index/index.php" class="text-center btn btn-primary" id="kt_sing_in_two_steps_submit">
|
||||
<body data-kt-name="metronic" id="kt_body" class="app-blank app-blank bgi-size-cover bgi-position-center bgi-no-repeat">
|
||||
<!--begin::Theme mode setup on page load-->
|
||||
<!--begin::Root-->
|
||||
<div class="d-flex flex-root bgs align-items-center" id="kt_app_root">
|
||||
<!--begin::Authentication - Sign-in -->
|
||||
<div class="row w-100">
|
||||
<!--begin::Body-->
|
||||
<div class="col-md-6">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="bg-body d-flex flex-center rounded-4 p-10">
|
||||
<!--begin::Content-->
|
||||
<div class="w-md-400px">
|
||||
<!--begin::Form-->
|
||||
<form class="form w-100 mb-13" method="POST" id="kt_sing_in_two_steps_form">
|
||||
@csrf
|
||||
<!--begin::Icon-->
|
||||
<div class="text-center mb-10">
|
||||
<img alt="Logo" class="mh-125px"
|
||||
src="{{ asset('/public/assets/media/svg/misc/smartphone-2.svg') }}" />
|
||||
</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Heading-->
|
||||
<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::Label-->
|
||||
<div class="fw-bold text-start text-dark fs-6 mb-1 ms-1">Type your 4 digit security
|
||||
code.</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-wrap flex-stack">
|
||||
<input type="text" name="code_1" pattern="[1-9]{1}[0-9]{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" pattern="[1-9]{1}[0-9]{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_3" pattern="[1-9]{1}[0-9]{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_4" pattern="[1-9]{1}[0-9]{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="" />
|
||||
</div>
|
||||
<!--begin::Input group-->
|
||||
</div>
|
||||
<div class="text-muted fw-semibold fs-6 mb-5">OTP has been sent to your Mail ID. OTP valid
|
||||
for <span id="countdown-timer">02:00</span> Sec</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Submit-->
|
||||
<div class="d-grid mt-15 mb-10 text-center">
|
||||
{{-- <a href="../index/index.php" class="text-center btn btn-primary" id="kt_sing_in_two_steps_submit">
|
||||
<span class="indicator-label">Submit</span>
|
||||
</a>--}}
|
||||
<button type="submit" class="text-center btn btn-primary" id="kt_sing_in_two_steps_submit">
|
||||
<span class="indicator-label">Submit</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="alert d-none" role="alert" id="result">
|
||||
<strong id="message"></strong>
|
||||
</div>
|
||||
<!--end::Submit-->
|
||||
</form>
|
||||
<!--end::Form-->
|
||||
<!--begin::Notice-->
|
||||
<div class="text-center fw-semibold fs-5">
|
||||
<span class="text-muted me-1">Didn’t get the code ?</span>
|
||||
<a href="javascript:void(0)" class="link-primary fs-5 me-1 d-none" onclick="resendOTP()" id="resend_otp" >Resend OTP</a>
|
||||
</div>
|
||||
<!--end::Notice-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
<!--begin::Aside-->
|
||||
<div class="col-md-6 d-flex">
|
||||
<!--begin::Content-->
|
||||
<div class="d-flex flex-column flex-center pb-0 pb-lg-10 p-10 w-100 sign-up-logo">
|
||||
<!--begin::Image-->
|
||||
<img class="theme-light-show " src="{{asset('/public/assets/media/FrontendImages/menu-logo.png')}}" alt="" />
|
||||
<img class="theme-dark-show mx-auto mw-100 w-150px w-lg-300px mb-10 mb-lg-20" src="{{asset('/public/assets/media/FrontendImages/menu-logo.png')}}" alt="" />
|
||||
<!--end::Image-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--begin::Aside-->
|
||||
</div>
|
||||
<!--end::Authentication - Sign-in-->
|
||||
</div>
|
||||
</a> --}}
|
||||
<button type="submit" class="text-center btn btn-primary"
|
||||
id="kt_sing_in_two_steps_submit">
|
||||
<span class="indicator-label">Submit</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="alert d-none" role="alert" id="result">
|
||||
<strong id="message"></strong>
|
||||
</div>
|
||||
<!--end::Submit-->
|
||||
</form>
|
||||
<!--end::Form-->
|
||||
<!--begin::Notice-->
|
||||
<div class="text-center fw-semibold fs-5">
|
||||
<span class="text-muted me-1">Didn’t get the code ?</span>
|
||||
<a href="javascript:void(0)" class="link-primary fs-5 me-1 d-none" onclick="resendOTP()"
|
||||
id="resend_otp">Resend OTP</a>
|
||||
</div>
|
||||
<!--end::Notice-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
<!--begin::Aside-->
|
||||
<div class="col-md-6 d-flex">
|
||||
<!--begin::Content-->
|
||||
<div class="d-flex flex-column flex-center pb-0 pb-lg-10 p-10 w-100 sign-up-logo">
|
||||
<!--begin::Image-->
|
||||
<img class="theme-light-show "
|
||||
src="{{ asset('/public/assets/media/FrontendImages/menu-logo.png') }}" alt="" />
|
||||
<img class="theme-dark-show mx-auto mw-100 w-150px w-lg-300px mb-10 mb-lg-20"
|
||||
src="{{ asset('/public/assets/media/FrontendImages/menu-logo.png') }}" alt="" />
|
||||
<!--end::Image-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--begin::Aside-->
|
||||
</div>
|
||||
<!--end::Authentication - Sign-in-->
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script>
|
||||
console.clear();
|
||||
let inputs = document.querySelectorAll("input");
|
||||
let values = Array(4);
|
||||
let clipData;
|
||||
inputs[0].focus();
|
||||
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script>
|
||||
console.clear();
|
||||
let inputs = document.querySelectorAll("input");
|
||||
let values = Array(4);
|
||||
let clipData;
|
||||
inputs[0].focus();
|
||||
inputs.forEach((tag, index) => {
|
||||
tag.addEventListener('keyup', (event) => {
|
||||
if (event.code === "Backspace" && hasNoValue(index)) {
|
||||
if (index > 0) inputs[index - 1].focus();
|
||||
}
|
||||
|
||||
inputs.forEach((tag, index) => {
|
||||
tag.addEventListener('keyup', (event) => {
|
||||
if (event.code === "Backspace" && hasNoValue(index)) {
|
||||
if (index > 0) inputs[index - 1].focus();
|
||||
}
|
||||
//else if any input move focus to next or out
|
||||
else if (tag.value !== "") {
|
||||
(index < inputs.length - 1) ? inputs[index + 1].focus(): tag.blur();
|
||||
}
|
||||
|
||||
//else if any input move focus to next or out
|
||||
else if (tag.value !== "") {
|
||||
(index < inputs.length - 1) ? inputs[index + 1].focus(): tag.blur();
|
||||
}
|
||||
//add val to array to track prev vals
|
||||
values[index] = event.target.value;
|
||||
});
|
||||
|
||||
//add val to array to track prev vals
|
||||
values[index] = event.target.value;
|
||||
});
|
||||
tag.addEventListener('input', () => {
|
||||
//replace digit if already exists
|
||||
if (tag.value > 10) {
|
||||
tag.value = tag.value % 10;
|
||||
}
|
||||
});
|
||||
|
||||
tag.addEventListener('input', () => {
|
||||
//replace digit if already exists
|
||||
if (tag.value > 10) {
|
||||
tag.value = tag.value % 10;
|
||||
}
|
||||
});
|
||||
tag.addEventListener('paste', (event) => {
|
||||
event.preventDefault();
|
||||
clipData = event.clipboardData.getData("text/plain").split('');
|
||||
filldata(index);
|
||||
})
|
||||
})
|
||||
|
||||
tag.addEventListener('paste', (event) => {
|
||||
event.preventDefault();
|
||||
clipData = event.clipboardData.getData("text/plain").split('');
|
||||
filldata(index);
|
||||
})
|
||||
})
|
||||
function filldata(index) {
|
||||
for (let i = index; i < inputs.length; i++) {
|
||||
inputs[i].value = clipData.shift();
|
||||
}
|
||||
}
|
||||
|
||||
function filldata(index) {
|
||||
for (let i = index; i < inputs.length; i++) {
|
||||
inputs[i].value = clipData.shift();
|
||||
}
|
||||
}
|
||||
function hasNoValue(index) {
|
||||
if (values[index] || values[index] === 0)
|
||||
return false;
|
||||
|
||||
function hasNoValue(index) {
|
||||
if (values[index] || values[index] === 0)
|
||||
return false;
|
||||
return true;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
$("#kt_sing_in_two_steps_form").validate({
|
||||
ignore: [],
|
||||
debug: false,
|
||||
rules: {
|
||||
code1: {
|
||||
required: true,
|
||||
},
|
||||
code2: {
|
||||
required: true,
|
||||
},
|
||||
code3: {
|
||||
required: true,
|
||||
},
|
||||
code4: {
|
||||
required: true,
|
||||
}
|
||||
},
|
||||
submitHandler: function(form) {
|
||||
var formData = new FormData(form);
|
||||
// $("#save_btn").text("Please wait...");
|
||||
// $("#save_btn").attr("disabled", true);
|
||||
$.ajax({
|
||||
url: "{{ route('admin.enter-otp') }}",
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
dataType: "json",
|
||||
success: function(result) {
|
||||
if (result.status == 200) {
|
||||
// toastr.success(result.message);
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').removeClass('alert-warning');
|
||||
$('#result').addClass('alert-success');
|
||||
$('#message').html(result.message);
|
||||
// window.location.href='/dashboard';
|
||||
setTimeout(() => {
|
||||
// location.reload();
|
||||
window.location.href = "{{route('dashboard')}}";
|
||||
}, 1000);
|
||||
}
|
||||
if (result.status == 400) {
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
// toastr.warning(result.message);
|
||||
}
|
||||
if (result.status == 401) {
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function() {
|
||||
$('#message').html('');
|
||||
$('#result').addClass('d-none').removeclass(
|
||||
'alert-warning');
|
||||
}, 3000);
|
||||
// toastr.warning(result.message);
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
|
||||
$("#kt_sing_in_two_steps_form").validate({
|
||||
ignore: [],
|
||||
debug: false,
|
||||
rules: {
|
||||
code1: {
|
||||
required: true,
|
||||
},
|
||||
code2: {
|
||||
required: true,
|
||||
},
|
||||
code3: {
|
||||
required: true,
|
||||
},
|
||||
code4: {
|
||||
required: true,
|
||||
}
|
||||
},
|
||||
submitHandler: function(form) {
|
||||
var formData = new FormData(form);
|
||||
// $("#save_btn").text("Please wait...");
|
||||
// $("#save_btn").attr("disabled", true);
|
||||
$.ajax({
|
||||
url: "/admin/enter-otp",
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
dataType: "json",
|
||||
success: function(result) {
|
||||
if (result.status == 200) {
|
||||
// toastr.success(result.message);
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').removeClass('alert-warning');
|
||||
$('#result').addClass('alert-success');
|
||||
$('#message').html(result.message);
|
||||
// window.location.href='/dashboard';
|
||||
setTimeout(() => {
|
||||
// location.reload();
|
||||
window.location.href = '/dashboard'
|
||||
}, 1000);
|
||||
}
|
||||
if (result.status == 400) {
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
// toastr.warning(result.message);
|
||||
}
|
||||
if (result.status == 401) {
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function () {
|
||||
$('#message').html('');
|
||||
$('#result').addClass('d-none').removeclass('alert-warning');
|
||||
},3000);
|
||||
// toastr.warning(result.message);
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
function resendOTP() {
|
||||
$.ajax({
|
||||
url: "/admin/resend-otp",
|
||||
type: "get",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
dataType: "json",
|
||||
success: function(result) {
|
||||
if (result.status == 200) {
|
||||
$('#resend_otp').addClass("d-none");
|
||||
startTimer();
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-success');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function() {
|
||||
$('#result').addClass('d-none');
|
||||
}, 5000);
|
||||
}
|
||||
// if(result.status == 400){
|
||||
// toastr.warning(result.message);
|
||||
// }
|
||||
if (result.status == 401) {
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function() {
|
||||
$('#result').addClass('d-none');
|
||||
$('#result').removeClass('alert-warning');
|
||||
$('#message').html();
|
||||
}, 5000);
|
||||
|
||||
function resendOTP() {
|
||||
$.ajax({
|
||||
url: "/admin/resend-otp",
|
||||
type: "get",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
dataType: "json",
|
||||
success: function(result) {
|
||||
if (result.status == 200) {
|
||||
$('#resend_otp').addClass("d-none");
|
||||
startTimer();
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-success');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function(){
|
||||
$('#result').addClass('d-none');
|
||||
},5000);
|
||||
}
|
||||
// if(result.status == 400){
|
||||
// toastr.warning(result.message);
|
||||
// }
|
||||
if (result.status == 401) {
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function (){
|
||||
$('#result').addClass('d-none');
|
||||
$('#result').removeClass('alert-warning');
|
||||
$('#message').html();
|
||||
},5000);
|
||||
}
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// otp timer code
|
||||
|
||||
var timerDuration = 120;
|
||||
|
||||
var duration = 120;
|
||||
|
||||
function startTimer() {
|
||||
// var duration = 120; // Duration of the timer in seconds
|
||||
|
||||
var timer = duration;
|
||||
|
||||
$("#countdown-timer").text(formatTime(timer));
|
||||
|
||||
var intervalId = setInterval(function () {
|
||||
timer--;
|
||||
|
||||
$("#countdown-timer").text(formatTime(timer));
|
||||
|
||||
if (timer === 0) {
|
||||
clearInterval(intervalId);
|
||||
$('#resend_otp').removeClass("d-none");
|
||||
$("#resend-otp-link").prop("disabled", false);
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
function formatTime(seconds) {
|
||||
var minutes = Math.floor(seconds / 60);
|
||||
|
||||
var remainingSeconds = seconds % 60;
|
||||
|
||||
return (
|
||||
minutes + ":" + (remainingSeconds < 10 ? "0" : "") + remainingSeconds
|
||||
);
|
||||
}
|
||||
|
||||
startTimer();
|
||||
</script>
|
||||
@endsection
|
||||
// otp timer code
|
||||
|
||||
var timerDuration = 120;
|
||||
|
||||
var duration = 120;
|
||||
|
||||
function startTimer() {
|
||||
// var duration = 120; // Duration of the timer in seconds
|
||||
|
||||
var timer = duration;
|
||||
|
||||
$("#countdown-timer").text(formatTime(timer));
|
||||
|
||||
var intervalId = setInterval(function() {
|
||||
timer--;
|
||||
|
||||
$("#countdown-timer").text(formatTime(timer));
|
||||
|
||||
if (timer === 0) {
|
||||
clearInterval(intervalId);
|
||||
$('#resend_otp').removeClass("d-none");
|
||||
$("#resend-otp-link").prop("disabled", false);
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
function formatTime(seconds) {
|
||||
var minutes = Math.floor(seconds / 60);
|
||||
|
||||
var remainingSeconds = seconds % 60;
|
||||
|
||||
return (
|
||||
minutes + ":" + (remainingSeconds < 10 ? "0" : "") + remainingSeconds
|
||||
);
|
||||
}
|
||||
|
||||
startTimer();
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
@@ -1,119 +1,127 @@
|
||||
@extends('Admin.login.master')
|
||||
@section('content')
|
||||
|
||||
<body data-kt-name="metronic" id="kt_body" class="app-blank app-blank bgi-size-cover bgi-position-center bgi-no-repeat">
|
||||
<div class="d-flex flex-root bgs align-items-center" id="kt_app_root">
|
||||
<div class="container">
|
||||
<div class="row w-100">
|
||||
<div class="col-md-6">
|
||||
<div class="bg-body d-flex flex-center rounded-4 p-10">
|
||||
<div class="w-100">
|
||||
<form class="form w-100" id="kt_sign_in_form" method="POST">
|
||||
@csrf
|
||||
<div class="text-center mb-11">
|
||||
<h1 class="text-dark fw-bolder mb-3">Log In</h1>
|
||||
<div class="text-gray-800 fw-semibold fs-5">Welcome Back</div>
|
||||
</div>
|
||||
<div class="fv-row mb-8">
|
||||
<input type="email" placeholder="Email" name="email" autocomplete="off" class="form-control bg-transparent" />
|
||||
</div>
|
||||
<div class="fv-row mb-3">
|
||||
<input type="password" placeholder="Password" name="password" autocomplete="off" class="form-control bg-transparent" />
|
||||
</div>
|
||||
<div class="">
|
||||
<a href="{{route('admin.forgot-password')}}"><span style="float: right;">Forgot password ?</span></a>
|
||||
</div>
|
||||
<div class="d-grid mt-15 mb-10 text-center">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<span class="indicator-label">Sign In</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="alert d-none" role="alert" id="result">
|
||||
<strong id="message"></strong>
|
||||
</div>
|
||||
<div class="text-gray-500 text-center fw-semibold fs-6 d-none">OTP has been send on your mail</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 d-flex">
|
||||
<div class="d-flex flex-column flex-center pb-0 pb-lg-10 p-10 w-100 sign-up-logo">
|
||||
<img class="theme-light-show" src="{{asset('/public/assets/media/FrontendImages/menu-logo.png')}}" alt="" />
|
||||
<img class="theme-dark-show mx-auto mw-100 w-150px w-lg-300px mb-10 mb-lg-20" src="{{asset('/public/assets/media/FrontendImages/menu-logo.png')}}" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script>
|
||||
$.validator.addMethod("ValidEmail",function(value){
|
||||
return /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(value);
|
||||
},"Please enter a valid email address");
|
||||
|
||||
$("#kt_sign_in_form").validate({
|
||||
ignore: [],
|
||||
debug: false,
|
||||
rules: {
|
||||
email: {
|
||||
required: true,
|
||||
ValidEmail: true,
|
||||
},
|
||||
password: 'required'
|
||||
},
|
||||
messages: {
|
||||
email: {
|
||||
required: "Please enter email",
|
||||
},
|
||||
password: "Please enter password"
|
||||
},
|
||||
submitHandler: function (form) {
|
||||
var formData = new FormData(form);
|
||||
// $("#save_btn").text("Please wait...");
|
||||
// $("#save_btn").attr("disabled", true);
|
||||
$.ajax({
|
||||
url: "/admin/sign-in",
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
dataType: "json",
|
||||
success: function (result) {
|
||||
if (result.status == 200) {
|
||||
// toastr.success(result.message);
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-success');
|
||||
$('#message').html(result.message);
|
||||
// window.location.href = '/admin/otp';
|
||||
setTimeout(() => {
|
||||
// location.reload();
|
||||
window.location.href = '/admin/otp'
|
||||
}, 1000);
|
||||
}
|
||||
if(result.status == 400){
|
||||
// toastr.warning(result.message);
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function (){
|
||||
$('#result').addClass('d-none').html();
|
||||
$('#result').removeClass('alert-warning');
|
||||
},5000);
|
||||
}
|
||||
if(result.status == 401){
|
||||
// toastr.warning(result.message);
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function (){
|
||||
$('#result').addClass('d-none').html();
|
||||
$('#result').removeClass('alert-warning');
|
||||
},5000);
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
<div class="d-flex flex-root bgs align-items-center" id="kt_app_root">
|
||||
<div class="container">
|
||||
<div class="row w-100">
|
||||
<div class="col-md-6">
|
||||
<div class="bg-body d-flex flex-center rounded-4 p-10">
|
||||
<div class="w-100">
|
||||
<form class="form w-100" id="kt_sign_in_form" method="POST">
|
||||
@csrf
|
||||
<div class="text-center mb-11">
|
||||
<h1 class="text-dark fw-bolder mb-3">Log In</h1>
|
||||
<div class="text-gray-800 fw-semibold fs-5">Welcome Back</div>
|
||||
</div>
|
||||
<div class="fv-row mb-8">
|
||||
<input type="email" placeholder="Email" name="email" autocomplete="off"
|
||||
class="form-control bg-transparent" />
|
||||
</div>
|
||||
<div class="fv-row mb-3">
|
||||
<input type="password" placeholder="Password" name="password" autocomplete="off"
|
||||
class="form-control bg-transparent" />
|
||||
</div>
|
||||
<div class="">
|
||||
<a href="{{ route('admin.forgot-password') }}"><span style="float: right;">Forgot
|
||||
password ?</span></a>
|
||||
</div>
|
||||
<div class="d-grid mt-15 mb-10 text-center">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<span class="indicator-label">Sign In</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="alert d-none" role="alert" id="result">
|
||||
<strong id="message"></strong>
|
||||
</div>
|
||||
<div class="text-gray-500 text-center fw-semibold fs-6 d-none">OTP has been send on your
|
||||
mail</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 d-flex">
|
||||
<div class="d-flex flex-column flex-center pb-0 pb-lg-10 p-10 w-100 sign-up-logo">
|
||||
<img class="theme-light-show"
|
||||
src="{{ asset('/public/assets/media/FrontendImages/menu-logo.png') }}" alt="" />
|
||||
<img class="theme-dark-show mx-auto mw-100 w-150px w-lg-300px mb-10 mb-lg-20"
|
||||
src="{{ asset('/public/assets/media/FrontendImages/menu-logo.png') }}" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script>
|
||||
$.validator.addMethod("ValidEmail", function(value) {
|
||||
return /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(value);
|
||||
}, "Please enter a valid email address");
|
||||
|
||||
$("#kt_sign_in_form").validate({
|
||||
ignore: [],
|
||||
debug: false,
|
||||
rules: {
|
||||
email: {
|
||||
required: true,
|
||||
ValidEmail: true,
|
||||
},
|
||||
password: 'required'
|
||||
},
|
||||
messages: {
|
||||
email: {
|
||||
required: "Please enter email",
|
||||
},
|
||||
password: "Please enter password"
|
||||
},
|
||||
submitHandler: function(form) {
|
||||
var formData = new FormData(form);
|
||||
// $("#save_btn").text("Please wait...");
|
||||
// $("#save_btn").attr("disabled", true);
|
||||
$.ajax({
|
||||
// url: "/admin/sign-in",
|
||||
url: "{{ route('admin.signIn') }}",
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
dataType: "json",
|
||||
success: function(result) {
|
||||
if (result.status == 200) {
|
||||
// toastr.success(result.message);
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-success');
|
||||
$('#message').html(result.message);
|
||||
// window.location.href = '/admin/otp';
|
||||
setTimeout(() => {
|
||||
// location.reload();
|
||||
// window.location.href = '/admin/otp'
|
||||
window.location.href = "{{ route('admin.otp') }}"
|
||||
}, 1000);
|
||||
}
|
||||
if (result.status == 400) {
|
||||
// toastr.warning(result.message);
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function() {
|
||||
$('#result').addClass('d-none').html();
|
||||
$('#result').removeClass('alert-warning');
|
||||
}, 5000);
|
||||
}
|
||||
if (result.status == 401) {
|
||||
// toastr.warning(result.message);
|
||||
$('#result').removeClass('d-none');
|
||||
$('#result').addClass('alert-warning');
|
||||
$('#message').html(result.message);
|
||||
setTimeout(function() {
|
||||
$('#result').addClass('d-none').html();
|
||||
$('#result').removeClass('alert-warning');
|
||||
}, 5000);
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
<div class="menu-logo">
|
||||
|
||||
<a href="/"><img src="{{ asset('public/assets/media/FrontendImages/menu-logo.png') }}"></a>
|
||||
<a href="{{route('index')}}"><img src="{{ asset('public/assets/media/FrontendImages/menu-logo.png') }}"></a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user