{{define "spot"}}
<table class="table table-sm table-bordered shadow p-3 mb-5 bg-body rounded">
    <thead class="table-light">
    <tr>
        <th scope="col">DX</th>
        <th scope="col">Spotter</th>
        <th scope="col">Freq</th>
        <th scope="col">Band</th>
        <th scope="col">Mode</th>
        <th scope="col">UTC Time</th>
        <th scope="col">Comment</th>
    </tr>
    </thead>
    <tbody>
        {{ range .}}
    <tr>

        <td class="align-middle">{{ .DX }}</td>
        <td class="align-middle">{{ .SpotterCallsign }}</td>
        <td class="align-middle">{{ .FrequencyMhz }}</td>
        <td class="align-middle">{{ .Band }}</td>
        <td class="align-middle">{{ .Mode }}</td>
        <td class="align-middle">{{ .UTCTime }}</td>
        <td class="align-middle">{{ .Comment }}</td>
    </tr>
    {{ end }}
    </tbody>
</table>
{{end}}