{{define "body"}}
<div class="row">
<ol class="breadcrumb full-width">
    <li class="breadcrumb-item"></li>
    <li class="breadcrumb-item"><a href="/">root</a></li>
    {{range $item := .Paths}}
    <li class="breadcrumb-item{{if $item.Indexed}} active{{end}}">{{if $item.Indexed}}{{$item.Name}}{{else}}<a href="{{$item.Abs}}">{{$item.Name}}</a>{{end}}</li>
    {{end}}
</ol>
</div>
<div class="row">
    <table class="table table-stripped table-hover">
    <thead>
        <tr>
            <th>Path</th>
            <th>Type</th>
            <th>Options</th>
        </tr>
    </thead>
    <tbody>
        {{if .Data.Dirs}}
        {{range $item := .Data.Dirs}}
        <tr>
            <td><a href="{{$item.Abs}}">{{$item.Name}}/</a></td>
            <td>Directory</td>
            <td><div class="btn-group">
                <a href="/move{{$item.Abs}}" class="btn btn-sm btn-primary">Move</a>
                <a href="/delete{{$item.Abs}}" class="btn btn-sm btn-danger">Delete</a>
            </div></td>
        </tr>
        {{end}}
        {{end}}
        {{if .Data.Files}}
        {{range $item := .Data.Files}}
        <tr>
            <td><a href="{{$item.Abs}}">{{$item.Name}}</a></td>
            <td>File</td>
            <td><div class="btn-group">
                {{if not $item.Indexed}}
                <a href="/index{{$item.Abs}}" class="btn btn-sm btn-primary">Index</a>
                {{end}}
                <a href="/move{{$item.Abs}}" class="btn btn-sm btn-primary">Move</a>
                <a href="/delete{{$item.Abs}}" class="btn btn-sm btn-danger">Delete</a>
            </div></td>
        </tr>
        {{end}}
        {{end}}
    </tbody>
    </table>
</div>
{{end}}