<!-- <two-option-select (selected)="switchOptions($event)" [option1]="ts.trPK('settings','file')" [option2]="ts.trPK('settings','camera')"
                    [isOption1]="true"></two-option-select> -->

<!-- <input [id]="attachmentname" type="file" name="attachment" style="display:none" (change)='loadAttachment($event)'
  accept="jpg, jpeg, png, gif, pdf, doc, docx"> -->
  <ion-button (click)="openFile()" slot="end" expand="block" fill="outline" class="uploader">
    <ion-icon name="attach" slot="start" ></ion-icon>
    {{'general,select-attachment' | translate}}
  </ion-button>
  
  <!-- <div  class="uploader-icons">
    <ion-item  lines="none">
        <p slot="start" class="file-name"> <img [src]="attachmentImg" /> {{file.name}}</p>
        <p slot="end" class="delete-cont"><img [src]="deleteImg" (click)="deleteFiles(i)"></p>
    </ion-item>
  </div> -->

  <ion-slides>
    <ion-slide>
      <ion-grid class=" gridAH" *ngIf="inputFiles.length>0">
      
        <ion-row> 
          <ion-col lines="none" size="3" *ngFor="let file of inputFiles; let i = index">
          <div class="image-container">
            <div class="uploaded">
              <div class="closed" (click)="deleteFiles(i)">X</div>
              <img [src]="getImgContent(file.data) " />
          </div>
         
        </div>
        </ion-col>
        
        </ion-row>
      </ion-grid>
      </ion-slide>
    </ion-slides>

  <div *ngIf="errorMsg" class="error">
    {{errorMsg}}
  </div>