{% set table_id = 'selftracking-path-data-table' ~ path | replace('/', '-') %}
<div class="p-3 mt-4">
    <h3>
      {{ path }}
    </h3>
    <div class="table-responsive scollable-table-container mt-3">
        <div class="d-flex justify-content-between mb-3 align-items-center">
          <button class="btn selfiinfo-button-main-color-bg text-white" onclick="copyTableJsonToClipboard('{{ table_id }}')">
            Copy as JSON
          </button>
        </div>
        <table id="{{ table_id }}" class="table table-striped table-bordered table-hover" data-module="selftracking-views-table" data-module-target="{{ table_id }}">
            <thead class="table-light">
              <tr>
                  <th class="hidden" scope="col">{{ _('Path') }}</th>
                  <th scope="col">{{ _('ID') }}</th>
                  <th scope="col">{{ _('User') }}</th>
                  <th scope="col">{{ _('Track Time') }}</th>
              </tr>
            </thead>
            <tbody>
              {% for row in path_view_data %}
                <tr>
                    <td class="hidden">{{ path }}</td>
                    <td>{{ row.id }}</td>
                    <td>{{ h.linked_user(row.user) }}</td>
                    <th>{{ h.render_datetime(row.track_time, with_hours=True) }}</th>
                </tr>
              {% endfor %}
            </tbody>
        </table>
    </div>
</div>