<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/fontawesome/css/fontawesome.css" rel="stylesheet" />
    <link href="/fontawesome/css/solid.css" rel="stylesheet" />
    <title>{{ call .tr "title" }}</title>
  </head>
  <body>
    {{ template "nav.html" . }}
    <div class="container pt-5">
      {{if .error}}
      <div class="container pt-5">
        <div id="ebanner" class="alert alert-danger" role="alert">
          <h4 class="alert-heading">{{ call .tr "error" }}</h4>
          <hr>
          <p class="mb-0">{{.error}}.</p>
        </div>
      </div>
      {{end}}
      <div class="card">
        <div class="card-body">
          <h4 class="card-title">{{ .lookupOrRegisterCardTitle }}</h4>
          <p class="card-text">{{ .selectAliasToLookupCardText }}</p>
          {{range .validators}}
          <div class="row">
            <div class="col-lg-4 mb-2 offset-lg-3 text-center d-grid gap-2">
              <a href="/landing/{{.Name}}" class="btn btn-outline-primary btn-block">{{ call $.tr .Name}}</a>
            </div>
          </div>
          {{end}}
          <hr>
          <h4>{{ call .tr "registerOrModify" }}</h4>
          <p class="mb-0">{{.registerCardText}}</p>
        </div>
      </div>
    </div>
    {{ template "footer.html" . }}
  </body>
</html>
