<md-dialog-content class="md-typography">
  <div id="testPdf" class="src_app_dashboard_download-certificate_rdm_download-certificate.component.html">
    <div class="row">
      <table class="table table-borderless">
        <tr>
          <td class="text-center">
            <div style="text-align: center" *ngIf="org.imageDoc">
              <img src="{{ org.imageDoc }}" style="width: auto; height: 100px" /><br />
            </div>
          </td>
        </tr>
      </table>
      <table class="table table-borderless">
        <tr>
          <td class="to-head" style="width: 25%; padding: 20px">
            To <br />
            Regional Transport Authority<br />
            {{
            data.deviceInfo && data.deviceInfo.transportOfficeCity
            ? data.deviceInfo.transportOfficeCity
            : ""
            }}<br />
            {{
            data.deviceInfo && data.deviceInfo.transportOfficeState
            ? data.deviceInfo.transportOfficeState
            : ""
            }}
            Only<br />
          </td>
          <td style="width: 50%">
            <div class="text-center">
              <div class="fitment-heading">FITMENT CERTIFICATE</div>
            </div>

            <p class="mt-2">
              This is certified that, AIS 140 compliant vehicle location
              tracking device with panic button(SOS) has been installed properly
              as per AIS-140 guidelines device has been configured to state
              approval server
            </p>
          </td>
          <td style="width: 25%">
            <div>
              <img src="{{ imgURL }}" height="100px" />
            </div>
          </td>
        </tr>
      </table>
    </div>
    <div class="row">
      <div class="col-6">
        <table class="table table-bordered">
          <thead class="thead-light">
            <tr>
              <th class="t-mp-heading" colspan="2">VEHICLE DETAILS</th>
            </tr>
          </thead>
          <tbody style="font-size: 10px">
            <tr>
              <td>VEHICLE REG.NO</td>
              <td>
                {{
                data.deviceInfo && data.deviceInfo.Device_Name
                ? data.deviceInfo.Device_Name
                : ""
                }}
              </td>
            </tr>
            <tr>
              <td>VEHICLE REG.DATE</td>
              <td>
                {{
                data.deviceInfo && data.deviceInfo.vehicleRegDate
                ? data.deviceInfo.vehicleRegDate
                : ""
                }}
              </td>
            </tr>
            <tr>
              <td>ENGINE NO</td>
              <td>{{ engineNo ? engineNo : "" }}</td>
            </tr>
            <tr>
              <td>CHASSIS NO</td>
              <td>{{ ChassisNo ? ChassisNo : "" }}</td>
            </tr>
            <tr>
              <td>VEHICLE MAKE</td>
              <td>
                {{
                data &&
                data.deviceInfo &&
                data.deviceInfo.manufacturingCompany
                ? data.deviceInfo.manufacturingCompany
                : "-"
                }}
              </td>
            </tr>
            <tr>
              <td>VEHICLE MODEL</td>
              <td>{{ model ? model : "" }}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="col-6">
        <table class="table table-bordered">
          <thead class="thead-light">
            <tr>
              <th class="t-mp-heading" colspan="2">FITMENT DETAILS</th>
            </tr>
          </thead>
          <tbody style="font-size: 10px">
            <tr>
              <td>FITMENT DATE</td>
              <td>
                {{
                kycApprovalDate ? (kycApprovalDate | date : "dd/MM/yyyy") : ""
                }}
              </td>
            </tr>
            <tr>
              <td>FITMENT RENEWAL DATE</td>
              <td>{{ esim_validity ? esim_validity : "" }}</td>
            </tr>
            <tr>
              <td>FITMENT CERT.NO</td>
              <td>RDM23100921402</td>
            </tr>
            <tr>
              <td>INVOICE NO.</td>
              <td>
                {{
                data.deviceInfo && data.deviceInfo.invoiceNumber
                ? data.deviceInfo.invoiceNumber
                : ""
                }}
              </td>
            </tr>
            <tr>
              <td>INVOCE DATE</td>
              <td>
                {{
                data.deviceInfo && data.deviceInfo.invoiceDate
                ? data.deviceInfo.invoiceDate
                : ""
                }}
              </td>
            </tr>
            <tr>
              <td>RTO CODE</td>
              <td>
                {{
                data.deviceInfo && data.deviceInfo.rto
                ? data.deviceInfo.rto
                : ""
                }}
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="col-6">
        <table class="table table-bordered">
          <thead class="thead-light">
            <tr>
              <th class="t-mp-heading" colspan="2">PRODUCT DETAILS</th>
            </tr>
          </thead>
          <tbody style="font-size: 10px">
            <tr>
              <td>VTS SR.NO/UINO</td>
              <td>{{ vahanID ? vahanID : "" }}</td>
            </tr>
            <tr>
              <td>VTS MODEL</td>
              <td>{{ devicetype ? devicetype : "" }}</td>
            </tr>

            <tr>
              <td>TAC NO.</td>
              <td>CK8050</td>
            </tr>
            <tr>
              <td>COP NO.</td>
              <!-- <td>CC0GS8716</td> -->
              <td>CC0GT8714</td>
            </tr>
            <tr>
              <td>COP Validity upto</td>
              <td>31/03/2025</td>
              <!-- <td>31/03/2024</td> -->
            </tr>
          </tbody>
        </table>
      </div>
      <div class="col-6">
        <table class="table table-bordered">
          <thead class="thead-light">
            <tr>
              <th class="t-mp-heading" colspan="2">SERVICE/ESIM DETAILS</th>
            </tr>
          </thead>
          <tbody style="font-size: 10px">
            <tr>
              <td>IMEI NO.</td>
              <td>{{ deviceID ? deviceID : "" }}</td>
            </tr>
            <tr>
              <td>ICCID NO/SIM NO</td>
              <td>{{ ICCICD ? ICCICD : "" }}</td>
            </tr>
            <tr>
              <td>Sim Card Service Provider</td>
              <td>
                {{
                data.deviceInfo && data.deviceInfo.sim_provider
                ? data.deviceInfo.sim_provider
                : ""
                }}
              </td>
            </tr>
            <tr>
              <td>No. Of Panic Button</td>
              <td>{{ numberOfSOS ? numberOfSOS : "" }}</td>
            </tr>
            <tr>
              <td>Sim No.</td>
              <td>{{ simNum ? simNum : "" }}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="col-12">
        <table class="table table-bordered">
          <tbody style="font-size: 10px" *ngIf="deviceImage[0] || deviceImage[1] || deviceImage[2]">
            <tr class="text-center">
              <td style="font-weight: 700">
                <img *ngIf="deviceImage[0]" src="{{ deviceImage[0] ? deviceImage[0] : img1 }}" width="80px"
                  height="80px" />
              </td>
              <td style="font-weight: 700">
                <img *ngIf="deviceImage[1]" src="{{ deviceImage[1] ? deviceImage[1] : img1 }}" width="80px"
                  height="80px" />
              </td>
              <td style="font-weight: 700">
                <img *ngIf="deviceImage[2]" src="{{ deviceImage[2] ? deviceImage[2] : img1 }}" width="80px"
                  height="80px" />
              </td>
            </tr>
            <tr class="text-center">
              <td>Device Image</td>
              <td>Reg.Certificate Image</td>
              <td>Vehicle Front Image</td>
            </tr>
          </tbody>
        </table>
      </div>
      <h5 class="text-center heading-h3 pl-3">PRODUCT SATISFACTION REPORT</h5>
      <div class="col-12">
        <p style="font-size: 10px">
          This is to acknowledge confirm that we have got our vehicle bearing
          chassis no <strong>{{ ChassisNo }}</strong> VTS Device manufactured by
          <strong>RDM Enterprises Pvt Ltd</strong> bearing Sr.No
          <strong>{{ vahanID }}</strong> We have checked the performance ot the
          vehicle after fitment of the said VTS device the unit is sealed and
          functioning as per normslaid out in AIS 140.We have satisfied with the
          performance of the unit in all respects.We undertake not to reseany
          dispute or any legal claims against
          <strong>RDM Enterprises Pvt Ltd</strong> in the event that the above
          mentioned seals atfound broken/tampered.
        </p>
      </div>

      <div class="col-12">
        <table class="table table-bordered">
          <tbody style="font-size: 10px">
            <tr>
              <td rowspan="3" style="width: 110px">
                <!-- <div id="stamp-section"></div> -->
                <img width="130" src="./assets/images/RDM.jpg" alt="test" />
              </td>
              <td style="width: 100px">
                <strong>Dealer Name:</strong>
              </td>
              <td style="width: 100px">
                {{
                data.deviceInfo &&
                data.deviceInfo.Dealer &&
                data.deviceInfo.Dealer.first_name
                ? data.deviceInfo.Dealer.first_name
                : ""
                }}
                {{
                data.deviceInfo &&
                data.deviceInfo.Dealer &&
                data.deviceInfo.Dealer.last_name
                ? data.deviceInfo.Dealer.last_name
                : ""
                }}
              </td>
              <td style="width: 100px">
                <strong>Dealer Contact no:</strong>
              </td>
              <td style="width: 80px"></td>
              <td>
                <strong>Dealer Addresse:</strong>

                {{
                data.deviceInfo &&
                data.deviceInfo.Dealer &&
                data.deviceInfo.Dealer.address
                ? data.deviceInfo.Dealer.address
                : ""
                }}
              </td>
            </tr>
            <tr>
              <td>
                <strong>Customer Name:</strong>
              </td>
              <td>
                {{ user.first_name ? user.first_name : "" }}
                {{ user.last_name ? user.last_name : "" }}
              </td>
              <td>
                <strong>Customer Contact no:</strong>
              </td>
              <td>
                {{ user.phone ? user.phone : "" }}
              </td>
              <td>
                <strong>Customer Addresse:</strong>

                {{ user.address ? user.address : "" }}
              </td>
            </tr>
            <tr>
              <td>
                <strong>Device Installed By</strong>
              </td>
              <td></td>
              <td>
                <strong>Dealer Sign:</strong>
              </td>
              <td>..............</td>
              <td>
                <strong>RTA/MVI/STA: </strong>

                ...............................
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</md-dialog-content>
<md-dialog-actions align="end">
  <button md-button md-dialog-close>Cancel</button>
  <button md-button (click)="convetToPDF()" cdkFocusInitial>Export PDF</button>
</md-dialog-actions>

<div style="display: none">
  <tr>
    <td style="width: 33%">
      TAC Reg.No &nbsp;&nbsp;&nbsp; <br />
      CoP No.&nbsp;&nbsp;&nbsp;&nbsp;<br />
      CoP Validity upto&nbsp;&nbsp;<br />
      Fitment Date&nbsp;&nbsp;&nbsp;<br />
      Fitment Renewal Date&nbsp;&nbsp;<br />
    </td>
    <td colspan="2">
      : CK8077 <br />
      : CC0GS8750<br />
      : 30 September 2024 <br />
      : <br />
      : <br />
    </td>
  </tr>
  <tr>
    <td colspan="3">
      <h6 style="font-size: 18px; margin: 15px 0 5px 0px">
        AIS 140 COMPLIANCE VLT INSTALLATION CERTIFICATE
      </h6>
    </td>
  </tr>
  <tr>
    <td style="width: 33%">
      Fitment Certificate No.<br />
      Chassis No. <br />

      Vehicle OEM <br />
      Vehicle Model <br />
      Vehicle Reg/temp <br />
      Voltage<br />
      Panic Button Model<br />
      Panic Button fitted<br />
      Dealer Name/fitted by<br />
      Device Model No.<br />
      GNSS Module<br />
      Vahan ID<br />
      Device IMEI<br />
      GSM Module<br />
      ICCID <br />
      Primary SIM<br />
      Primary SIM Valid till<br />
      Secondary SIM<br />
      Secondary SIM Valid till<br />
    </td>
    <td colspan="2">
      : {{ fitmentCertificateNo ? fitmentCertificateNo : "" }}<br />
      : <br />
      : <br />
      : {{ manufacturingCompany ? manufacturingCompany : "" }}<br />
      : {{ model ? model : "" }}<br />
      : {{ devName ? devName : "" }}<br />
      : 12V & 24V<br />
      : NSS-1821<br />
      : panic button<br />
      : {{ dealerName ? dealerName : "" }}<br />
      : {{ devicetype ? devicetype : "" }}<br />
      : {{ gnnsModule ? gnnsModule : 0 }}<br />
      : {{ vahanID ? vahanID : "" }}<br />
      : {{ deviceID ? deviceID : "" }}<br />
      : {{ gsmModule ? gsmModule : "Telit GE910" }}<br />
      : {{ ICCICD ? ICCICD : "" }}<br />
      : {{ simNum ? simNum : "" }}<br />
      : {{ esim_validity ? esim_validity : "" }}<br />
      : {{ simNum1 ? simNum1 : "" }}<br />
      : {{ esim_validity ? esim_validity : "" }}<br />
    </td>
  </tr>

  <tr style="padding-top: 5px">
    <td></td>

    <td></td>
  </tr>
  <tr>
    <td colspan="3"></td>
  </tr>
  <tr style="padding-top: 5px">
    <td>Authorised</td>
  </tr>
  <tr style="padding-top: 5px">
    <td>Undertaking</td>
  </tr>
  <tr>
    <td colspan="3">
      <p>
        This is certified that the device and panic button (SOS) installation
        has been carried out to my satisfaction and explained about the
        functionality of Device, I undertake that I will not temper the device
        and panic button (SOS)
      </p>
    </td>
  </tr>
  <tr>
    <td colspan="1" style="text-align: center; margin-top: 5px">
      Customer Name : <br />
      Contact/Login ID :
    </td>
    <td colspan="1">
      Customer Address: <br />
      Customer Sign :
    </td>
    <td></td>
  </tr>
</div>