package view

import (
    "stevenlr.com/timer/model"
)

templ TimerView(timer model.Timer) {
    <h1>This is timer { timer.Name } </h1>
    <p><a href="/">Back to list</a></p>
    <p>Start time: <local-date>{ timer.StartTime.AsUTCString() }</local-date></p>
    <p>End time: <local-date>{ timer.EndTime.AsUTCString() }</local-date></p>
    <p>
        Total time:
        <timer-countdown
            start={ timer.StartTime.AsUTCString() }
            end={ timer.EndTime.AsUTCString() }
        ></timer-countdown>
    </p>
    <p>
        Remaining time:
        <timer-countdown
            end={ timer.EndTime.AsUTCString() }
        ></timer-countdown>
    </p>
}