<!doctype html>
<html lang="en">
<head>
<%- include('partials/head', { title: 'Log In' }) %>
</head>
<body class="portal-body">
  <div class="portal-auth-card">
    <div class="portal-auth-card__brand">
      <img src="/images/logo.png" alt="Kubera Wealth Management" />
      <div>
        <h1>Founder Portal</h1>
        <p class="lead" style="font-size:0.8125rem;">Track your application with Kubera Wealth Management</p>
      </div>
    </div>

    <% if (error && error.length) { %>
      <% error.forEach(function(msg) { %><div class="flash flash-error"><%= msg %></div><% }); %>
    <% } %>
    <% if (success && success.length) { %>
      <% success.forEach(function(msg) { %><div class="flash flash-success"><%= msg %></div><% }); %>
    <% } %>

    <form action="/founder/login" method="POST">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
      <input type="hidden" name="next" value="<%= next %>" />
      <div class="field">
        <label for="email">Email</label>
        <input id="email" name="email" type="email" required autofocus autocomplete="username" />
      </div>
      <div class="field">
        <label for="password">Password</label>
        <input id="password" name="password" type="password" required autocomplete="current-password" />
      </div>
      <button class="btn btn-primary btn-block" type="submit">Log In</button>
    </form>

    <p class="portal-auth-card__foot">
      <a href="/founder/forgot-password">Forgot your password?</a>
    </p>
    <p class="portal-auth-card__foot">
      Haven't applied yet? <a href="/apply">Apply for funding</a>
    </p>
  </div>
</body>
</html>
