<div class='input-group' *ngIf='!droppable'>
    <ng-container *ngIf='fieldlabel'>
        <label for="fileName">{{fieldlabel}}</label>
    </ng-container>
    <ng-container *ngIf='!fieldlabel'>
        <label for="fileName">Choose File</label>
    </ng-container>
    <!-- <form #form> -->
        <input #fileinp type='file' aria-controls="fileUpload" id="fileName" class='input-control' [attr.accept]='filetype' (change)='uploadFile($event,false)' [attr.multiple]='multiplefile' #inp>
    <!-- </form> -->
</div>
<ng-container *ngIf='droppable'>
    <ng-container *ngIf='fieldlabel'>
        <label for="dragFileName">{{fieldlabel}}</label>
    </ng-container>
    <ng-container *ngIf='!fieldlabel'>
        <label for="dragFileName">Drag and Drop Files below</label>
    </ng-container>
    <div class='upload-drop-zone {{dropClass}}' aria-controls="dragFileUpload" id="dragFileName" (drop)='onFileDrop($event)' (dragover)='onDragOver($event)' (dragleave)='dropClass = "";' #drpZone>
        Just drag and drop files here
    </div>
</ng-container>

<ng-container *ngIf="showList">
<div class='file-upload-box' style='width: 100%'>
    <ul>
            <li *ngFor='let file of uploadedFiles ; let index = index' class='file-upload-info'>
                    <span class='uploaded-file-name'>({{file.name}} &nbsp; &nbsp; ({{file.size}}) )</span>
                    <amexio-c-icon key='tab_close' class='close-icon' (onClick)='closeFile(file,index)'>
                    </amexio-c-icon>
                </li>
    </ul>
</div>
</ng-container>