{% load i18n %}

<div class="card bg-warning mt-4 pt-2 ps-lg-2">
    {% if user_settings.k356_key %}
        <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_import_key(password)" autofocus>
        </div>
    {% else %}
        <h5 class="card-header">{% trans "K356 creation" %}</h5>
        <div class="card-body">
            <p class="card-text">{% trans "Enter your personnal password in order to create your K356." %}</p>
            <input class="form-control" type="password" v-model="password" @keyup.enter="generate_import_key(password)" autofocus>
        </div>
    {% endif %}
</div>