<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= typeof title !== 'undefined' ? title : 'ZUCE Admin' %> · ZUCE Group</title>
  <link rel="stylesheet" href="/css/site.css">
  <link rel="icon" type="image/png" href="/images/logo/zuce-icon.png">
</head>
<body class="auth-body">
  <div class="auth-shell">
    <div class="auth-brand">
      <img src="/images/logo/zuce-logo-color.svg" alt="ZUCE Group" class="auth-logo">
      <h1><%= typeof authHeading !== 'undefined' ? authHeading : 'ZUCE Admin' %></h1>
      <p><%= typeof authSubheading !== 'undefined' ? authSubheading : 'Sign in to your account' %></p>
    </div>

    <% if (typeof messages !== 'undefined' && messages.error && messages.error.length) { %>
      <div class="flash flash-error"><%= messages.error[0] %></div>
    <% } %>
    <% if (typeof messages !== 'undefined' && messages.success && messages.success.length) { %>
      <div class="flash flash-success"><%= messages.success[0] %></div>
    <% } %>

    <%- body %>
  </div>
</body>
</html>
