package templates

import "arbeitszeitmessung/models"
import "arbeitszeitmessung/helper"

templ TeamPresencePage(teamPresence map[models.User]bool) {
	@Base()
	@headerComponent()
	<div class="grid-main divide-y-1">
		<div class="grid-sub divide-x-1 bg-neutral-300">
			<h2 class="grid-cell font-bold uppercase text-xl">Mitarbeiter</h2>
		</div>
		for user, present := range teamPresence {
			<div class="grid-sub">
				<div class="grid-cell flex flex-row gap-2 col-span-2 md:col-span-1">
					@timeGaugeComponent(helper.BoolToInt8(present)*100-1, false)
					<p>{ user.Vorname } { user.Name }</p>
				</div>
				<div class="grid-cell col-span-2">
					if present {
						<span class="text-neutral-500">Anwesend</span>
					} else {
						<span class="text-neutral-500">Abwesend</span>
					}
				</div>
			</div>
		}
	</div>
}