<ion-header>
    <ion-navbar core-back-button>
        <ion-title>{{ 'core.login.password' | translate }}</ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
                <ion-icon name="close"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content padding class="addon-mod_lesson-password-modal">
    <form ion-list (ngSubmit)="submitPassword($event, passwordinput)">
        <ion-item>
            <core-show-password item-content [name]="'password'">
                <ion-label>{{ 'addon.mod_lesson.enterpassword' | translate }}</ion-label>
                <ion-input name="password" type="password" placeholder="{{ 'core.login.password' | translate }}" [core-auto-focus] #passwordinput [clearOnEdit]="false"></ion-input>
            </core-show-password>
        </ion-item>
        <ion-item>
            <button ion-button block type="submit" icon-end>
                {{ 'addon.mod_lesson.continue' | translate }}
                <ion-icon name="arrow-forward" md="ios-arrow-forward"></ion-icon>
            </button>
        </ion-item>
    </form>
</ion-content>
