 <div class="container" id="content" #content style="height: 500px">
  
  <ul class="nav nav-tabs mb-3" id="ex1" role="tablist">
  <li class="nav-item" role="presentation">
    <a
      class="nav-link active" data-toggle="tab" role="tab" href="#type1"
      >Type 1</a
    >
  </li>
  <li class="nav-item" role="presentation">
    <a
      class="nav-link" data-toggle="tab" role="tab" href="#type2"
      >Type 2</a
    >
  </li>
 
</ul>
<!-- Tabs navs -->

<!-- Tabs content -->
<div class="tab-content" id="ex1-content">
  <div
    class="tab-pane fade show active"
    id="type1"
    role="tabpanel"
    aria-labelledby="ex1-tab-1"
  >
   <div class="row">
     <div class="col-12">
       <table id="testPdf" style="margin: 50px 100px 50px 100px;">
         <tr>
           <td colspan="2">
              <img src={{imgurl}} alt="Company Logo" height="50" width="100">        
           </td>
           <td></td>
         </tr>  
         <tr style="height: 75px;">
           <td  colspan="2" style="text-align: center;font-weight: 600">
             PROOF OF FITMENT OF GPS VEHICLE TRACKING SYSTEM
           </td>
           <td></td>
         </tr>
         <tr>
           <td style="text-align: left;width:50%">
              FROM<br>
              Adnate IOT Pvt. Ltd.<br>
              H202,La Vida Loca, Pimple Saudagar, Pune, Maharashtra 411027<br>
           </td>
           <td style="text-align: center;width: 50%">
              BILLED TO<br>
              {{customerName}}<br>
              {{address}}     
           </td>
         </tr>
         <tr style= "height: 80px; font-weight: 500;">
           <td colspan="2" style="text-align: center">
             This is to certify that the GPS tracking device fitted and tested as per the details given below,
                it is ckecked and functioning in all matters.<br>
           </td>       
         </tr>
         <tr style="font-weight: 600;">
           <td colspan="2">
              CLIENT NAME : {{customerName}}<br>
              {{device_name}}<br>
              VEHICLE REG NO. : NEW REGISTRATION<br>
              {{engineno}}<br>
              {{chessisno}}<br>
              {{imei}}<br>
              DEVICE SIM NO.<br>
              {{this.validity}}<br>
           </td>      
         </tr>
         <tr >
           <td colspan='2'> <p style="font-weight: 700;margin-top: 20px;">TERMS AND CONDITIONS</p></td>
         </tr>
         <tr>
           <td colspan="2">
              <P>Adnate IOT Pvt. Ltd. does not promote or misuse of any of our device or software’s function.
                  Adnate IOT Pvt. Ltd. will not be responsible for any break in the privacy of any individual
                  are business by use of our devices or software.
                  All our customers are responsible themselves for any activities related to using our products.
                  According with the information technology act of 2000 section 72.
                  Penalty for breach of confidentiality and privacy. Save as otherwise provided in this act or any
                  other law for the time being inforce any person who in pursuance of any of the powers conferred
                  under this act rules or regulations made there under has secured access to any electronics
                  record, book, register, correspondence, information, document or other material to any other
                  person shall be punished with imprisonment for a term which may extend to two years or with
                  fine may extend to one lakh rupees or both. Any complaint with regard to this order should be intimated within 7 days.</P>
           </td>
         </tr>
        

       </table>
     </div>
   </div>
     <div class="row">
      <div class="12" style="text-align: center; width: 100%; margin: 20px auto 30px auto">
        <button style="background-color: #484848;color:#fdfdfd" class="btn btn-primary w3-button/" md-raised-button
          (click)="download1()">DOWNLOAD</button>
        <button id="cmd" style="background-color: #d81111;color:#fdfdfd;" class="btn btn-primary w3-button/"
          md-raised-button (click)="cancel()">CANCEL</button>
      </div>
    </div>
  </div>
  <div class="tab-pane fade" id="type2" role="tabpanel" aria-labelledby="ex1-tab-2">
    <div id="certificate">
    
    
    <header class="clearfix">
       <div class="text-center">
    
         <h5>Installation Certificate</h5>
       </div>
    
       <div id="logo">
        <img src={{imgurl}} alt="Company Logo" height="50" width="100"> 
       </div>
      
       <!-- </div> -->
     </header>
    
       <div id="details" class="clearfix">
          <div class="to mt-2 mb-3"><b>Declaration:</b></div>
           <div class="address">This is to certify that the vehicle with below mentioned details has been fitted with VTS
    device, programmed with GPRS.</div>
         
       </div>
       <hr>
       <div id="details" class="clearfix">
         <div class="to mt-2 mb-3"><b>Vehicle Details:</b></div>
    
         <table id="table1" class="table table-bordered">
           <thead>
             <tr>
               <th>Vehicle Owner</th>
               <td>
                 {{customerName}}
               </td>
                <td colspan="2">
                 
               </td>
    
             </tr>
             <tr>
                <th>Registration No.</th>
                 <td>
                 {{device_name}}
               </td>
                <th>Chassis No.</th>
                <td>
                 {{chessisno}}
               </td>
             </tr>
             <tr>
                <th>Model of Vehicle</th>
                 <td>
                 {{deviceModel}}
               </td>
                <th>Year of Manufacture</th>
                <td>
                 
               </td>
             </tr>
           </thead>
    
         </table>
         
       </div>
       <hr>
       <div id="details" class="clearfix">
         <div class="to mt-2 mb-3"><b>VTS Details:</b></div>
    
         <table id="table2" class="table table-bordered">
           <thead>
            <tr>
                <th>Serial No.</th>
                 <td>
                   {{imei}}
               </td>
                <th>GPRS SIM No.</th>
                <td>
                 {{sim_number}}
               </td>
             </tr>
             <tr>
                <th>Date of Installation</th>
                 <td>
                 {{fromDate}}
               </td>
                <th>Technician Name</th>
                <td>
                 
               </td>
             </tr>
             <tr>
                <th>Comments / Remarks</th>
                 <td colspan="3">
                 
               </td>
               
             </tr>
           </thead>
    
         </table>
         
       </div>
       <hr>
         <div id="details" class="clearfix">
         <div class="to mt-2 mb-3"><b>DEALER DETAILS: </b></div>
    
         <table id="table3" class="table table-bordered">
           <thead>
            <tr>
                <th>Installation Hub Name</th>
                 <td colspan="3">
                 
               </td>
                
             </tr>
              <tr>
                <th>Address & Phone</th>
                 <td >
                 {{dealerAddress}}
               </td>
               <td>
                {{dealerPhone}}
               </td>
                
             </tr>
             <tr>
                <th>Date of Inspection</th>
                 <td>
                 
               </td>
                <th>Next calibration date</th>
                <td>
                 
               </td>
             </tr>
            
           </thead>
    
         </table>
         
       </div>
       <ul>
    <li>1 YEAR WARRANTY ON THE UNIT FROM DATE OF INSTALLATION AGAINST ANY MANUFACTURING DEFECT</li>
    <li>WARRANTY WILL BE VOID IF ANY REPAIR / MISUSE / TAMPERING WITHOUT WRITTEN CONCENT FROM DEALER</li>
    <li>RENEWAL ON OR BEFORE THE NEXT CALIBRATION DATE ENSURES THE UNINTERRUPTED SERVICE</li>
    <li>SOFT COPY OR HARD COPY OF VALID CERTIFICATE IS MANDATORY FOR ANY SERVICE REQUESTS</li>
    <li>ALL SERVICE REQUESTS SHOULD BE COMMUNICATED VIA EMAIL TO SUPPORT@AURATRAQ.COM</li>
    <li>THIS CERTIFICATE IS VALID ONLY WITH STAMP & SIGNATURE</li>
    </ul>  
    
    
    </div>  
    <div class="row">
       <div class="12" style="text-align: center; width: 100%; margin: 20px auto 30px auto">
         <button style="background-color: #484848;color:#fdfdfd" class="btn btn-primary w3-button/" md-raised-button
           (click)="download()">DOWNLOAD</button>
         <button id="cmd" style="background-color: #d81111;color:#fdfdfd;" class="btn btn-primary w3-button/"
           md-raised-button (click)="cancel()">CANCEL</button>
       </div>
     </div>
   
  </div>
 
</div>

   
</div>
