<div class="mt-1">
    <label class="input validator mbt-1">
    <svg class="h-[1em] opacity-50" 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.89 4.111a5.5 5.5 0 1 0 0 7.778.75.75 0 1 1 1.06 1.061A7 7 0 1 1 15 8a2.5 2.5 0 0 1-4.083 1.935A3.5 3.5 0 1 1 11.5 8a1 1 0 0 0 2 0 5.48 5.48 0 0 0-1.61-3.889ZM10 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"></path>
        </g>
    </svg>
    |
    <svg class="h-[1em] opacity-50" 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 id="inputaliasrecovery" type="text" placeholder="mail@site.com | alias" required />
    </label>
    <div class="validator-hint hidden">
        Enter a valid email or an alias (lowercase a-z and 0-9)
    </div>
</div>
<div class="my-5">    
    <p>
        Si vous avez fait confiance à ce domaine pour garder vos clés, un email va être envoyé avec vos clés.   
    </p>
</div>
<div class="my-5">
    <button
    class="btn btn-primary w-full justify-center hover:bg-secondary focus:outline focus:outline-primary"
    onclick="apx.apxauth.recoverykey('{{id}}',document.getElementById('inputaliasrecovery').value);"
    >
    M'envoyer un email avec mes clés
    </button>
</div>
