<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <h5 class="card-title mb-0">GPRS COMMAND</h5>
    <!-- <button type="button" class="btn-close" aria-label="Close"></button> -->
  </div>
  <div class="card-body">

    <div class="row">
      <div class="col-12">
        <div style="width: 100%">
          <div class="limiterTable">
            <div class="container-table100">
              <div class="wrap-table100">
                <div class="table100">
                  <table class="thisTableOnly">
                    <thead
                      style="background: #efecec; font-size: 12px"
                    >
                      <tr class="table100-head">
                        <th class="column1">
                          {{ "IMEI" | translate }}
                        </th>
                        <th class="column2">
                          {{ "STATUS" | translate }}
                        </th>
                        <th class="column3">
                          {{ "ACTION" | translate }}
                        </th>
                        <th class="column3">
                          {{ "TYPE" | translate }}
                        </th>
                        <th class="column3">
                          {{ "MODEL" | translate }}
                        </th>
                        <th class="column4">
                          {{ "EXECUTION TIME" | translate }}
                        </th>
                        <th class="column5">
                          {{ "QUEUED TIME" | translate }}
                        </th>
                        <th class="column6">
                          {{ "COMMAND" | translate }}
                        </th>
                        <th class="column6">
                          {{ "RESPONSE" | translate }}
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr *ngFor="let dcq of dcqData">
                        <td class="column1">{{ dcq.imei }}</td>
                        <td class="column2">{{ dcq.status }}</td>
                        <td class="column3">{{ dcq.action }}</td>
                        <td class="column3">
                          {{ dcq.cmd_type ? dcq.cmd_type : "--" }}
                        </td>
                        <td class="column4">{{ dcq.model }}</td>
                        <td class="column4">
                          {{ dcq.executedAt | date : "medium" }}
                        </td>
                        <td class="column5">
                          {{
                            dcq.queuedAt
                              ? (dcq.queuedAt | date : "medium")
                              : "--"
                          }}
                        </td>
                        <td class="column6">
                          {{ dcq.command ? dcq.command : "--" }}
                        </td>
                        <td class="column6">
                          {{
                            dcq.deviceResponse
                              ? dcq.deviceResponse
                              : "--"
                          }}
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
