Administration/layouts/components/settings/layout.overview.latte

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Configuration Files</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body p-0">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th style="width: 10px">#</th>
                        <th>Name</th>
                        <th>Folder</th>
                        <th>Priority</th>
                        <th style="width: 20px">View</th>
                        <th style="width: 20px">Edit</th>
                    </tr>
                    </thead>
                    <tbody>
                    {var $it = 0}
                    {foreach $files as $fileName => $data}
                        <tr n:foreach="$data as $entry">
                            {var $it = $it + 1}
                            <td>{$it}</td>
                            <td>{$fileName}</td>
                            <td>{$entry['folder']}</td>
                            <td>{$entry['priority']}</td>
                            <td><a href="/{$adminKey}/settings/view/{$fileName}/{$iterator->counter0}"><button type="button" class="btn btn-block btn-success">VIEW</button></a></td>
                            <td><a href="/{$adminKey}/settings/modify/{$fileName}/{$iterator->counter0}"><button type="button" class="btn btn-block btn-primary">EDIT</button></a></td>
                        </tr>
                    {/foreach}
                    </tbody>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
    </div>
</div>