
<style>
  /* config.css */

/* helpers/align.css */

.align { -webkit-box-align: center;     -ms-flex-align: center;        align-items: center;display: -webkit-box;display: -ms-flexbox;
  display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;    -ms-flex-direction: column;         flex-direction: column;
  -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center;}

/* helpers/grid.css */

.grid { margin-left: auto;margin-right: auto;  max-width: 320px;  max-width: 20rem;  width: 90%;}

/* helpers/hidden.css */
.hidden {  border: 0;  clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;}

/* helpers/icon.css */
.icons {  display: none;}
.icon {  display: inline-block;  fill: #606468;  font-size: 16px;  font-size: 1rem;  height: 1em;  vertical-align: middle;  width: 1em;}

/* layout/base.css */
* {  -webkit-box-sizing: inherit;    box-sizing: inherit;}
html { -webkit-box-sizing: border-box;   box-sizing: border-box;font-size: 100%; height: 100%;}
body { background-color: #2c3338; color: #606468; font-family: 'Open Sans', sans-serif; font-size: 14px; font-size: 0.875rem; font-weight: 400;
  height: 100%;  line-height: 1.5;  margin: 0;  min-height: 100vh;}

/* modules/anchor.css */

a {  color: #eee;  outline: 0;  text-decoration: none;}
a:focus,a:hover {  text-decoration: underline;}

/* modules/form.css */
input { background-image: none;  border: 0;  color: inherit;  font: inherit;  margin: 0;  outline: 0;  padding: 0;  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;}
input[type='submit'] {  cursor: pointer;}
.form {  margin: -14px;  margin: -0.875rem;}
.form input[type='password'],.form input[type='text'],.form input[type='submit'] {  width: 100%;}
.form__field {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin: 14px;  margin: 0.875rem;}
.form__input {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}

/* modules/login.css */
.login { color: #eee;}
.login label,
.login input[type='text'],
.login input[type='password'],
.login input[type='submit'] { border-radius: 0.25rem;  padding: 16px;  padding: 1rem;}

.login label {  background-color: #363b41;  border-bottom-right-radius: 0;  border-top-right-radius: 0;  padding-left: 20px;  padding-left: 1.25rem;  padding-right: 20px;  padding-right: 1.25rem;}
.login input[type='password'],.login input[type='text'] {  background-color: #3b4148;  border-bottom-left-radius: 0;  border-top-left-radius: 0;}

.login input[type='password']:focus,
.login input[type='password']:hover,
.login input[type='text']:focus,
.login input[type='text']:hover {
  background-color: #434a52;
}
.login input[type='submit'] {  color: #eee;  font-weight: 700;  text-transform: uppercase;}
.login input[type='submit']:focus,.login input[type='submit']:hover { opacity:0.7;}

/* modules/text.css */
p {  margin-bottom: 24px;  margin-bottom: 1.5rem;  margin-top: 24px;  margin-top: 1.5rem;}
.text--center {  text-align: center;}
select { background: #3b4148 !important;  color: #fff;}
</style>
<div class='align' style="    min-height: 100vh;">
  <div class="grid">
    <?php //theme_start_form($multi=false, $dummy=false, $action="", $name="", $class='') 
    theme_start_form(false, false, $_SESSION['timeout']['uri'], "loginform", 'class="form login" '); ?>
  

      <div class="form__field">
        <?php if(file_exists(dirname(__FILE__) .'/images/'.kv_get_option('logo'))){
      $logo_img = kv_get_option('logo').'?'.rand(2,5);
    }else
      $logo_img = 'Saaisaran.png?'.rand(2,5);

      echo "<a style='margin: 0 auto;' target='_blank' href='".kv_get_option('powered_url')."'><img src='$path_to_root/themes/Saaisaran/images/$logo_img' alt='".kv_get_option('powered_name')."' 
      height='100' onload='fixPNG(this)' border='0' style='max-width: 250px; height:auto;'/></a>"; ?>
    </div>
     <div class="form__field">
        <label for="login__username"><svg class="icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#user"></use></svg><span class="hidden">Username</span></label>
        <input id="login__username" type="text" name="user_name_entry_field" class="form__input" placeholder="Username" required>
      </div>

      <div class="form__field">
        <label for="login__password"><svg class="icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#lock"></use></svg><span class="hidden">Password</span></label>
        <input id="login__password" type="password" name="password" class="form__input" placeholder="Password" required>
      </div>
      <?php  if ($login_timeout) {
        hidden('company_login_name', 0);
      } else {
        if (isset($_SESSION['wa_current_user']->company))
          $coy =  $_SESSION['wa_current_user']->company;
        else
          $coy = $def_coy;
        if (!@$text_company_selection) {
          echo "<div class='form__field'>
            <label for='company_name'><svg class='icon'><use xmlns:xlink='http://www.w3.org/1999/xlink' xlink:href='#user'></use></svg><span class='hidden'>Company </span> </label><select name='company_login_name'>\n";
          for ($i = 0; $i < count($db_connections); $i++)
            echo "<option value=$i ".($i==$coy ? 'selected':'') .">" . $db_connections[$i]["name"] . "</option>";
          echo "</select> </div>\n";
         
        } else { ?>
          <div class="form__field">
            <label for="company_name"><svg class="icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#user"></use></svg><span class="hidden">Company</span></label>
            <input id="company_name" type="text" name="company_login_nickname" class="form__input" placeholder="Username" required>
          </div>
          
       <?php //text_cells(_("Company"), "company_login_nickname", "", 20, 50); }
        }
        echo '<p class="text--center">'.$demo_text.'</p>';
       
      } ?>
      <div class="form__field">
        <input type="submit" name="SubmitUser" class="buttonui" value="Sign In">
      </div>

    </form>

    <!--<p >Not a member? <a href="#">Sign up now</a> </p>-->

  </div>

  <svg xmlns="http://www.w3.org/2000/svg" class="icons"><symbol id="arrow-right" viewBox="0 0 1792 1792"><path d="M1600 960q0 54-37 91l-651 651q-39 37-91 37-51 0-90-37l-75-75q-38-38-38-91t38-91l293-293H245q-52 0-84.5-37.5T128 1024V896q0-53 32.5-90.5T245 768h704L656 474q-38-36-38-90t38-90l75-75q38-38 90-38 53 0 91 38l651 651q37 35 37 90z"/></symbol><symbol id="lock" viewBox="0 0 1792 1792"><path d="M640 768h512V576q0-106-75-181t-181-75-181 75-75 181v192zm832 96v576q0 40-28 68t-68 28H416q-40 0-68-28t-28-68V864q0-40 28-68t68-28h32V576q0-184 132-316t316-132 316 132 132 316v192h32q40 0 68 28t28 68z"/></symbol><symbol id="user" viewBox="0 0 1792 1792"><path d="M1600 1405q0 120-73 189.5t-194 69.5H459q-121 0-194-69.5T192 1405q0-53 3.5-103.5t14-109T236 1084t43-97.5 62-81 85.5-53.5T538 832q9 0 42 21.5t74.5 48 108 48T896 971t133.5-21.5 108-48 74.5-48 42-21.5q61 0 111.5 20t85.5 53.5 62 81 43 97.5 26.5 108.5 14 109 3.5 103.5zm-320-893q0 159-112.5 271.5T896 896 624.5 783.5 512 512t112.5-271.5T896 128t271.5 112.5T1280 512z"/></symbol></svg>
</div>