{{ define "title" }}體溫記錄系統{{ end }}
{{ define "content-with-session" }}
<script src="/static/js/delete.js"></script>
<div class="middle">
    <div>
        <h1 id="home-h1"><img src="{{ .Config.Site.Icon }}" id="icon">{{ .Config.Site.Name }}</h1>
        <h2 id="home-h2">體溫記錄系統</h2>
        <form action="/" id="home-form" method="POST">
            <label for="temperature">體溫（℃）</label>
            <input type="number" name="temperature" required autocomplete="off" min="34" max="41" step="0.1">
            <br class="mobile-br">
            <input type="radio" name="type" value="1" checked>
            <label for="type">耳溫</label>
            <input type="radio" name="type" value="2">
            <label for="type">額溫</label>
            <label for="reason">備註</label>
            <select name="reason">
                <option value=""></option>
                <option value="病假">病假</option>
                <option value="事假">事假</option>
                <option value="公假">公假</option>
                <option value="喪假">喪假</option>
                <option value="自主健康管理">自主健康管理</option>
                <option value="居假檢疫">居家檢疫</option>
                <option value="居家隔離">居家隔離</option>
            </select><br class="mobile-br">
            <input type="submit" value="記錄">
        </form>
        {{ with .Data }}
        <table>
            <tr>
                <th>最近體溫記錄（℃）</th>
                <th>狀態</th>
                <th>類型</th>
                <th>時間</th>
                <th>備註</th>
                <th></th>
            </tr>
            {{ range . }}
            <tr {{ if .Fever }}class="fever"{{ end }}>
                <td>{{ .Temperature }}</td>
                <td>{{ if .Fever }}發燒{{ else }}正常{{ end }}</td>
                <td>{{ .Type }}</td>
                <td>{{ formatTime .CreatedAt }}</td>
                <td>{{ .Reason }}</td>
                <td><button value="{{ .ID }}" onclick="deleteRow(this, 'records')">刪除</button></td>
            </tr>
            {{ end }}
        </table>
        {{ end }}
    </div>
</div>
{{ end }}