{{define "content"}}
<section id="stats-section" hx-get="/fragments/stats" hx-trigger="every 30s" hx-swap="innerHTML">
    {{template "stats" .Stats}}
</section>

<section>
    <h3>Top Credentials & IPs</h3>
    <div class="top-grid">
        <article>
            <header>Top Usernames</header>
            <table>
                <thead>
                    <tr><th>Username</th><th>Attempts</th></tr>
                </thead>
                <tbody>
                    {{range .TopUsernames}}
                    <tr><td>{{.Value}}</td><td>{{.Count}}</td></tr>
                    {{else}}
                    <tr><td colspan="2">No data</td></tr>
                    {{end}}
                </tbody>
            </table>
        </article>
        <article>
            <header>Top Passwords</header>
            <table>
                <thead>
                    <tr><th>Password</th><th>Attempts</th></tr>
                </thead>
                <tbody>
                    {{range .TopPasswords}}
                    <tr><td>{{.Value}}</td><td>{{.Count}}</td></tr>
                    {{else}}
                    <tr><td colspan="2">No data</td></tr>
                    {{end}}
                </tbody>
            </table>
        </article>
        <article>
            <header>Top IPs</header>
            <table>
                <thead>
                    <tr><th>IP</th><th>Attempts</th></tr>
                </thead>
                <tbody>
                    {{range .TopIPs}}
                    <tr><td>{{.Value}}</td><td>{{.Count}}</td></tr>
                    {{else}}
                    <tr><td colspan="2">No data</td></tr>
                    {{end}}
                </tbody>
            </table>
        </article>
    </div>
</section>

<section>
    <h3>Active Sessions</h3>
    <div id="active-sessions" hx-get="/fragments/active-sessions" hx-trigger="every 10s" hx-swap="innerHTML">
        {{template "active_sessions" .ActiveSessions}}
    </div>
</section>

<section>
    <h3>Recent Sessions</h3>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>IP</th>
                <th>Username</th>
                <th>Shell</th>
                <th>Connected</th>
                <th>Disconnected</th>
            </tr>
        </thead>
        <tbody>
            {{range .RecentSessions}}
            <tr>
                <td><code>{{truncateID .ID}}</code></td>
                <td>{{.IP}}</td>
                <td>{{.Username}}</td>
                <td>{{.ShellName}}</td>
                <td>{{formatTime .ConnectedAt}}</td>
                <td>{{if .DisconnectedAt}}{{formatTime (derefTime .DisconnectedAt)}}{{else}}<mark>active</mark>{{end}}</td>
            </tr>
            {{else}}
            <tr><td colspan="6">No sessions</td></tr>
            {{end}}
        </tbody>
    </table>
</section>
{{end}}