<!DOCTYPE html>

<html>

<head>
  <title>o-cloud login</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
    <link rel="manifest" href="/static/site.webmanifest">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <!--Import Google Icon Font-->
  <link type="text/css" rel="stylesheet" href="/static/css/material-icons.css">
  <!--Import materialize.css-->
  <link type="text/css" rel="stylesheet" href="/static/css/materialize.min.css" media="screen,projection" />
  <!--Let browser know website is optimized for mobile-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style>
    .small { 
      font-size: x-small;
    }

    </style>
</head>

<body>


    <div class="row">
        <form action="/login" method="POST" class="col s12">
        <div class="row">
            <div class="input-field col s2 offset-s5">
            <i class="material-icons prefix">account_circle</i>
            <input name="login" id="login" type="text" class="validate">
            <label for="login">Login</label>
            </div>
        </div>
        <div class="row">
            <div class="input-field col s2 offset-s5">
            <i class="material-icons prefix">vpn_key</i>
            <input name="password" id="password" type="password" class="validate">
            <label for="password">Password</label>
            </div>
        </div>  
        <div class="row"> 
            <div class="input-field col s2 offset-s6">         
                <button class="btn waves-effect waves-light" type="submit">Local login
                <i class="material-icons right">send</i>
                </button>      


            </div>            
          </div>  
         <div class="row"> 
            <div class="input-field col s2 offset-s6">         
       
<a class="waves-effect waves-light btn" href="/oidc"><i class="material-icons left">mail</i>O-Mail login</a>


            </div>            Ò
          </div>                            
        </form>
    </div>
            
  <script type="text/javascript" src="/static/js/materialize.min.js"></script>

</body>

</html>