<ion-header>
    <ion-toolbar class="header-toolbar">
        <ion-title color="light"> {{ts.trPK('addAttach','title')}}</ion-title>
        <ion-buttons slot="primary">
            <ion-button style="background: none !important;" (click)="closeBtnModal()">
                <ion-icon slot="icon-only" name="close"></ion-icon>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content>

    <ion-card>
        <ion-card-header class="boxHdr">
            <div class="hrTitle"> {{ts.trPK('addAttach','title')}}</div>
            <div class="fileDiv"> <input end class="inputfile" type="file" ng2FileSelect [uploader]="uploader"
                    (change)="onFileSelected($event)" />
                <label end for="file">
                    <ion-icon name="add"></ion-icon>
                </label></div>
        </ion-card-header>
        <ion-card-content>
            <ion-grid class=" gridAH" *ngIf="uploader?.queue?.length > 0">
                <ion-row class="rowAH titleH">
                    <ion-col size="4">
                        <label class="Header" for=""> {{ts.trPK('addAttach','name')}}</label>
                    </ion-col>
                    <ion-col size="4">
                        <label class="Header" for="">{{ts.trPK('addAttach','size')}} </label>
                    </ion-col>
                    <ion-col size="4">
                        <label class="Header" for=""> {{ts.trPK('addAttach','remove')}} </label>
                    </ion-col>
                </ion-row>
                <ion-row class="rowAH" *ngFor="let item of uploader.queue">
                    <ion-col size="4">
                        <label for="">{{ item?.file?.name }}</label>
                    </ion-col>
                    <ion-col size="4">
                        <label *ngIf="uploader.options.isHTML5">{{ item?.file?.size/1024/1024 | number:'.2' }}
                            MB</label>
                    </ion-col>
                    <ion-col size="4">
                        <button class="iconButton" ion-button (click)="removeFile(item)"> <img class="imgSize"
                                src="../assets/imgs/deletegray.png"></button>
                    </ion-col>
                </ion-row>
            </ion-grid>
        </ion-card-content>
    </ion-card>
</ion-content>
<ion-footer>
    <div class="centerDiv">
        <ion-button color="customnavy" (click)="OkBtnModal()">{{ts.trPK('general','ok')}} </ion-button>
    </div>
</ion-footer>