<?php

use MintyPHP\Buffer;

$defaultTitle = appTitle();
$primaryVars = appPrimaryCssVars();
$theme = appExplicitTheme();
$pageTitle = $defaultTitle;
ob_start();
Buffer::get('title');
$bufferTitle = trim((string) ob_get_clean());
if ($bufferTitle !== '') {
  $pageTitle = $bufferTitle . ' - ' . $defaultTitle;
}
$loginComponentConfig = [
  'components' => [
    'flashAutoDismiss' => [
      'selector' => '.notice[data-flash-timeout]',
    ],
    'passwordHints' => [
      'selector' => '[data-password-hints]',
    ],
    'passwordToggle' => [
      'selector' => 'input[type="password"]',
    ],
    'loginErrorFocus' => [
      'selector' => '.notice[data-variant="error"][role="alert"][tabindex="-1"]',
    ],
    'loginSubmitLock' => [
      'selector' => 'form[data-login-submit-lock="1"]',
    ],
  ],
];

?>
<!DOCTYPE html>
<html
  <?php if ($theme !== ''): ?>data-theme="<?php e($theme); ?>"<?php endif; ?>
  data-asset-base="<?php e(asset('')); ?>"
  data-password-toggle-show-label="<?php e(t('Show password')); ?>"
  data-password-toggle-hide-label="<?php e(t('Hide password')); ?>"
  <?php if ($primaryVars !== ''): ?>style="<?php e($primaryVars); ?>" <?php endif; ?>>

<head>
  <script src="<?php e(assetVersion('js/app-boot.js')); ?>"></script>
  <base href="<?php e(localeBase()); ?>">
  <title><?php e($pageTitle); ?></title>
  <meta property="og:site_name" content="<?php e($defaultTitle); ?>">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/png" sizes="32x32" href="<?php e(appFaviconUrl('favicon-32x32.png')); ?>">
  <link rel="icon" type="image/png" sizes="16x16" href="<?php e(appFaviconUrl('favicon-16x16.png')); ?>">
  <link rel="apple-touch-icon" href="<?php e(appFaviconUrl('apple-touch-icon.png')); ?>">
  <link rel="manifest" href="<?php e(asset('favicon/site.webmanifest')); ?>">
  <?php renderTemplateStyles('login'); ?>
  <?php renderPageStyles(); ?>
</head>

<body>
  <main class="login-main">
    <section class="login-form-pane">
      <div class="login-content-container">
        <?php Buffer::get('html'); ?>
      </div>
    </section>
    <aside class="login-brand-pane" aria-hidden="true">
      <?php require __DIR__ . '/partials/auth-logo.phtml'; ?>
    </aside>
  </main>
  <?php require __DIR__ . '/partials/app-footer.phtml'; ?>

  <script type="application/json" id="page-config-login-components"><?php gridJsonForJs($loginComponentConfig); ?></script>
  <?php require __DIR__ . '/partials/app-toast-stack.phtml'; ?>
  <script type="module" src="<?php e(assetVersion('js/app-login-init.js')); ?>"></script>
</body>

</html>
