{{template "base" .}}
{{define "title"}}Utenti • PHC{{end}}
{{define "body"}}
<section>
    <h1>
        <i class="fas fa-clock"></i>
        Storia del PHC
    </h1>
    <p>
        In questa pagina è raccontata la storia del PHC con alcuni degli eventi principali. Al momento è <i>work in progress</i> ma pianifichiamo di aggiungere almeno le date di ingresso di tutti i macchinisti.
    </p>
    <div class="history-container">
        <div class="timeline-bar"></div>
        <div class="events">
            {{ range .Storia }}
                {{ if eq .Type "simple" }}
                <div class="event">
                    <div class="title">
                        {{ .Title }}
                    </div>
                    <div class="date">{{ .Date }}</div>
                </div>
                {{ end }}
                {{ if eq .Type "entry-macchinista" }}
                <div class="event">
                    <div class="title">
                        Ingresso di
                        <i class="fa-solid fa-sign-in"></i>
                        <a href="{{ $.Config.UserPagesBaseUrl }}{{ .Uid }}">{{ .FullName }}</a>
                    </div>
                    <div class="date">{{ .Date }}</div>
                </div>
                {{ end }}
                {{ if eq .Type "exit-macchinista" }}
                <div class="event">
                    <div class="title">
                        Uscita di
                        <i class="fa-solid fa-sign-out"></i>
                        <a href="{{ $.Config.UserPagesBaseUrl }}{{ .Uid }}">{{ .FullName }}</a>
                    </div>
                    <div class="date">{{ .Date }}</div>
                </div>
                {{ end }}
                {{ if eq .Type "spacer" }}
                <div class="spacer" style="--size: {{ .Size }}"></div>
                {{ end }}
            {{ end }}
        </div>
    </div>
</section>
{{end}}