%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html>
<head>
<base href="{{ url('/') }}">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width initial-scale=1.0">
{{-- CSRF TOKEN --}}
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Login</title>
<!-- GLOBAL MAINLY STYLES-->
<link href="{{ asset('/') }}assets/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="{{ asset('/') }}assets/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<!-- THEME STYLES-->
<link href="{{ asset('/') }}assets/css/main.min.css" rel="stylesheet" />
<!-- PAGE LEVEL STYLES-->
<link href="{{ asset('/') }}assets/css/pages/auth-light.css" rel="stylesheet" />
<style>
.login-title {
font-weight: 700;
}
.main-content{
background: #f4f4f4;
}
.vh-100{
height: 100vh;
}
.content{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.cursor-pointer{
cursor: pointer;
}
.footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
padding: 10px 0;
font-size: 14px;
font-weight: 500;
}
.w-60{
width: 70%;
}
.main-content{
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 768px) {
.w-60{
width: 100%;
}
}
.login-box,
form{
width: 400px
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
.login-content{
background: linear-gradient(0deg, rgba(35,136,84,1) 0%, rgba(9,67,107,1) 100%);
}
.login-content h4{
color: #ffffff;
font-size: 24px;
font-weight: 600;
}
.login-content ul li {
color: #b9b9b9;
font-size: 13px;
margin-top: 15px;
background: url({{ asset('/') }}uploads/images/arrow_right.png) no-repeat 0 5px;
padding-left: 13px;
background-size: 6px;
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
</style>
</head>
<body class="main-content vh-100 position-relative" style="background-image: url({{ asset('uploads/images/login.png') }})">
<div class="row justify-content-center h-100 align-items-center">
<div class="col-lg-7 col-md-6 col-12">
<div class="logo-area text-center mb-4">
<img src="{{ asset('uploads/images/logo.png') }}" alt="logo">
</div>
<div class="d-flex shadow align-items-center bg-white">
<div class="login-box bg-white">
<form id="login-form" class="bg-white px-4 py-5" action="{{ route('login') }}" method="post">
@csrf
<div class="form-group">
<div class="input-group-icon right">
<div class="input-icon"><i class="fa fa-envelope"></i></div>
<input class="form-control" type="email" name="email" placeholder="Email" autocomplete="off">
@error('email')
<span class="d-block text-danger error">{{ $message }}</span>
@enderror
</div>
</div>
<div class="form-group">
<div class="input-group-icon right">
<div class="input-icon password-text"><i class="fa fa-eye font-16"></i></div>
<input class="form-control" type="password" name="password" placeholder="Password">
@error('password')
<span class="d-block text-danger error">{{ $message }}</span>
@enderror
</div>
</div>
<div class="form-group d-flex justify-content-between">
<label class="ui-checkbox ui-checkbox-info">
<input type="checkbox" name="remember">
<span class="input-span"></span>Remember me</label>
<a href="{{ route('forgot-password') }}">Forgot password?</a>
</div>
<div class="form-group">
<button class="btn btn-info btn-block cursor-pointer" type="submit">Login</button>
</div>
</form>
</div>
<div class="login-content px-4 py-5 d-none d-md-block">
<h4>What's New</h4>
<ul>
<li>Daily sales report (DSR) equips sales managers and sales representatives to look at daily sales metrics such as the number of deals closed, number of sales conversations made with customers, opportunities created, and a few more business-specific KPIs. </li>
<li>Specially designed for Property/ Real Estate Brokerage Agencies.</li>
<li>Super Admin, Admin & Manager access.</li>
<li>Help Property/ Real Estate Brokerage Agencies to create monthly/ Yearly performance report for their Sales/ Tele Sales agents.</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-12">
<p class="mb-0 text-center">{{ date('Y') }} © all rights reserved by the Silver Oak Properties LLC Dubai</p>
</div>
</div>
</div>
</footer>
<!-- CORE PLUGINS -->
<script src="{{ asset('/') }}assets/vendors/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="{{ asset('/') }}assets/vendors/popper.js/dist/umd/popper.min.js" type="text/javascript"></script>
<script src="{{ asset('/') }}assets/vendors/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<!-- PAGE LEVEL PLUGINS -->
<script src="{{ asset('/') }}assets/vendors/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>
<!-- PAGE LEVEL SCRIPTS-->
<script>
$(function() {
$('#login-form').validate({
errorClass: "help-block",
rules: {
email: {
required: true,
email: true
},
password: {
required: true
}
},
highlight: function(e) {
$(e).closest(".form-group").addClass("has-error")
},
unhighlight: function(e) {
$(e).closest(".form-group").removeClass("has-error")
},
});
});
// toastr alert message
function flashMessage(status, message){
toastr.options = {
"closeButton": false,
"debug": false,
"newestOnTop": false,
"progressBar": true,
"positionClass": "toast-top-right",
"preventDuplicates": false,
"onclick": null,
"showDuration": "300",
"hideDuration": "2000",
"timeOut": "6000",
"extendedTimeOut": "2000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
switch (status) {
case 'success':
toastr.success(message);
break;
case 'error':
toastr.error(message);
break;
case 'warning':
toastr.warning(message);
break;
case 'info':
toastr.info(message);
break;
}
}
// session flash message
@if (Session::get('success'))
flashMessage('success',"{{ Session::get('success') }}")
@elseif (Session::get('error'))
flashMessage('error',"{{ Session::get('error') }}")
@elseif (Session::get('info'))
flashMessage('info',"{{ Session::get('info') }}")
@elseif (Session::get('warning'))
flashMessage('warning',"{{ Session::get('warning') }}")
@endif
// password input type text
$(document).on('click','.password-text',function(){
if($(this).children().hasClass('fa-eye')){
$(this).children().removeClass('fa-eye');
$(this).children().addClass('fa-eye-slash');
$('input[name="password"]').attr('type','text');
}else{
$(this).children().removeClass('fa-eye-slash');
$(this).children().addClass('fa-eye');
$('input[name="password"]').attr('type','password');
}
});
</script>
</body>
</html>
Zerion Mini Shell 1.0