<ion-content padding class="theme_background">
    <ion-card>
        <form [formGroup]="ForgotForm">
            <h5>{{'common.Forgot_Password?' | translate}}</h5>
            <ion-list>
                <div class="logo_div">
                    <img src="assets/imgs/logo.png">
                </div>
                <ion-item>
                    <ion-input formControlName="email_id" type="text" placeholder="{{'common.Email_ID' | translate}}"></ion-input>
                </ion-item>
                <div class="alert error" *ngIf="ForgotForm.controls.email_id.invalid && (ForgotForm.get('email_id').dirty || ForgotForm.get('email_id').touched)">

                    {{'common.Enter_a_valid_Email' | translate}}
                </div>

                <div class="clear"></div>
            </ion-list>
        </form>
        <button ion-button class="login_btn" (click)="forgot()" [disabled]="ForgotForm.invalid">{{'common.Submit' | translate}}</button>
    </ion-card>
    <br>
    <p (click)="signup()"><strong>{{'common.Click_here' | translate}}</strong> {{'common.to_signup' | translate}}</p>
</ion-content>