<ion-header class="theme_background">
    <button ion-button class="nav_btn floatLeft" menuToggle>
        <ion-icon name="menu"></ion-icon>
    </button>
    <div class="nav_header_title floatLeft">
        <h5> {{'common.Edit_Profile' | translate}}</h5>
    </div>
    <div class="clear"></div>
</ion-header>

<ion-content>
    <div class="edit_profile_wrapper" padding>
        <!-- <div class="editprofile_banner">
            <div class="edit_profile_circle" (click)="upload_img(0)">
                <div class="edit_overlay">
                    <ion-icon name="md-create"></ion-icon>
                </div>
            </div>
             <div class="edit_profile_circle" (click)="upload_img(1)">
                <div class="edit_overlay">
                    <ion-icon name="md-create"></ion-icon>
                </div>
            </div>
        </div> -->
        <div class="edit_profile_content" *ngIf="result">
            <form [formGroup]="profileForm">
            <ion-item>
                <ion-input placeholder="{{'common.First_name' | translate}}" formControlName="firstname" type="text">
                </ion-input>
            </ion-item>
            <div class="alert error" *ngIf="profileForm.controls.firstname.invalid && (profileForm.get('firstname').dirty || profileForm.get('firstname').touched)">
                   {{'common.First_Name_Required' | translate}}
                </div>
            <div class="clear"></div>
            <ion-item>
                <ion-input placeholder="{{'common.Last_name' | translate}}" formControlName="lastname" type="text">
                </ion-input>
            </ion-item>
            <div class="alert error" *ngIf="profileForm.controls.lastname.invalid && (profileForm.get('lastname').dirty || profileForm.get('lastname').touched)">
                    {{'common.Lastname_Name_Required' | translate}}
                </div>
            <div class="clear"></div>
            <ion-item>
                <ion-input placeholder="{{'common.Email_ID' | translate}}" formControlName="email_id" type="text">
                </ion-input>
            </ion-item>
            <div class="alert error" *ngIf="profileForm.controls.email_id.invalid && (profileForm.get('email_id').dirty || profileForm.get('email_id').touched)">
                   {{'common.Please_input_valid_email_ID' | translate}}
                </div>
            <div class="clear"></div>
            <div class="radio_div" radio-group  formControlName="gender">
                <ion-row>
                    <ion-col>
                        <ion-radio value="male" class="floatLeft" [checked]="get_gender('male')"></ion-radio>
                        <ion-label class="floatLeft">{{'common.Male' | translate}}</ion-label>
                        <div class="clear"></div>
                    </ion-col>
                    <ion-col>
                        <ion-radio value="female" class="floatLeft" [checked]="get_gender('female')"></ion-radio>
                        <ion-label class="floatLeft">{{'common.Female' | translate}}</ion-label>
                        <div class="clear"></div>
                    </ion-col>
                </ion-row>
            </div>
            <ion-item>
                <ion-input placeholder="{{'common.Phone_No' | translate}}" formControlName="phone_no" type="phone">
                </ion-input>
            </ion-item>
            <div class="alert error" *ngIf="profileForm.controls.phone_no.invalid && (profileForm.get('phone_no').dirty || profileForm.get('phone_no').touched)">
                   {{'common.Please input valid Mobile No' | translate}}
                </div>
            <div class="clear"></div>
        </form>
        </div>
    </div>
</ion-content>
<ion-footer>
    <button ion-button class="login_btn" (click)="profile_update()" [disabled]="profileForm.invalid">{{'common.SAVE' | translate}}</button>
</ion-footer>