{% load i18n %}

<div class="card bg-warning mt-4 pt-2 ps-lg-2" v-if="ready">
    <h5 class="card-header">{% trans "K356 is locked" %}</h5>
    <div class="card-body">
        <h5 class="card-title">{% trans "K356 needs an unlock..." %}</h5>
        <p class="card-text">{% trans "Enter your personnal password in order to unlock your K356." %}</p>
        <input class="form-control" type="password" v-model="password" @keyup.enter="generate_aes_key(password)" autofocus>
    </div>
</div>

<div class="card bg-danger mt-4 pt-2 ps-lg-2 d-flex" v-else>
    <h5 class="card-header flex-grow-1 flex-shrink-1 text-center">{% trans "Cannot load the application. Webcrypto must be enabled" %}</h5>
</div>
