{{define "page_install"}}
{{template "guest_shell_open" dict "Title" "Установка администратора" "Lang" "ru"}}
<div class="cyber-shell">
  <span class="cyber-corner cyber-corner--tl"></span><span class="cyber-corner cyber-corner--tr"></span>
  <span class="cyber-corner cyber-corner--bl"></span><span class="cyber-corner cyber-corner--br"></span>
  <div class="cyber-hero">
    <div class="hero-icon"><i class="fa-solid fa-user-shield"></i></div>
    <div class="hero-brand">Cyber // Access</div>
    <h1>Установка</h1>
    <p class="lead">Создание единственной учётной записи администратора.</p>
  </div>

  {{if .DBError}}
    <div class="alert alert-danger">{{.DBError}}</div>
    <p class="hint">Проверьте <code>DATABASE_URL</code> и что миграции применены.</p>
  {{else if .Installed}}
    <div class="alert alert-info">Администратор уже создан.</div>
    <a class="btn btn-primary w-100" href="{{appURL "login"}}"><i class="fa-solid fa-right-to-bracket"></i> Перейти ко входу</a>
  {{else}}
    {{if .Error}}<div class="alert alert-danger">{{.Error}}</div>{{end}}
    <div class="card share-panel">
      <div class="share-panel__head"><i class="fa-solid fa-user-plus"></i> Регистрация администратора</div>
      <div class="share-panel__body">
        <form method="post" action="{{appURL "install"}}" autocomplete="off">
          <input type="hidden" name="_csrf" value="{{csrf}}">
          <div class="mb-3">
            <label class="form-label" for="username">Логин</label>
            <input class="form-control" id="username" name="username" required minlength="3" maxlength="64" pattern="[a-zA-Z0-9._-]+" placeholder="admin">
          </div>
          <div class="mb-3">
            <label class="form-label" for="password">Пароль</label>
            <input class="form-control" id="password" name="password" type="password" required minlength="10" autocomplete="new-password">
          </div>
          <div class="mb-3">
            <label class="form-label" for="password2">Пароль ещё раз</label>
            <input class="form-control" id="password2" name="password2" type="password" required minlength="10" autocomplete="new-password">
          </div>
          <button type="submit" class="btn btn-primary w-100"><i class="fa-solid fa-check"></i> Создать администратора и войти</button>
        </form>
      </div>
    </div>
    <p class="hint text-center">После установки ограничьте доступ к <code>/install</code> на продакшене.</p>
  {{end}}
</div>
{{template "guest_footer" .}}
{{template "guest_shell_close" .}}
{{end}}