<div class="card" style="height:540px">
    <div class="card-header">
        <h4>Add Multiple POI</h4>
    </div>
    <div class="card-body">
        <div class="row" style="margin-top: 10px;margin-bottom: 10px;">
            <div class="col-sm-12" style="text-align: left;font-size: initial;">
                <!-- <label >Choose an Excel File:</label>
                                      <input  style="margin-left: 30px;" type="file" id="excelFile"  multiple size="50"> -->
                <div class="col-sm-offset-2 col-sm-10" style="text-align: center;">
                    <label style="background: MD_DIALOG_DATA;box-shadow: 2px 2px #a0a3a5;"
                        class="file-upload btn btn-primary">Browse
                        for Excel file ... <input type="file" id="excelFile" multiple size="50" />
                    </label>
                    <button type="button" style="margin-top: 0px; margin-left: 15px;; width: 90px; box-shadow: 2px 2px #b1adad"
                            class="btn btn-primary" data-toggle="collapse" data-target="#collapseZero" aria-expanded="true"
                            aria-controls="collapseZero" (click)="uploadExcel()">Upload</button> 
                   
                </div>
            </div>
        </div>
        <div class="row" *ngIf="showErrorupload_1">
            <div class=col-sm-12>
                <table class="table table-striped table-hover " style="overflow-y: hidden; overflow-x: hidden;font-size:12px">
                    <thead>
                        <tr>
                            <th>{{'Client Name' | translate}}</th>
                            <th>{{'Altitude' | translate}}</th>
                            <th>{{'Longitude' | translate}}</th>
                            <th>{{'Address' | translate}}</th>
                            
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let failedDevices of uploadJSON">
                            <td style="cursor:pointer">{{failedDevices['Client Name']}}</td>
                            <td style="cursor:pointer">{{failedDevices.Altitude}}</td>
                            <td style="cursor:pointer">{{failedDevices.Longitude}}</td>
                            <td style="cursor:pointer">{{failedDevices.Address}}</td>
                            
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>