{{#.}}
<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='Distribyted.routes.deleteTorrent("{{../name}}","{{hash}}")'></i></td>
                        </tr>
                        {{/torrentStats}}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{{/.}}