<!--
 SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
 SPDX-FileCopyrightText: 2023 Oriol Carbonell <info@oriolcarbonell.cat>
 SPDX-License-Identifier: AGPL-3.0-only
-->
{{ define "title" -}}
    {{( pgettext "Services" "title" )}}
{{- end }}

{{ define "head" -}}
    {{ template "carouselStyle" }}
{{- end }}

{{ define "content" -}}
    {{- /*gotype: dev.tandem.ws/tandem/camper/pkg/services.servicesPage*/ -}}
    <h2>{{( pgettext "Services" "title" )}}</h2>
    <div class="campsite_services carousel">
        <div class="spiel">
            <p>{{(gettext "The campsite offers many different services.")}}</p>
        </div>
        {{ range .Carousel -}}
            {{ if .Caption -}}
                <figure>
                    <img src="{{ .Media }}" alt=""/>
                    <figcaption>{{ .Caption }}</figcaption>
                </figure>
            {{- else -}}
                <img src="{{ .Media }}" alt=""/>
            {{- end }}
        {{- end }}
    </div>

    {{ template "carouselInit" 3 }}

    <dl>
        {{ range .Services -}}
            <div class="services_icon">
                <dt class="icon_{{ .IconName }}">{{ .Name }}</dt>
                <dd>{{ .Description | raw }}</dd>
            </div>
        {{- end }}
    </dl>
{{- end }}
