<!-- <h5>{{'Share Location' | translate}}
  <button mdTooltip="close" (click)="onNoClick(null)" style="cursor: pointer;
  float: right; border:1px solid transparent; background-color: transparent;padding-top: 1%;"><md-icon style="float: right;width:30px;height:30px;">cancel
      </md-icon></button>
</h5>
<hr>
<div *ngIf="Loading" class="loading">Loading&#8230;</div>
<b>Device Name: </b>{{dname}}<br>
<div *ngFor="let input of inputs">
  <md-form-field class="example-full-width width" style="width: 47%;">
  <input mdInput [(ngModel)]="input.data" placeholder="{{'Enter Email ID or Mobile Number' | translate}}">
  </md-form-field>
</div>
<br>
<div style="padding-left:30%">
<input type="submit" class="btn btn btn-warning" style="cursor:pointer" value="ADD Recipient" (click)="addInput()"   />
<input type="submit" class="btn btn btn-success" style="cursor:pointer" value="Submit" (click)="add()"   />
</div> -->
<div class="container">
  <div class="row" >
   <div class="col-12" > 
    <p style="text-align: center;padding-top: 5px; padding-bottom: 5px;color: white;background: #202f46;margin-bottom: 0;">Share Location</p>
   </div>
  </div>
  <div class="row">
    <div class="col-12">
      <label for="exampleInputEmail1" style="font-weight: 500;">Enter Phone Number</label>
      <input type="number" class="form-control" id="exampleInputphone1" [(ngModel)]="phone_number" aria-describedby="phoneHelp" placeholder="902119XXXX">
      <small id="exampleInputphone1" class="form-text text-muted" style="margin-bottom: 5px; color: #86878a !important;">Please type Phone Number for share Vehicle Location</small>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <label for="exampleInputEmail1" style="font-weight: 500;">Enter Email Address</label>
      <input type="text" class="form-control" id="exampleInputphone1" [(ngModel)]="email_add" aria-describedby="phoneHelp" placeholder="abc@def.com">
      <small id="exampleInputphone1" class="form-text text-muted" style="margin-bottom: 5px; color: #86878a !important;">Please type Email Address for share Vehicle Location</small>
    </div>
  </div>
  <div class="row"> 
    <div class="col-12" style="margin-bottom: 20px;">
      <label for="exampleInputEmail1" style="font-weight: 500;">Select Time</label>
      <div class="btn-group btn-group-sm" role="group" aria-label="Basic example" style="width:100%">
        <button type="button" class="btn btn-secondary animateClass_4" style="width:33%" (click)="changeTime('15')">15 Minutes</button>
        <button type="button" class="btn btn-secondary animateClass_5" style="width:33%" (click)="changeTime('1')">1 Hour</button>
        <button type="button" class="btn btn-secondary animateClass_6" style="width:33%" (click)="changeTime('8')">8 Hours</button>
      </div>
      <small id="exampleInputphone1" class="form-text text-muted" style="margin-bottom: 5px; color: #86878a !important;">Please Select Time period for share Live Location</small>
    </div>
  </div>
  <div class="row" *ngIf="btnFlag===false" style="margin-bottom: 20px;">
    <div class="col-10" style="padding-right: 0px;white-space: nowrap;overflow: auto;">
      <p>{{link}}</p>
    </div>
    <div class="col-2" style="text-align: center;font-size: 20px;color: #868e96;">
      <i class="fas fa-copy" style="cursor: pointer;" title="copy token to clipboard" (click)="copytoClipboard()"></i>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12">
      <p *ngIf="errFlag" style="text-align: center; color: red; font-size: 14px;font-weight: 500;margin-bottom: 10px;">{{errmsg}}</p>
        <button *ngIf="btnFlag=== true" md-raised-button style="float:right;background: #2C7873; color: white;font-size: 14px;margin-left: 10px;border-radius:0px;" (click)="locationShare()"> Generate token </button>
        <button *ngIf="btnFlag===false" md-raised-button style="float:right;background: #2C7873; color: white;font-size: 14px;margin-left: 10px;border-radius:0px;" (click)="shareLocationToDevice()"> Share </button>
        <button md-raised-button style="float:right;background: #b11515;; color: white;font-size: 14px;border-radius:0px;" (click)="close()"> Cancel </button> 
    </div>
  </div>
</div>
<!-- style="width:25%;border-right: 2px solid white;"
style="width:25%;border-right: 2px solid white;"
style="width:25%;border-right: 2px solid white;" -->