<!DOCTYPE html>
<html
lang="en"
class="layout-wide customizer-hide"
dir="ltr"
data-skin="bordered"
data-bs-theme="light"
data-assets-path="/"
data-template="vertical-menu-template-bordered"
>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
/>
<meta name="robots" content="index, follow" />
<title>Login | Sanjana Digital Service</title>
<!-- SEO Meta Tags -->
<meta
name="description"
content="Login to your Sanjana Digital Service account to manage Aadhaar ATM, PAN Card, Money Transfer, UPI, and other assisted digital services."
/>
<meta
name="keywords"
content="Login, Sanjana Digital Service, Aadhaar ATM Login, UPI Portal, Retailer Login, Money Transfer Login, PAN Card Agent Login, Utility Payment Access"
/>
<link rel="canonical" href="https://sanjanadigitalservice.com/login">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
<!-- Fonts -->
<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=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/iconify-icons.css">
<!-- Core CSS -->
<!-- build:css /assets/vendor//assets/css/theme.css -->
<link rel="stylesheet" href="/assets/css/node-waves.css">
<link rel="stylesheet" href="/assets/css/pickr-themes.css">
<link rel="stylesheet" href="/assets/css/core.css">
<link rel="stylesheet" href="/assets/css/demo.css">
<!-- Vendors CSS -->
<link rel="stylesheet" href="/assets/css/perfect-scrollbar.css">
<!-- endbuild -->
<!-- Vendor -->
<link rel="stylesheet" href="/assets/css/form-validation.css">
<!-- Page CSS -->
<!-- Page -->
<link rel="stylesheet" href="/assets/css/page-auth.css">
<!-- Helpers -->
<script src="/assets/js/helpers.js"></script>
<script src="/assets/js/template-customizer.js"></script>
<script src="/assets/js/config.js"></script>
</head>
<body>
<!-- Content -->
<div class="authentication-wrapper authentication-cover">
<!-- Logo -->
<a href="/" class="app-brand auth-cover-brand">
<span class="app-brand-logo demo">
<span class="text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 126 115" fill="none" preserveAspectRatio="xMidYMid meet">
<path fill="currentColor" d="M70 6v2l-2.875 1.688c-3.178 2.023-4.13 3.888-5.191 7.433.102 2.886 1.448 4.525 3.066 6.879 2.08 1.77 2.08 1.77 4.5 3.234l2.673 1.726L75 30.75c28.41 18.478 28.41 18.478 34 35.25 1.012 10.303-.687 17.261-6.95 25.594C92.29 103.229 78.882 109.656 64 112a88 88 0 0 1-4.812.063l-2.395-.028L55 112c2.488-2.488 4.61-2.993 7.938-4.125 8.033-2.942 16.403-7.14 20.75-14.875 2.44-6.211 2.002-11.031-.626-17.125-5.494-9.926-16.048-12.593-26.112-16.177C45.316 55.532 32.599 50.123 26 39c-1.148-3.335-1.134-5.66 0-9 8.581-13.29 23.643-19.543 38.332-23.652C66.29 5.94 68.008 5.787 70 6"></path>
<path fill="currentColor" d="M16 47c1.065 3.195.975 5.165.813 8.5-.035 7.138 1.137 13.815 5.8 19.45 3.781 3.462 7.847 6.127 13.16 6.011 5.286-.558 9.368-2.183 14.102-4.523C55.899 73.648 61.266 71.384 68 73c4.393 1.78 7.057 4.704 9 9 1.442 4.635.854 7.773-1.004 12.117C72.644 100.452 66.553 103.64 60 106c-12.494 2.552-23.313-.274-34-7-7.586-5.993-12.92-13.476-15-23-.877-9.65-1.045-19.43 4-28z"></path>
<path fill="currentColor" d="M97 2c-1.73 7.12-4.664 11.96-10 17-2.922 1.461-5.819 1.406-9 1-2.422-1.534-2.887-2.694-3.875-5.375C73.96 11.155 74.877 9.709 77 7c3.238-2.018 6.38-2.515 10.125-3.062C90.418 3.45 93.803 2 97 2"></path>
</svg>
</span>
</span>
<span class="app-brand-text demo text-heading fw-bold">Sanjana Digital Service</span>
</a>
<!-- /Logo -->
<div class="authentication-inner row m-0">
<!-- /Left Text -->
<div class="d-none d-xl-flex col-xl-8 p-0">
<div
class="auth-cover-bg d-flex justify-content-center align-items-center"
>
<img
src="assets/images/auth-login-illustration-light.png"
alt="auth-login-cover"
class="my-5 auth-illustration"
data-app-light-img="assets/images/auth-login-illustration-light.png"
data-app-dark-img="assets/images/auth-login-illustration-dark.png"
/>
<img
src="assets/images/bg-shape-image-light.png"
alt="auth-login-cover"
class="platform-bg"
data-app-light-img="assets/images/bg-shape-image-light.png"
data-app-dark-img="assets/images/bg-shape-image-dark.png"
/>
</div>
</div>
<!-- /Left Text -->
<!-- Login -->
<div
class="d-flex col-12 col-xl-4 align-items-center authentication-bg p-sm-12 p-6"
>
<div class="w-px-400 mx-auto mt-12 pt-5">
<h3 class="mb-1">Welcome to Sanjana Digital Service! 👋</h3>
<p class="mb-4">
Log in to access your account and manage all your digital
financial services with ease.
</p>
<div class="alert alert-info">
<strong>Your IP:</strong> <span id="userIP">Loading...</span><br>
<strong>Latitude:</strong> <span id="userLat">Loading...</span><br>
<strong>Longitude:</strong> <span id="userLon">Loading...</span>
</div>
<form id="formLogin" class="mb-3" method="POST">
<div class="mb-3">
<label for="identifier" class="form-label">Email / Mobile / SDS ID</label>
<div class="input-group input-group-merge">
<span class="input-group-text">
<img
src="/assets/icon/username.png"
width="25"
height="25"
/>
</span>
<input
type="text"
class="form-control"
id="identifier"
name="identifier"
value=""
placeholder="Please enter your email or mobile username."
/>
</div>
</div>
<div class="mb-3 form-password-toggle">
<div class="d-flex justify-content-between">
<label class="form-label" for="password">Password</label>
<a href="/forgot-password">
<small>Forgot Password?</small>
</a>
</div>
<div class="input-group input-group-merge">
<span class="input-group-text">
<img
src="/assets/icon/Password.png"
width="25"
height="25"
/>
</span>
<input
type="password"
value=""
id="password"
class="form-control"
name="password"
placeholder="············"
aria-describedby="password"
/>
<span class="input-group-text cursor-pointer"
><i class="icon-base ti tabler-eye-off"></i
></span>
</div>
</div>
<div class="mb-3">
<div class="form-check">
<input
class="form-check-input"
type="checkbox"
id="remember-me"
/>
<label class="form-check-label" for="remember-me">
Remember Me
</label>
</div>
</div>
<button
type="submit"
id="submit"
class="btn btn-primary d-grid w-100"
>
Login
</button>
</form>
<p class="text-center">
<span>New on our platform?</span>
<a href="/register">
<span>Create an account</span>
</a>
</p>
<div class="divider my-6">
<div class="divider-text">or</div>
</div>
<div class="d-flex justify-content-center">
<a
href="javascript:;"
class="btn btn-icon rounded-circle btn-text-facebook me-1_5"
>
<i
class="icon-base ti tabler-brand-facebook-filled icon-20px"
></i>
</a>
<a
href="javascript:;"
class="btn btn-icon rounded-circle btn-text-twitter me-1_5"
>
<i
class="icon-base ti tabler-brand-twitter-filled icon-20px"
></i>
</a>
<a
href="javascript:;"
class="btn btn-icon rounded-circle btn-text-github me-1_5"
>
<i
class="icon-base ti tabler-brand-github-filled icon-20px"
></i>
</a>
<a
href="javascript:;"
class="btn btn-icon rounded-circle btn-text-google-plus"
>
<i
class="icon-base ti tabler-brand-google-filled icon-20px"
></i>
</a>
</div>
</div>
</div>
<!-- /Login -->
</div>
</div>
<!-- / Content -->
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/popper.js"></script>
<script src="/assets/js/bootstrap.js"></script>
<script src="/assets/js/node-waves.js"></script>
<script src="/assets/js/autocomplete-js.js"></script>
<script src="/assets/js/pickr.js"></script>
<script src="/assets/js/perfect-scrollbar.js"></script>
<script src="/assets/js/hammer.js"></script>
<script src="/assets/js/i18n.js"></script>
<script src="/assets/js/menu.js"></script>
<!-- endbuild -->
<!-- Vendors JS -->
<script src="/assets/js/popular.js"></script>
<script src="/assets/js/bootstrap5.js"></script>
<script src="/assets/js/auto-focus.js"></script>
<!-- Main JS -->
<script src="/assets/js/main.js"></script>
<!-- Page JS -->
<script src="/assets/custumJS/get-location.js"></script>
<script src="/assets/custumJS/errorMessage.js"></script>
<script src="/assets/custumJS/alerts.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script>
// Fallback to avoid empty declaration
const serverResponse = null;
window.EndPointAPI ="https://backend.sanjanadigitalservice.com/api";
</script>
<script src="assets/custumJS/Auth/Login.js"></script>
</body>
</html>