<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>人臉打卡紀錄</title>
  </head>
  <body>
    {% block content %}
      <a href="{{ url_for('influx', index=0) }}">返回</a>
      <table border='1' width='720px'>
        <tr>
          <th>人員ID</th>
          <th>人員姓名</th>
          <th>上班打卡時間</th>
          <th>上班打卡影像</th>
          <th>下班打卡時間</th>
          <th>下班打卡影像</th>
          <th>工時</th>
        </tr>
      {% for row in data %}
        <tr>
          <th style='width:12%'>{{ row[0] }}</th>  
          <th style='width:12%'>{{ row[1] }}</th>
          <th style='width:12%'>{{ row[2] }}</th>
          <th style='width:12%'><img src="{{ row[3] }}" /></th>
          <th style='width:12%'>{{ row[4] }}</th>
          <th style='width:12%'><img src="{{ row[5] }}" /></th>
          <th style='width:12%'>{{ row[6] }}</th>
        </tr>
      {% endfor %}
      </table>
    {% endblock %}
  </body>
</html>