<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login</title>
<meta name="csrf-param" content="_csrf-admin">
<meta name="csrf-token" content="gogHPaOPK_vRB5ehbBXrgAHihopZtPBK_PBl-XdVu57HsURn2c5Ro-Q_9covQtLET8_h0DGBuhvP3TSsOW3B0Q==">
<link href="/assets/9441461d/dist/css/bootstrap.css" rel="stylesheet">
<link href="/dashboard-assets/fontawesome/css/all.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/uikit@3.13.4/dist/css/uikit.min.css" rel="stylesheet">
<link href="/dashboard-assets/css/dashboard.css?v=1.0" rel="stylesheet"></head>
<body>
<div id="login-page">
<div class="uk-grid uk-child-width-1-2@m">
<div>
</div>
<div>
<div id="form-section">
<div>
<img style="margin: 0 auto" width="100" src="/dashboard-assets/images/logo-black.svg" alt="Vooka">
<h3>Vooka Operator portal</h3>
<form id="login-form" action="/index.php?r=site%2Flogin" method="post">
<input type="hidden" name="_csrf-admin" value="gogHPaOPK_vRB5ehbBXrgAHihopZtPBK_PBl-XdVu57HsURn2c5Ro-Q_9covQtLET8_h0DGBuhvP3TSsOW3B0Q==">
<div class="uk-margin uk-form-controls field-loginform-username required">
<label class="uk-form-label" for="loginform-username">Username</label>
<input type="text" id="loginform-username" class="uk-input" name="LoginForm[username]" autofocus placeholder="e.g Admin" aria-required="true">
<div class="help-block"></div>
</div>
<div class="uk-margin uk-form-controls field-loginform-password required">
<label class="uk-form-label" for="loginform-password">Password</label>
<input type="password" id="loginform-password" class="uk-input" name="LoginForm[password]" value="" placeholder="Password" aria-required="true">
<div class="help-block"></div>
</div>
<div class="uk-margin uk-form-controls field-loginform-rememberme">
<input type="hidden" name="LoginForm[rememberMe]" value="0"><label><input type="checkbox" id="loginform-rememberme" name="LoginForm[rememberMe]" value="1" checked> Remember Me</label>
<div class="help-block"></div>
</div> <div class="form-group">
<button type="submit" class="login-button uk-width-1-1 uk-button uk-button-secondary" name="login-button">Login</button> </div>
</form> </div>
</div>
</div>
</div>
</div>
<style>
#login-page{
background: url("/dashboard-assets/images/skyline-nairobi-kenya_16x9.webp") center no-repeat;
background-size: cover;
}
#form-section{
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
background: var(--white);
min-height: 100vh;
}
#form-section h3{
font-family: var(--primary-font);
font-weight: 600;
font-size: 1.5rem;
}
.login-button{
background: var(--primary-color);
}
</style>
<script src="/assets/c16d304a/jquery.js"></script>
<script src="/assets/30480c6f/yii.js"></script>
<script src="/assets/30480c6f/yii.validation.js"></script>
<script src="/assets/30480c6f/yii.activeForm.js"></script>
<script src="/assets/9441461d/dist/js/bootstrap.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.13.4/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.13.4/dist/js/uikit-icons.min.js"></script>
<script src="/dashboard-assets/fontawesome/js/all.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="/dashboard-assets/js/dashboard.js"></script>
<script>jQuery(function ($) {
jQuery('#login-form').yiiActiveForm([{"id":"loginform-username","name":"username","container":".field-loginform-username","input":"#loginform-username","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Username cannot be blank."});}},{"id":"loginform-password","name":"password","container":".field-loginform-password","input":"#loginform-password","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Password cannot be blank."});}},{"id":"loginform-rememberme","name":"rememberMe","container":".field-loginform-rememberme","input":"#loginform-rememberme","validate":function (attribute, value, messages, deferred, $form) {yii.validation.boolean(value, messages, {"trueValue":"1","falseValue":"0","message":"Remember Me must be either \u00221\u0022 or \u00220\u0022.","skipOnEmpty":1});}}], []);
});</script></body>
</html>