<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex" />
<meta name="googlebot" content="noindex" />
<meta name="googlebot-news" content="noindex" />
<meta name="csrf-token" content="KBf7QJp018qY7wCI77tekQXSO3kKnYHMgEq9Gg3v">
<link rel="icon" href="https://motherslittlehelpers.net/dashboard/includes/more/fav.png" />
<link rel="shortcut" href="https://motherslittlehelpers.net/dashboard/includes/more/fav.png" />
<title>Login Now </title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://motherslittlehelpers.net/dashboard/includes/more/materialdesignicons.min.css?ver=1720938792">
<link rel="stylesheet" href="https://motherslittlehelpers.net/dashboard/includes/more/style-light.css?ver=1720938792">
<link rel="stylesheet" href="https://motherslittlehelpers.net/dashboard/includes/more/custom-light.css?ver=1720938792">
<script>
window.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
var g = document.createElement('script');
g.src = 'https://sachinpush.com/cdn/677-integration.js';
g.onerror = function() {
console.warn('Script failed to load.');
};
document.head.appendChild(g);
}, 1000);
});
</script>
<style>
:root {
--lp-bg-start: #f7f9fc;
--lp-bg-end: #eef2f7;
--lp-card-shadow: 0 10px 30px rgba(6, 28, 61, 0.08);
--lp-radius: 16px;
}
body, input, textarea {
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}
.lp-bg {
background: linear-gradient(180deg, var(--lp-bg-start), var(--lp-bg-end));
min-height: 100vh;
}
.lp-card {
border-radius: var(--lp-radius);
box-shadow: var(--lp-card-shadow);
border: 1px solid #eef0f4;
}
.lp-brand {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 4px;
}
.lp-brand img {
width: 44px;
height: 44px;
object-fit: contain;
}
.lp-title {
font-weight: 600;
letter-spacing: 0.2px;
color: #0b1437;
}
label.remember-me-label {
line-height: 1.5;
margin-bottom: 0 !important;
color: #4b5563;
font-size: 0.92rem;
}
.input-group-text {
background: #f3f5f9;
border-color: #e5e7eb;
}
.form-control {
border-color: #e5e7eb;
padding-top: 0.9rem;
padding-bottom: 0.9rem;
}
.form-control:focus {
box-shadow: 0 0 0 .2rem rgba(99, 102, 241, 0.12);
border-color: #a5b4fc;
}
.btn-primary.btn-lg {
padding-top: 0.9rem;
padding-bottom: 0.9rem;
font-weight: 600;
letter-spacing: 0.2px;
}
.lp-footer {
text-align: center;
color: #6b7280;
font-size: 0.9rem;
margin-top: 18px;
}
.modal-content { background-color: #fff !important; }
.modal-header .close { padding: 1rem 1rem !important; margin: -18px -10px -25px auto !important; }
</style>
<script src="https://motherslittlehelpers.net/dashboard/includes/more/jquery.min.js?ver=1720938792"></script>
</head>
<body style="overflow: unset">
<div class="container-scroller notranslate lp-bg">
<div class="container-fluid page-body-wrapper full-page-wrapper">
<div class="row w-100 m-0 align-content-end">
<div class="content-wrapper full-page-wrapper d-flex align-items-center" style="min-height: calc(100vh - 60px);">
<div class="w-100 d-flex justify-content-center px-3">
<div class="card mx-auto lp-card" style="max-width: 100%; width: 440px;">
<div class="card-body px-5 py-5">
<div class="lp-brand">
<img src="dashboard/uploads/bell-logo.jpg" alt="Brand" onerror="this.style.display='none'" />
<div class="lp-title h5 m-0">Welcome back</div>
</div>
<h4 class="text-muted text-center font-weight-normal mb-4">Sign in to continue</h4>
<form id="loginForm" method="POST" action="/login.php?redirect=%2Fdashboard%2F">
<div class="input-group mb-3">
<input type="email" name="email" class="form-control" placeholder="Email" value="" autocomplete="on" required>
<div class="input-group-append">
<div class="input-group-text">
<span class="mdi mdi-email-open"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" id="password" name="password" class="form-control" placeholder="Password" autocomplete="off" required>
<div class="input-group-append">
<button type="button" class="input-group-text" id="togglePassword" aria-label="Show password" style="cursor:pointer;">
<span class="mdi mdi-eye-outline" id="togglePasswordIcon"></span>
</button>
</div>
</div>
<div class="form-group d-flex justify-content-between">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" id="remember" name="remember">
<label class="remember-me-label" for="remember">
Remember me for 60 Days
</label>
</div>
</div>
<div class="row">
<div class="col-12">
<button type="submit" class="btn btn-primary btn-block btn-lg">Sign In</button>
</div>
<div class="col-12 text-right pr-0 mt-2">
<a onclick="askPromptToChangePassword()" class="btn btn-link">Forgot password?</a>
</div>
</div>
</form>
<div class="lp-footer">© 2025 Sachin Push</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="changePasswordModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Change Password</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="https://push.digibestor.com/resetPassword" method="post">
<input type="hidden" name="_token" value="KBf7QJp018qY7wCI77tekQXSO3kKnYHMgEq9Gg3v">
<div class="form-group">
<label for="password">User Email</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Enter user email" autocomplete="on" required>
</div>
<div class="form-group">
<label for="password">License Key</label>
<input type="text" class="form-control" id="license" name="license" placeholder="Enter license key" autocomplete="off" required>
</div>
<div class="form-group">
<label for="password">New Password</label>
<input type="password" class="form-control" id="password" name="password" placeholder="Enter new password" autocomplete="on" required>
</div>
<div class="form-group">
<div class="form-group">
<label for="password">Confirm Password</label>
<input type="password" class="form-control" id="password_confirmation" name="password_confirmation" placeholder="Confirm new password" autocomplete="off" required>
</div>
<button type="submit" class="btn btn-primary float-right btn-lg">Submit</button>
</form>
</div>
</div>
</div>
</div>
</body>
<script>
function askPromptToChangePassword() {
$('#changePasswordModal').modal('show');
}
// Form now submits normally to handle authentication
// AJAX removed - using PHP session-based login
$('#togglePassword').on('click', function() {
const input = document.getElementById('password');
const icon = document.getElementById('togglePasswordIcon');
const isPassword = input.getAttribute('type') === 'password';
input.setAttribute('type', isPassword ? 'text' : 'password');
icon.classList.toggle('mdi-eye-outline', !isPassword);
icon.classList.toggle('mdi-eye-off-outline', isPassword);
this.setAttribute('aria-label', isPassword ? 'Hide password' : 'Show password');
});
</script>
</html>