<!DOCTYPE html>
<html>
  <head>
    <title>SuperAdmin | Chatwoot</title>
    <%= javascript_pack_tag 'superadmin' %>
    <%= stylesheet_pack_tag 'superadmin' %>
  </head>
  <body data-gr-c-s-loaded="true">
    <div id="app" class="superadmin-body app-wrapper app-root">
      <div class="medium column login">
        <div class="text-center medium-12 login__hero align-self-top">
          <h2 class="hero__title">
            Howdy, admin 👋
          </h2>
        </div>
        <div class="row align-center">
          <div class="small-12 medium-4 column">
            <%= form_for(resource, as: resource_name, url: '/super_admin/sign_in', html: { class: 'login-box column align-self-top'}) do |f| %>
              <div class="column log-in-form">
                <% if flash[:error].present? %>
                <div data-alert class="alert-box warning"><%= flash[:error] %></div>
                <% end %>
                <label>
                  Email
                  <%= f.email_field :email, autofocus: true, autocomplete: "email", placeholder: "Email eg: someone@example.com" %>
                </label>
                <label>
                  Password
                  <%= f.password_field :password, autocomplete: "current-password",  placeholder: "Password" %>
                </label>
                <p>
                  <%= f.check_box :remember_me %> Remember me
                </p>
                <button type="submit" class="button nice large expanded">
                  Login
                </button>
              </div>
            <% end %>
            <div class="column text-center sigin__footer">
              © Chatwoot
            </div>
          </div>
        </div>
    </div>
  </body>
</html>
