185 lines
9.3 KiB
PHP
185 lines
9.3 KiB
PHP
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<!--begin::Head-->
|
|
|
|
<head>
|
|
<head>
|
|
<title>GetSetFit</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="canonical" href="https://preview.keenthemes.com/metronic8" />
|
|
<link rel="shortcut icon" href="assets/media/logos/favicon-search.png" />
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<!--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::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 - Sign-in -->
|
|
<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">
|
|
@include('Admin.layouts.messages')
|
|
<!--begin::Form-->
|
|
<div class="d-flex flex-center flex-column flex-lg-row-fluid">
|
|
<!--begin::Wrapper-->
|
|
<div class="w-lg-500px p-10 sign-border bg-color-card">
|
|
<!--begin::Form-->
|
|
<form class="form w-100" id="login_form">
|
|
@csrf
|
|
<!--begin::Heading-->
|
|
<div class="text-center mb-11">
|
|
<!--begin::Title-->
|
|
<h1 class="text-dark fw-bolder mb-3">Welcome Back</h1>
|
|
<!--end::Title-->
|
|
<!--begin::Subtitle-->
|
|
<div class="text-gray-500 fw-semibold fs-6">Sign in to continue to GetSetFit</div>
|
|
<!--end::Subtitle=-->
|
|
</div>
|
|
<!--begin::Heading-->
|
|
<!--begin::Input group=-->
|
|
<div class="fv-row mb-8">
|
|
<!--begin::Email-->
|
|
<div class="login-box">
|
|
<i class="fa fa-user" aria-hidden="true"></i>
|
|
<input type="text" placeholder="Email" name="email" id="email" autocomplete="off"
|
|
class="form-control bg-transparent" />
|
|
</div>
|
|
<!--end::Email-->
|
|
</div>
|
|
<!--end::Input group=-->
|
|
<div class="fv-row mb-8">
|
|
<!--begin::Password-->
|
|
<div class="login-box pass_eye">
|
|
<i class="fa fa-lock" aria-hidden="true"></i>
|
|
<input type="password" placeholder="Password" id="password" name="password" autocomplete="off"
|
|
class="form-control bg-transparent" />
|
|
<i class="fa-regular fa-eye" id="password_eye"></i>
|
|
</div>
|
|
<!--end::Password-->
|
|
</div>
|
|
<!--<div class="fv-row mb-5 fv-plugins-icon-container">-->
|
|
<!--begin::Password-->
|
|
<!-- <div class="login-box">-->
|
|
<!-- <i class="fa fa-th-large" aria-hidden="true"></i>-->
|
|
<!-- <input type="text" placeholder="4 Digit Pin" id="digit_pin" name="digit_pin" autocomplete="off" class="form-control bg-transparent">-->
|
|
<!-- </div>-->
|
|
<!--end::Password-->
|
|
<!-- <div class="fv-plugins-message-container invalid-feedback"></div>-->
|
|
<!--</div>-->
|
|
<!--end::Input group=-->
|
|
|
|
<!--begin::Submit button-->
|
|
<div class="d-grid mb-5 mt-10">
|
|
<button type="submit" id="login_form_btn" class="btn btn-primary popup-button">Sign In</button>
|
|
<!--<a type="submit" id="login_form_btn" class="btn btn-primary popup-button">-->
|
|
<!--begin::Indicator label-->
|
|
<!-- <span class="indicator-label">Sign In</span>-->
|
|
<!--end::Indicator label-->
|
|
<!--begin::Indicator progress-->
|
|
<!-- <span class="indicator-progress">Please wait...-->
|
|
<!-- <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>-->
|
|
<!--end::Indicator progress-->
|
|
<!--</a>-->
|
|
|
|
</div>
|
|
<!--end::Submit button-->
|
|
<!--begin::Separator-->
|
|
|
|
<!--end::Separator-->
|
|
</form>
|
|
<!--end::Form-->
|
|
</div>
|
|
<!--end::Wrapper-->
|
|
</div>
|
|
<!--end::Form-->
|
|
|
|
</div>
|
|
<!--end::Body-->
|
|
<!--begin::Aside-->
|
|
<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="{{ route('sign_in') }}" 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>
|
|
<!--end::Aside-->
|
|
</div>
|
|
<!--end::Authentication - Sign-in-->
|
|
</div>
|
|
<!--end::Root-->
|
|
<!--jquery cdn link-->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
<!--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-->
|
|
|
|
<!--validation js cdn-->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
|
|
|
|
<!--begin::Custom Javascript(used by this page)-->
|
|
<script src="{{asset('public/assets/js/custom/authentication/sign-in/general.js')}}"></script>
|
|
<!--end::Custom Javascript-->
|
|
<!--end::Javascript-->
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$(function(){
|
|
setTimeout(function() {
|
|
$('.fade-message').slideUp();
|
|
}, 3000);
|
|
});
|
|
});
|
|
|
|
|
|
const password_eye = document.getElementById("password_eye");
|
|
const passwordInput = document.getElementById("password"); // Changed ID here
|
|
|
|
password_eye.addEventListener("click", function () {
|
|
if (passwordInput.type === "password") {
|
|
passwordInput.type = "text";
|
|
password_eye.classList.remove("fa-eye");
|
|
password_eye.classList.add("fa-eye-slash");
|
|
} else {
|
|
passwordInput.type = "password";
|
|
password_eye.classList.remove("fa-eye-slash");
|
|
password_eye.classList.add("fa-eye");
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
<!--end::Body-->
|
|
|
|
</html>
|