{{define "title"}}Account — {{.AccountName}}{{end}}
{{define "page"}}account{{end}}
{{define "content"}}
<div class="page-header mb-3">
    <div class="row align-items-center">
        <div class="col-auto">
            <h2 class="page-title">Account: <code>{{.AccountName}}</code></h2>
        </div>
        <div class="col-auto ms-auto">
            <span class="text-muted">{{.HomeDir}}</span>
        </div>
    </div>
</div>

<ul class="nav nav-tabs mb-3" id="account-tabs" role="tablist">
    <li class="nav-item" role="presentation">
        <button class="nav-link active" data-tab="findings" role="tab" aria-selected="true">Findings</button>
    </li>
    <li class="nav-item" role="presentation">
        <button class="nav-link" data-tab="quarantine" role="tab" aria-selected="false">Quarantine</button>
    </li>
    <li class="nav-item" role="presentation">
        <button class="nav-link" data-tab="history" role="tab" aria-selected="false">History</button>
    </li>
</ul>

<div id="account-tab-content">
    <div class="card-body text-center text-muted py-4">
        <span class="spinner-border spinner-border-sm"></span> Loading...
    </div>
</div>
{{end}}
{{define "scripts"}}<script src="/static/js/account.js"></script>{{end}}
{{template "layout" .}}