<ion-header mode="ios" class="ion-no-border">
    <ion-toolbar>
        <ion-buttons slot="start" (click)="onBack()">
            <ion-button>
                <ion-icon name="arrow-back-outline"></ion-icon>
            </ion-button>
        </ion-buttons>
        <ion-buttons slot="end">
            <!--      <ion-button>-->
            <!--        <ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>-->
            <!--      </ion-button>-->
        </ion-buttons>
        <ion-title>Add New {{currency_description}} Account</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
  <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/redeem.jpg)'">
    <div class="ion-padding">
<!--      <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
    </div>
  </div>
    <div class="boxed_contents">
        <div class="about">
            <div>
                <ion-card>
<!--                    <ion-card-header>-->
<!--                        <ion-card-title>Add New {{currency_code}} Account</ion-card-title>-->
<!--                        &lt;!&ndash;                <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>&ndash;&gt;-->
<!--                    </ion-card-header>-->

                    <ion-card-content>

                        <ion-grid class="send-grid">
                            <ion-row>
                                <ion-col class="intrl">Bank Name</ion-col>
                            </ion-row>
                            <ion-row>
                                <ion-col>
                                    <ion-select  placeholder="Select Bank"  [(ngModel)]='sel_bank' size="block">
                                        <!--                  <ion-select-option value="" >Select Recipient</ion-select-option>-->
                                        <ion-select-option  value="{{item.code}}"  *ngFor="let item of countryBanksData">{{item.name}} - ({{item.code}})</ion-select-option>
                                    </ion-select>
                                    <!--                                <ion-label>{{recipient_name}}</ion-label>-->
                                </ion-col>
                            </ion-row>

                            <ion-row>
                                <ion-col class="intrl">Account Type</ion-col>
                            </ion-row>
                            <ion-row>
                                <ion-col>
                                    <ion-select  placeholder="Account Type"  [(ngModel)]='acc_type' size="block">
                                        <!--                                <ion-select-option value="" >Select Recipient</ion-select-option>-->
                                        <ion-select-option value="{{item.value}}"  *ngFor="let item of accountTypesData">{{item.name}}</ion-select-option>
                                    </ion-select>
                                    <!--                                <ion-label>{{recipient_name}}</ion-label>-->
                                </ion-col>
                            </ion-row>

                            <ion-row>
                                <ion-col class="intr">Account No :</ion-col>
                                <ion-col>
                                    <ion-input (ionChange)="refreshAccNo()"  type="text" label="Amount(ggg)" placeholder="Enter Account No"  [(ngModel)]='account_no'></ion-input>
                                </ion-col>
                            </ion-row>
                            <ion-row>
                                <ion-col class="intr">Confirm Account No : </ion-col>
                                <ion-col>
                                    <ion-input (ionChange)="refreshAccNo()"  type="text" label="Amount(ggg)" placeholder="Confirm No"  [(ngModel)]='confirm_account_no'></ion-input>
                                </ion-col>
                            </ion-row>

                            <ion-row>
                                <ion-col><hr style="color: red; height: 3px;" /></ion-col>
                            </ion-row>

                            <ion-row>
                                <ion-col class="intr">City :</ion-col>
                                <ion-col>
                                    <ion-input (ionChange)="refreshAccNo()"  type="text" label="City" placeholder="Enter City" value="{{account_city}}"  [(ngModel)]='account_city'></ion-input>
                                </ion-col>
                            </ion-row>
                            <ion-row>
                                <ion-col class="intr">State :</ion-col>
                                <ion-col>
                                    <ion-input (ionChange)="refreshAccNo()"  type="text" label="State" placeholder="State"  value="{{account_state}}" [(ngModel)]='account_state'></ion-input>
                                </ion-col>
                            </ion-row>

                            <ion-row>
                                <ion-col>
                                    <ion-button expand="block" shape="round" color="secondary"
                                                (click)="addRecipientAccount()"
                                                [disabled]="isDisabled"
                                    >Add Account</ion-button>
                                </ion-col>
                            </ion-row>

                        </ion-grid>
                    </ion-card-content>
                </ion-card>
            </div>

        </div>
    </div>
</ion-content>
