<app-all-menus></app-all-menus>
<div style="min-height:420px;padding-top: 6%;">
    <p class="headStyle">{{'POI LIST' | translate}}</p>
    <button style="height: 31px;
    float: right;
    margin: 4px;" mdTooltip="Add Multiple POI"
        class="btn btn-outline-primary btn-sm"
       (click)="AddMiultiple()">
        ADD MULTIPLE POI<md-icon style="float: right;width:30px;height:30px;cursor:pointer">add</md-icon>
    </button>
    <button style="height: 31px;
    float: right;
    margin: 4px;" mdTooltip="Add POI" class="btn btn-outline-primary btn-sm" (click)="Addpoi()">
        ADD POI<md-icon style="float: right;width:30px;height:30px;cursor:pointer">add</md-icon>
    </button>
    <!-- <div class="dropdown" style="border:1px solid transparent; background-color: transparent;cursor:pointer;float: right;margin-right: 10px">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"><md-icon style="float: right;width:30px;height:30px;cursor:pointer">add</md-icon>
            <span class="caret"></span></button>
        <ul class="dropdown-menu" style="text-align: center;
    margin: 3px;">
            <li><a (click)="Addpoi()">ADD POI</a></li>
            <li><a (click)="AddMiultiple()">ADD MULTIPLE POI</a></li>
          
        </ul>
    </div> -->
    <table id="deviceTable" class="display" cellspacing="0" style="width:100%;font-size:15px;text-align: center">
        <thead style="background-color:#A2C523;color: white;">
            <tr>
                <th style="text-align:center;">{{'POI name' | translate}}</th>
                <th style="text-align:center;">{{'Address' | translate}}</th>
                <th style="text-align:center;">{{'Radius' | translate}}</th>
                <th style="text-align:center;">{{'POI Type' | translate}}</th>
                <th style="text-align:center;">{{'Lattitude' | translate}}</th>
                <th style="text-align:center;">{{'Longitude' | translate}}</th>
                <th style="text-align:center;">{{'Status' | translate}}</th>
                <th style="text-align:center;">{{'Untracked vehicles' | translate}}</th>
                <th style="text-align:center;">{{'Edit' | translate}}</th>
                <th style="text-align:center;">{{'Delete' | translate}}</th>
            </tr>
        </thead>
    </table>
</div>
