package view

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

templ timer(t model.Timer) {
    <p class="timer-row">
        <a href={ templ.URL(fmt.Sprint("/timer/", t.Id)) }>{ t.Name }</a>
        -
        <a
            href="javascript:void(0);"
            hx-delete={ fmt.Sprint("/timer/", t.Id) }
            hx-target="closest .timer-row"
			hx-confirm={ fmt.Sprint("Are you sure you want to delete timer \"", t.Name , "\"?") }
        >Delete</a>
    </p>
}

templ TimerCreateForm(timerName string, err string) {
    <form
        hx-put="/timer"
        hx-target="closest .timers-list"
        hx-target-error="this"
    >
        <p>
            <input type="text" name="timerName" value={ timerName } placeholder="Name" />
            <input type="number" name="days" placeholder="Days" style="width: 5em;" />
            <input type="number" name="hours" placeholder="Hours" style="width: 5em;" />
            <button type="submit">Create</button>
        </p>
        if err != "" {
            <p class="error">{ err }</p>
        }
    </form>
}

templ TimersList(timers []model.Timer, isSignedIn bool) {
    <div class="timers-list">
        if isSignedIn {
			<h1>Timers</h1>
			for _, t := range timers {
				@timer(t)
			}
            <h4>Create timer</h4>
            @TimerCreateForm("", "")
        }
    </div>
}