
<!doctype html>
<html>
<head>
<title>Teamplay Login</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<script language="JavaScript1.2" src="util.js" type="text/javascript"><!-- --></script>

<!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">

<style>

body {
  min-height: 800px;
  padding-top: 60px;
  width="100%";
}

body, .navbar, .dropdown-menu {
  border-color: transparent; background-color: # !important;
}

.carousel .carousel-inner img {
  width: 100%;
  border-radius: 5px;
  
  
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    border-radius: 5px;
}

.carousel-caption{ color: #FFFFFF !important;}

.carousel-indicators li, .carousel .carousel-control { visibility: hidden; }

.tpfont, body, p, .navbar-brand.tpfont, .navbar .navbar-nav li a {
   font-family: , sans-serif;
   font-style: Normal;
   color: # !important;
   font-size: 14px;
}

th {
    vertical-align: middle !important;
   }

.table-striped tbody > tr:nth-child(odd) {
  background-color: # !important;
}

/* For bootstrap table not to show until fully loaded */
div.datatable {
  display:none;
}

.selectedTableRow{background-color:#FFFF00 !important;}

/* Example: class="label label-gray" */
[class*='-gray'] {
	background-color:#e6e6e6;
    color:#666;
}
[class*='-lightgreen'] {
	background-color:#00ff00;
    color:#666;
}

/* Center the contents of an element, for example div */
.centercontents {
    text-align: center !important;
}

/* No border buttons in "export" pulldown */
.btn.no-border{
  border:0px solid transparent; /* this was 1px earlier */
 }


/* LEAGACY */
.scrollbox {padding: 10px; height: 100px; width: 200px; border: 1px solid #999999; overflow: auto; background-color: #F1F1EB;}

div.guide {
  display:none;
}

div.help {
  display:none;
  background-color: #AAD77D;
}

pre.pretty {
  font-family: ;
  font-style: Normal;
  font-weight: normal;
  font-size: 14px;
}

table.transparent {
  border-style: none;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
}

table.transparent td, table.transparent th {
  padding : 3;
}

table.transparent_border {
	border-width: 1px;
	border-spacing: 5px;
	border-style: outset;
	border-color: #f5f5f5;
	border-collapse: collapse;
	background-color: transparent;
}

table.transparent_border td, table.transparent_border th {
  border-color: #D3D3D3;
  padding: 3px;
}

table.transparent_bottom_border {
	border-style: none;
	border-color: #D3D3D3;
	border-collapse: collapse;
	background-color: transparent;
}

table.transparent_bottom_border td, table.transparent_bottom_border th {
  padding: 3px;
}

table.transparent_narrow {
  border-style: none;
  width: 95%;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
}

table.dynamic {
  padding: 1px;
  border-collapse: collapse;
}

button img {
vertical-align:middle;
}


a:visited { color: #303030; }
a:link    { color: #303030; }
a:active  { color: red; }
a:hover, .navbar .navbar-nav li a:hover, .dropdown-menu li a:hover  { color: #303030 !important; }

</style>



<!-- Custom styles for this template -->
<link href="css_custom/signin.css" rel="stylesheet">

<script type="text/javascript">
function SubmitForm(login)
{
  if (login){
    document.getElementById('glomt_losen').value='false';
  }
  else{
    document.getElementById('glomt_losen').value='true';
  }
  document.getElementById('form').submit();
}
</script>

</head>
<body>
  <div class="container d-flex align-items-center justify-content-center">
    <form action="?login!" id="form" method="POST" enctype="text/plain" class="form-signin" target="_self">
      <div class="mb-3 row">
        <div class="col-auto">
          <h2 class="form-signin-heading">Teamplay Login</h2>
          <input type="text" name="tpusr" class="form-control form-control-sm" placeholder="Username / E-mail" required autofocus >
          <input type="password" name="tppw" class="form-control form-control-sm" placeholder="Password" required >
          <select name="sprak" id="sprak" class="form-select form-select-sm" placeholder="Language">
            <option selected value="SWE">Svenska </option>
            <option value="ENG">Engelska </option>
            <option value="FIN">Finska </option>
            <option value="NOR">Norska </option>
          </select>
          <select name="dbid" id="dbid" class="form-select form-select-sm" placeholder="Language">
            <option value=1>Upplaga 23</option><option value=2>Upplaga 25</option><option selected value=3>Upplaga 26</option>
          </select>
          <input type="hidden" name="glomt_losen" id="glomt_losen" value="false">
          <input type="hidden" name="submit_eot">
          <div class="text-center">
            <br>
            <button class="w-100 btn btn-outline-secondary" type="submit">Login</button>
          </div>
        </div>
      </div>
    </form>
  </div>

 <div class="container d-flex align-items-center justify-content-center">
     <div class="mb-3 row">
         <div class="col-auto">
           <p style="text-align:center"><a href="#self" onclick="toggle_visibility('skicka_losen')">Glömt lösenord </a></p>
           <div class="guide" id='skicka_losen'>
             <p style="text-align:center">Ange din E-mailaddress i fältet för användarnamn ovan och klicka sedan på  <a href="#" onclick="SubmitForm(false);">den här länken</a> för att få ett tillfälligt lösenord skickat till dig. </p>
          </div>
          <br>
          <h6 style="text-align:center">Version 6.4.1 by <a href="http://www.mibosoft.se">Mibosoft®</a></h6>
          <h6 style="text-align:center"><a href="?release_notes!=swe&amp;">Release notes SWE</a> | <a href="?release_notes!=eng&amp;">Release notes ENG</a></h6>
          <p style="text-align:center">Teamplay använder cookies </p>
         </div>
     </div>
 </div>

</body>
</html>
