@zig {
const can_pick = data.getPresence("can_pick");
    if (!data.getPresence("running")) {
        <div id="qrcode"></div>
        @html HTML
        <script>
            const qrcode = new QRCode(document.getElementById('qrcode'), {
              text: 'https://teamdraft.net/invite/{{.code}}',
              width: 128,
              height: 128,
              colorDark : '#000',
              colorLight : '#fff',
              correctLevel : QRCode.CorrectLevel.H
            });
        </script>
        HTML 
        <p><pre>https://teamdraft.net/invite/{{.code}}</pre></p>
    }
<div hx-select="#draft" id="draft" hx-get="/drafts/{{.draft_id}}" hx-trigger="every 1s">
<div class="sticky">
    if (data.getPresence("running")) {
        <br/>Round Time Remaining: {{.round_time_remaining}}
    }
    <br/>{{.message}}
</div>
    if (zmpl.get("teams")) |teams| {
        <div>
            <table class="striped">
                <thead>
                    <tr>
                        <th>Team</th>
                        <th colspan="2">Rank</th>
                    </tr>
                </thead>
                <tbody>
                    for (teams.items(.array)) |team| {
                        const id = team.get("id");
                        const rank = team.get("rank");
                        const name = team.get("name");
                        const picked: bool = team.getT(.boolean, "picked") orelse true;
                        const pick_user = team.get("pick_user");
                        <tr>
                            <td>{{name}}</td>
                            <td>{{rank}}</td>
                            <td>
                                {{pick_user}}
                                if (can_pick and !picked) {
                                    <form method="post" action="/drafts/{{.draft_id}}/pick?team_id={{id}}">
                                        <input type="submit" value="Pick" style="" />
                                    </form>
                                }
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>
    }
}
</div>