<ion-header>
    <ion-toolbar>
        <ion-title>{{ 'core.courses.selfenrolment' | translate }}</ion-title>

        <ion-buttons slot="end">
            <ion-button (click)="close()" [attr.aria-label]="'core.close' | translate">
                <ion-icon name="fas-times" slot="icon-only" aria-hidden="true"></ion-icon>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
    <form (ngSubmit)="submitPassword($event)" #enrolPasswordForm>
        <ion-item>
            <ion-label></ion-label>
            <core-show-password name="password">
                <ion-input
                    class="ion-text-wrap core-ioninput-password"
                    name="password"
                    type="password"
                    placeholder="{{ 'core.courses.password' | translate }}"
                    [(ngModel)]="password"
                    [autofocus]="true"
                    [clearOnEdit]="false">
                </ion-input>
            </core-show-password>
        </ion-item>
        <div class="ion-padding">
            <ion-button expand="block" [disabled]="!password" type="submit">{{ 'core.courses.enrolme' | translate }}</ion-button>
        </div>
    </form>
</ion-content>
