<!DOCTYPE html>
<html>
    <head>
        <title>Srinidhi Youtube videos</title>
        <!-- Diable favicon requests: https://stackoverflow.com/a/13416784 -->
        <link rel="icon" href="data:;base64,iVBORw0KGgo=">
    </head>
    <body>
        <form method="POST" action="/">
            <input type="text" name="youtube_url">
            <input type="submit" value="Ask">
        </form>
        <table>
            <caption>Vidoes</caption>
            <thead>
                <tr>
                    <th>Date</th>
                    <th>URL</th>
                    <th>Title</th>
                    <th>Link</th>
                </tr>
            </thead>
            <tbody>
                {{ range .Items }}
                <tr>
                    <td>{{ .Date }}</td>
                    <td>{{ .URL }}</td>
                    <td>{{ .Title }}</td>
                    <td>
                        {{ if eq .Status "Done" }}
                        <a target="_blank" href="{{ vids_prefix }}/{{ .FileName }}">Watch</a>
                        {{ else if eq .Status "InProgress" }}
                        {{ .Progress }}
                        {{ else }}
                        {{ .Status }}
                        {{ end }}
                    </td>
                </tr>
                {{ end }}
            </tbody>
        </table>
    </body>
</html>