{{template "base" .}}

{{define "title"}}News • PHC{{end}}

{{define "body"}}
<section>
    <h1>
        <i class="far fa-newspaper"></i>
        Notizie Importanti
    </h1>
    <div class="card-list">
        {{ range .Articles }}
        {{ if .HasTag "important" }}
        <div class="card">
            <div class="title">
                <a href="/news/{{ .Id }}">
                    {{ .Title }}
                </a>
            </div>
            <div class="date">{{ .PublishDate.Format "2006/01/02" }}</div>
            <div class="description">
                <p>{{ .Description }}</p>
            </div>
            <div class="tags">
                {{ range .Tags }}
                <span class="tag">{{ . }}</span>
                {{ end }}
            </div>
        </div>
        {{ end }}
        {{ end }}
    </div>
</section>

<section>
    <h2>
        <i class="fas fa-history"></i>
        Archivio notizie
    </h2>
    <div class="card-list">
        {{ range .Articles }}
        {{ if not (.HasTag "important") }}
        <div class="card">
            <div class="title">
                <a href="/news/{{ .Id }}">
                    {{ .Title }}
                </a>
            </div>
            <div class="date">{{ .PublishDate.Format "2006/01/02" }}</div>
            <div class="description">
                <p>{{ .Description }}</p>
            </div>
            <div class="tags">
                {{ range .Tags }}
                <span class="tag">{{ . }}</span>
                {{ end }}
            </div>
        </div>
        {{ end }}
        {{ end }}
    </div>
</section>
{{end}}