<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
  <title>Candid - Login</title>

  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="">
  <meta name="author" content="Juju team">
  <link rel="shortcut icon" href="../../static/favicon.ico">
  <link rel="stylesheet" href="../../static/css/vanilla.css">
  <link rel="stylesheet" href="../../static/css/login-form.css">
</head>

<body>
  <div class="p-strip">
    <div class="logo">
      <img class="logo__image" src="/static/images/logo-canonical-aubergine.svg" alt="Canonical" width="480" height="65" />
    </div>
    {{if .BrandLogoLocation}}
    <div class="logo">
      <img class="logo_image" src="{{.BrandLogoLocation}}" alt="{{.BrandName}}" width="480" height="65"/>
    </div>
    {{end}}
  </div>
  <div class="p-strip">
    <div class="login-card">
      <div class="p-card--highlighted">
        <a href="/login" class="back-to-login p-link--soft"><i class="p-icon--chevron-up"></i>Back</a>
        <hr class="u-sv1">
        <h1 class="p-heading--four">Login</h1>
        {{if .Error}}
          <div class="p-notification--negative">
            <p class="p-notification__response">
              <span class="p-notification__status">Error:</span>{{.Error}}
            </p>
          </div>
        {{end}}
        <form class="p-form" method="post" action="{{.Action}}">
          <label for="username">Username</label>
          <input type="text" id="username" name="username" autocomplete="off">
          <label for="password">Password</label>
          <input type="password" id="password" name="password" autocomplete="off">
          <hr class="u-sv1">
          <button type="submit" class="p-button--positive u-no-margin--bottom">Login</button>
        </form>
      </div>
      <div class="login__message"></div>
    </div>
  </div>
</body>
</html>
