{{#.}}
<div class="row">
  <div class="col-12">
    <div class="card card-table-border-none">
      <div
        class="card-header justify-content-between card-header-border-bottom"
      >
        <h2>Route: {{name}}</h2>
      </div>
      <div class="card-body pt-0 pb-5">
        <table
          class="table card-table table-responsive table-responsive-large"
          style="width: 100%"
        >
          <thead>
            <tr>
              <th style="width: 30%">Name</th>
              <th style="width: 15%">
                <i class="mdi mdi-arrow-down"></i> /
                <i class="mdi mdi-arrow-up"></i>
              </th>
              <th style="width: 15%" class="d-none d-lg-table-cell">
                Peers/Seeders
              </th>
              <th style="width: 35%" class="d-none d-lg-table-cell">Status</th>
              <th style="width: 5%">Actions</th>
            </tr>
          </thead>
          <tbody>
            {{#torrentStats}}
            <tr>
              <td>{{name}}</td>
              <td>
                {{ibytes downloadedBytes timePassed}} / {{ibytes uploadedBytes
                timePassed}}
              </td>
              <td class="d-none d-lg-table-cell">
                {{{torrent_info peers seeders pieceSize}}}
              </td>
              <td class="d-none d-lg-table-cell">
                {{{torrent_status pieceChunks totalPieces}}}
              </td>
              <td>
                <i
                  class="mdi mdi-delete-forever"
                  title="delete torrent"
                  onclick='tstor.routes.deleteTorrent("{{../name}}","{{hash}}")'
                ></i>
              </td>
            </tr>
            {{/torrentStats}}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

{{/.}}