<!DOCTYPE html>
<html>
<%- include ../partial/head.ejs %>
  <body>
    <div class="container-fluid" id="container">
      <div class="row row-offcanvas row-offcanvas-left">
<%- include ../partial/stranski-menu.ejs %>
        <div class="container-fluid main col-sm-12">
          <div class="page-header">
            <h1><%= title %></h1>
          </div>
          <form class="col-sm-5" action="/user/registracija" method="POST">
            <div class="form-group row">
              <label for="uporabniskoime">Uporabniško ime:</label><input class="form-control" type="text" name="uporabniskoime" placeholder="uporabniško ime">
            </div>
            <div class="form-group row">
              <label for="secret">Geslo:</label><input class="form-control" type="password" name="secret" placeholder="geslo">
            </div>
              <input name="tempsecret" class="form-control", type="hidden" readonly value="<%= tempSecret %>">
            <div class="form-group row">
              <button type="submit" class="btn btn-outline-success">Registriraj</button>
            </div>
          </form>
          <div class="col-sm-2">
            <%- imgtag %>
          </div>
          <div class="col-sm-5">
            Za registracijo potrebujete avtentikator - aplikacijo za pametne telefone, ki sproti generira gesla. Uporabite
            lahko aplikacijo Google Authenticator, obstajajo pa še druge, ki so prav tako kompatibilne. V aplikaciji pošiščite
            možnost dodajanja novega ključa in izberite možnost skeniranja QR kode. Kamero usmerite v QR kodo na tem zaslonu.
            Če je vse delovalo, se vam bo prikazalo geslo, ki ga vpišete v okence "geslo". Avtentikator vsakih 30 sekund
            generira novo geslo. Če prijava ne uspe, poskusite ponovno z naslednjim geslom.
          </div>
        </div>
      </div>
    </div>
<%- include ../partial/eof.ejs %>
  </body>
</html>
