Infrastructure

<!DOCTYPE html>
<html lang="en">
<head>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Mission Bhagiratha MIS Portal - Rural Drinking Water Supply Monitoring">
    <title>Login | Mission Bhagiratha MIS Portal</title>
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <link href="/static/css/main.f6ddba205904.css" rel="stylesheet">
    
<style>
.login-photo-row {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.login-photo-slot {
    text-align: center;
}
.login-photo-circle {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    border: 3px solid #fff;
    background: transparent;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.25);
}
.login-photo-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.login-photo-slot span {
    display: block;
    margin-top: 0.4rem;
    color: rgba(255,255,255,0.9);
    font-size: 0.75rem;
}
</style>

</head>
<body class="auth-page">
    
<div class="auth-wrapper">
    <div class="login-photo-row">
        
        <div class="login-photo-slot">
            <div class="login-photo-circle">
                
            </div>
            <span>Chief Minister</span>
        </div>
        
        <div class="login-photo-slot">
            <div class="login-photo-circle">
                
                <img src="/media/login/logo.png" alt="Logo">
                
            </div>
            <span>Logo</span>
        </div>
        
        <div class="login-photo-slot">
            <div class="login-photo-circle">
                
            </div>
            <span>Department Minister</span>
        </div>
        
    </div>
    <div class="auth-card">
        <div class="auth-header text-center mb-4">
            <div class="auth-logo mb-3">
                <i class="bi bi-droplet-fill"></i>
            </div>
            <h1 class="h4 fw-bold text-primary mb-1">MB MIS</h1>
            <p class="text-muted small mb-0">Mission Bhagiratha MIS Portal</p>
        </div>

        

        <form method="post" novalidate>
            <input type="hidden" name="csrfmiddlewaretoken" value="MUxbdjX0CMGSxupXPU7Fjj4r5OvigZmFb59QvBfdhokaeMo7dSKOENmx4YqkCbgy">
            <div class="mb-3">
                <label for="id_username" class="form-label fw-semibold">
                    <i class="bi bi-person-badge me-1"></i> Employee ID
                </label>
                <input type="text" name="username" class="form-control form-control-lg" placeholder="Enter Employee ID" autocomplete="username" autofocus maxlength="20" required id="id_username">
                
            </div>
            <div class="mb-3">
                <label for="id_password" class="form-label fw-semibold">
                    <i class="bi bi-lock me-1"></i> Password
                </label>
                <input type="password" name="password" class="form-control form-control-lg" placeholder="Enter Password" autocomplete="current-password" required id="id_password">
                
            </div>
            <div class="mb-3">
                <label for="id_captcha" class="form-label fw-semibold">
                    What is 2 + 9?
                </label>
                <input type="text" name="captcha" class="form-control form-control-lg" inputmode="numeric" autocomplete="off" maxlength="3" required id="id_captcha">
                
            </div>
            
            <button type="submit" class="btn btn-primary btn-lg w-100 mt-2">
                <i class="bi bi-box-arrow-in-right me-1"></i> Sign In
            </button>
        </form>

        <div class="text-center mt-4">
            <a href="/accounts/password-reset/" class="text-decoration-none small">
                <i class="bi bi-question-circle me-1"></i> Forgot Password?
            </a>
        </div>
    </div>
    <p class="text-center text-white-50 small mt-3 mb-0">
        Government of Telangana &mdash; Mission Bhagiratha
    </p>
</div>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="/static/js/main.3355e6e2403d.js"></script>
    
</body>
</html>