{{template "base_header" .}}
<div class="page page-center">
  <div class="container container-tight py-4">
    <div class="text-center mb-4">
      {{template "tabler_navbar_logo" .}}
    </div>

    <form class="card card-md" action="/user/lock" method="post" autocomplete="off" novalidate>
      <div class="card-body text-center">
        <div class="mb-4">
          <h2 class="card-title">Account Locked</h2>
          <p class="text-secondary">Please enter your password to unlock your account</p>
        </div>

        <div class="mb-4">
          <span class="avatar avatar-xl mb-3" style="background-image: url(/static/avatars/000m.jpg)"></span>
          <h3>{{defaultVal "Paweł Kuna" .PersonName}}</h3>
        </div>

        <div class="mb-4">
          <input type="password" class="form-control" placeholder="Password…">
        </div>

        <div>
          <button type="submit" class="btn btn-primary w-100">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z"></path><path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"></path><path d="M8 11v-4a4 4 0 1 1 8 0v4"></path></svg>
            Unlock
          </button>
        </div>
      </div>
    </form>
  </div>
</div>
{{template "base_footer" .}}