{{template "head" .}}
{{template "topbar" .}}
<div class="center">
  <div class="float unlock-card">
    <div class="inner">
      <div class="lockring"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg></div>
      <h1>This paste is locked</h1>
      <p class="sub">Enter the password to view <span class="slug">/{{.ID}}</span></p>
      <form method="post" action="">
        <div class="pw-field">
          <input type="password" name="password" id="password" placeholder="Password" autocomplete="current-password" autofocus>
          <button type="button" class="reveal" id="pwreveal" title="Show password" tabindex="-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z"/><circle cx="12" cy="12" r="3"/></svg></button>
        </div>
        {{if .Wrong}}<p class="unlock-err">Wrong password. Try again.</p>{{end}}
        <button class="btn" type="submit">Unlock</button>
      </form>
    </div>
    <div class="foot">Created <span data-ts="{{.CreatedAtUnix}}">{{.CreatedAgo}}</span></div>
  </div>
</div>
<script src="/static/unlock.js" defer></script>
{{template "foot" .}}