<!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="row">
        <div class="col-2">
          <ul class="timeline">
            <li class="inprogress">{{ call .tr "lookup" }}</li>
            <li>{{ call .tr "registerOrModify" }}</li>
            <li>{{ call .tr "confirm" }}</li>
          </ul>
        </div>
        <div class="col-8">
          <div class="card">
            <div class="card-body">
              <h4 class="card-title">{{ call .tr "lookupPhoneNr" }}</h4>
              <p class="card-text">{{ call .tr "lookupPhoneDescription" }}</p>
            </div>
            <form method="get" action="/lookup/phone">
              <div class="row">
                <div class="col-lg-6 offset-lg-3 text-center">
                  <div class="input-group mb-3">
                    <span class="input-group-text" id="inputGroup-sizing-default">+</span>
                    <div class="form-floating">
                      <input type="text" name="alias" id="phoneInput" class="form-control" aria-label="Default" placeholder="49123456789" aria-describedby="inputGroup-sizing-default">
                      <label for="phoneInput">{{ call .tr "phone" }}</label>
                    </div>
                    <input class="input-group-text btn btn-outline-primary" type="submit" value="{{ call .tr "lookup" }}">
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
      {{ template "footer.html" . }}
  </body>
</html>
