 <p data-wco="createid" class="text-center text-neutral-content">
    {{{signintitle}}}
  </p>
  <div class="mt-2">
    <label class="input validator">
      <svg class="h-[1em] opacity-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
        <g
          stroke-linejoin="round"
          stroke-linecap="round"
          stroke-width="1"
          fill="black"
          stroke="black"
        >
          <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z"></path>
        </g>
      </svg>
      <input
        class="signinalias"
        type="input"
        required
        placeholder="alias"
        pattern="[a-z0-9\-]*"
        minlength="3"
        maxlength="30"
        title="{{{aliastitle}}}"
      />
    </label>  
    <p class="validator-hint hidden"> {{{aliasinvalid}}}</p>
</div>    
<div class="mt-2">
  <label class="input mt-1">
    <svg class="h-[1em] opacity-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
      <g
        stroke-linejoin="round"
        stroke-linecap="round"
        stroke-width="1"
        fill="black"
        stroke="black"
      >
      <path  d="M11.5 1A3.5 3.5 0 0 0 8 4.5V7H2.5A1.5 1.5 0 0 0 1 8.5v5A1.5 1.5 0 0 0 2.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 9.5 7V4.5a2 2 0 1 1 4 0v1.75a.75.75 0 0 0 1.5 0V4.5A3.5 3.5 0 0 0 11.5 1Z"></path>
      </g>
    </svg>
    <input type="text" class="signinpassphrase" placeholder="passphrase (option)" />
  </label>
</div>
<div class="mt-2">
  <textarea rows=5 class="mt-2 textarea signinprivatekey" placeholder="{{{privatekeyplaceholder}}}"></textarea>
</div>  
<div class="flex m-6">
  <div class="w-14 flex-none">
        <input type="checkbox" checked="checked" class="checkbox signinrememberme" />
  </div>
  <div class="flex-1">
  <p class="text-sm text-justify" >{{{remembermetext}}}</p>
  </div>
</div>
<div class="m-4">
  <button
    class="btn btn-primary w-full justify-center hover:bg-secondary focus:outline focus:outline-primary"
    onclick="const loginid= document.getElementById('{{id}}');apx.apxauth.authentifyme(
        '{{id}}',
        loginid.querySelector('.signinalias').value,
        loginid.querySelector('.signinpassphrase').value,
        loginid.querySelector('.signinprivatekey').value,
        loginid.querySelector('.signinrememberme').checked
    )">
    {{{authentifyme}}}
  </button>
</div>
