<md-dialog-content class="md-typography">
<table id="testPdf" style="font-weight: 600;">
  <tr>
    <td>
      <div *ngIf="supAdmin.imageDoc">
        <img src="{{supAdmin.imageDoc}}" width="100px" height="100px">
      </div>
    </td>
    <td style="text-align: center;font-weight: 700">
      <span *ngIf="supAdmin">
        
        {{supAdmin.first_name?supAdmin.first_name:""}} {{supAdmin.last_name?supAdmin.last_name:""}}<br><br>
        {{supAdmin.address?supAdmin.address:""}}<br><br>
        CERTIFICATE OF INSTALLATION<br>
      </span>
        <span *ngIf="!supAdmin">
          {{devicetype}} GPS DEVICE<br>
          (AIS-140 COMPLIANT)<br>
          INSTALLATION/FITMENT CERTIFICATE<br>
          {{companyName}}<br>
          {{companyAddress}}
        </span>
    </td>
    <td style="text-align:center">
      <div>
        <img src="{{imgURL}}" width="100px" height="150px">
      </div>
    </td>
  </tr>
  
  <tr>
    <td colspan="3">
      <h6 style="font-size:18px;">Vehicle Details :-</h6>
    </td>
  </tr>
  <tr>
    <td colspan="2">
      Name of Owner : {{userName}}<br>
      Registration Number. : {{devName}}<br>
      Chassis no. : {{ChassisNo}}<br>
      Engine no. : {{engineNo}}<br>
      
    </td>
    <td>
      Vehicle Make : {{manufacturingCompany}}<br>
      Vehicle Model : {{typeOfVehicle}}<br>
    </td>
    <!-- <td>
      Registration Date : {{vehicleRegDate | date:'dd-MM-yyyy'}}<br>
      Date of Manufaturing year : {{vehicleManufacturingDate | date:'dd-MM-yyyy'}}
    </td> -->
  </tr>
  <tr>
    <td colspan="3">
      <h6 style="font-size:18px;margin: 20px 0 10px 0px;">GPS DEVICE DETAILS : - </h6>
    </td>
  </tr>
  <tr>
    <td colspan="2">
      Device Model : {{devicetype}}<br>
      IMEI Number : {{devID}}<br>
      UID Number : {{uniqueID}}<br>
      
    </td>
    <td>
      Invoice Number : <br>
      Vehicle Model : {{typeOfVehicle}}<br>
      ICCID Number:  {{ICCICD}}
    </td>
  </tr>

  <tr>
    <td colspan="3">
      <h6 style="font-size:18px;margin: 20px 0 10px 0px;">INSTALLATION DETAILS : - </h6>
    </td>
  </tr>

  <tr>
    <td colspan="2">
      Dealer Name : {{dealerName}}<br>
      Dealer Address : {{dealerAddress}}<br>
      RTO Certificate No : <br>
      Installation Date : {{installationDate | date:'dd-MM-yyyy'}}<br>
  
    </td>
    <td>
      Mobile No :  {{user.phone?user.phone:""}}
    </td>
  </tr>

  <tr style="padding-top: 10px;">
    <!-- <td colspan="3">
      <h6 style="font-size:18px;margin: 20px 0 10px 0px;">Fitment Images :- </h6>
    </td> -->
    <!-- {{deviceImage |json}} -->
    <td *ngIf="deviceImage.length && deviceImage[0]">
      <img  src="{{deviceImage[0]}}" width="90px" height="90px">
    </td>
    <td *ngIf="deviceImage.length && deviceImage[1]">
      <img src="{{deviceImage[1]}}" width="90px" height="90px">
    </td>
    <td *ngIf="deviceImage.length && deviceImage[2]">
      <img src="{{deviceImage[2]}}" width="90px" height="90px">
    </td>
  </tr>
  <tr>
    This installation certificate is valid till date {{data.deviceInfo.expiration_date?(data.deviceInfo.expiration_date | date:'dd-MM-yyyy') :""}}
  </tr>
  <tr style="padding-top: 10px;">
    <td colspan="2">
      Dealer Stamp
    </td>
    <td>
    Authorised Signature
    </td>
  </tr>
  <tr>
    <td colspan="3">
      <h6 style="font-size:18px;margin: 20px 0 10px 0px;">PRODUCT SATISFACTION REPORT : - </h6>
    </td>
  </tr>
  <tr>
    <td colspan="3" style="text-align:center;margin-top: 10px">
      This is to Acknowledge and confirm that we have fitted our vehicle with above vehicle location tracking unit. 
      We have checked the performance of the vehicle after fitment and we confirm VLTD is functioning as per norms 
      listed out in AIS-140 standards and other guidelines of MoRTH and other government departments. We are also 
      satisfied with the performance of the device in all respect. We undertake not to raise any dispute or any legal 
      claims against Airotrack in the event that the above mentioned function are found broken/torn/tampered hereafter.
      I also understand that telecom network connectivity doesn't come under the scope of Airotrack and will not raise 
      any claim or disputes with respect to issues arising with low or no network coverage.
    </td>
  </tr>
</table>
</md-dialog-content>
<md-dialog-actions align="end">
  <button md-button md-dialog-close>Cancel</button>
  <button md-button (click)="exportAsPdf()" cdkFocusInitial>Export PDF</button>
</md-dialog-actions>