{% load static %}
{% load i18n %}
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Login - {{white_label_company_name}} Dashboard</title>
    <link rel="apple-touch-icon" sizes="180x180" href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/apple-touch-icon.png' %}{% endif %}">
    <link rel="icon" type="image/png" sizes="32x32" href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-32x32.png' %}{% endif %}">
    <link rel="icon" type="image/png" sizes="16x16" href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-16x16.png' %}{% endif %}">
    <link rel="stylesheet" href="{% static 'build/css/style.min.css' %}" />
  </head>
  <body>
    <div id="main">
      <main class="oh-auth">
        <div class="oh-alert-container">
          {% for message in messages %}
          <div class="oh-alert oh-alert--animated {{ message.tags }}">
            {{ message }}
          </div>
          {% endfor %}
        </div>
          <div class="oh-auth-card">
            <h1 class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3">{% trans "Forgot Password" %}?</h1>
            <p class="text-muted text-center">{% trans "Type in your email to reset the password" %}</p>
            <form method='post'  class="oh-form-group">
              {% csrf_token %}
              <div class="oh-input-group">
                <label class="oh-label" for="email">{% trans "Username" %}</label>
                <input type="text" name='email' id="email" class="oh-input w-100" placeholder="e.g. jane.doe@acme.com" autofocus required />
              </div>

              <button
              type='submit'
              class="oh-btn oh-onboarding-card__button mt-4 oh-btn--secondary oh-btn--shadow w-100 mb-4"
              role="button"
            >
             {% trans "Send Link" %}
            </button>
            </form>
          </div>
      </main>
    </div>
    <script src="./../build/js/web.frontend.min.js"></script>
    <script
      type="module"
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
    ></script>
    <script
      nomodule
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
    ></script>
    <script></script>
  </body>
</html>
