<!--
 SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
 SPDX-FileCopyrightText: 2023 Oriol Carbonell <info@oriolcarbonell.cat>
 SPDX-License-Identifier: AGPL-3.0-only
-->
{{- /*gotype: dev.tandem.ws/tandem/camper/pkg/template.PublicPage*/ -}}
<!doctype html>
<html lang="{{ currentLocale }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ template "title" . }} — {{( gettext "Campsite Montagut" )}}</title>
    <link rel="preload" href="/static/fonts/MabryPro-Regular.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/static/fonts/MabryPro-Bold.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="stylesheet" media="screen" href="/static/public.css?v={{ camperVersion }}">
    <link rel="stylesheet" media="screen" href="/static/icons.css?v={{ camperVersion }}">
    {{ range .LocalizedAlternates -}}
        <link rel="alternate" hreflang="{{ .Lang }}" href="{{ .HRef }}">
    {{ end }}
    <script src="/static/htmx@1.9.3.min.js"></script>
    {{- block "head" . }}{{ end }}
    <script defer data-domain="campingmontagut.com" src="https://analytics.tandem.ws/js/plausible.js"></script>
</head>
<body>
<a href="#content">{{( gettext "Skip to main content" )}}</a>
<header>
    {{ with .CompanyAddress -}}
        <address>
            <a href="tel:{{ replaceAll .Phone " " "" }}">{{ replaceAll .Phone "+" "00 " }}</a>
            <a href="mailto:{{ .Email }}">{{ .Email }}</a>
        </address>
    {{- end }}
    {{ if .LocalizedAlternates -}}
        <nav>
            <ul>
                <li class="has-submenu">{{ range .LocalizedAlternates -}}
                        {{ if eq .Lang currentLocale }}{{ template "alternateAnchor" . }}{{ end }}
                    {{- end }}
                    <ul>
                        {{ range .LocalizedAlternates }}{{ if ne .Lang currentLocale -}}
                            <li>{{ template "alternateAnchor" . }}</li>
                        {{ end }}{{ end }}
                    </ul>
                </li>
            </ul>
        </nav>
    {{- end }}
    <h1><a href="/{{ currentLocale }}/"><span class="logo">◭</span><span
                    class="name">{{( gettext "Campsite Montagut" )}}</span></a></h1>
    <input type="checkbox" id="menuShowHide">
    <label for="menuShowHide">{{( gettext "Menu" )}}</label>
    <nav>
        <ul>
            <li><a href="/{{ currentLocale }}/">{{( pgettext "Home" "title" )}}</a></li>
            <li><a href="/{{ currentLocale }}/campground">{{( pgettext "Campground" "title" )}}</a></li>
            {{ with .Menu -}}
                {{ if .CampsiteTypes -}}
                    <li class="has-submenu">
                        <button type="button">{{( pgettext "Campsites" "title" )}}</button>
                        <ul>
                            {{ range .CampsiteTypes -}}
                                <li><a href="{{ .HRef }}">{{ .Label }}</a></li>
                            {{ end }}
                        </ul>
                    </li>
                {{- end }}
            {{- end }}
            <li><a href="/{{ currentLocale }}/services">{{( pgettext "Services" "title" )}}</a></li>
            <li><a href="/{{ currentLocale }}/surroundings">{{( pgettext "Surroundings" "title" )}}</a></li>
            <li><a href="/{{ currentLocale }}/location">{{( pgettext "Location" "title" )}}</a></li>
            <li class="boto-reserva"><a href="/{{ currentLocale }}/booking">{{( pgettext "Booking" "title" )}}</a></li>
            {{ if .LocalizedAlternates -}}
                <li class="has-submenu">{{ range .LocalizedAlternates -}}
                        {{ if eq .Lang currentLocale }}<button type="button">{{ .Endonym }}</button>{{ end }}
                    {{- end }}
                    <ul>
                        {{ range .LocalizedAlternates }}{{ if ne .Lang currentLocale -}}
                            <li>{{ template "alternateAnchor" . }}</li>
                        {{ end }}{{ end }}
                    </ul>
                </li>
            {{- end }}
        </ul>
    </nav>
</header>
<main id="content">
    {{- template "content" . }}
</main>
<footer>
    <div>
        <section>
            <h2>{{( pgettext "Sections" "title" )}}</h2>
            <ul>
                <li><a href="/{{ currentLocale }}/">{{( pgettext "Home" "title" )}}</a></li>
                <li><a href="/{{ currentLocale }}/campground">{{( pgettext "Campground" "title" )}}</a></li>
                <li><a href="/{{ currentLocale }}/services">{{( pgettext "Services" "title" )}}</a></li>
                <li><a href="/{{ currentLocale }}/surroundings">{{( pgettext "Surroundings" "title" )}}</a></li>
                <li><a href="/{{ currentLocale }}/location">{{( pgettext "Location" "title" )}}</a></li>
            </ul>
        </section>

        {{ with .Menu -}}
            {{ if .CampsiteTypes -}}
                <section>
                    <h2>{{( pgettext "Campsites" "title" )}}</h2>
                    <ul>
                        {{ range .CampsiteTypes -}}
                            <li><a href="{{ .HRef }}">{{ .Label }}</a></li>
                        {{ end }}
                    </ul>
                </section>
            {{- end }}
        {{- end }}

        <section>
            <h2>{{ (pgettext "Opening" "title" )}}</h2>
            {{ .OpeningDates }}
        </section>

        <section>
            <h2>{{ .CompanyAddress.TradeName }}</h2>
            {{ template "companyAddress" .CompanyAddress }}
            {{ printf ( gettext "<abbr title=\"Catalonia Tourism Registry\">RTC</abbr> <abbr title=\"Number\">#</abbr>%s") .CompanyAddress.RTCNumber | raw }}
            <div class="camping-association">
                <img src="/static/camping-association/Reconeixement.gif" alt="Alan Rogers">
                <img src="/static/camping-association/acsi.jpg" alt="ACSI">
                <img src="/static/camping-association/logofecc4.gif" alt="Federación Española de Clubes Capistas">
                <img src="/static/camping-association/anwb.png" alt="anwb">
            </div>
        </section>
    </div>
    <span>© {{ .CompanyAddress.TradeName }} | 1994–2023 | <a href="/{{ currentLocale }}/legal/credits">{{( pgettext "Credits" "title" )}}</a> | <a href="/{{ currentLocale }}/legal/notice">{{( pgettext "Terms and Conditions" "title" )}}</a> | <a href="/{{ currentLocale }}/legal/reservation">{{( pgettext "Reservation Conditions" "title" )}}</a></span>

</footer>
</body>
</html>

{{ define "alternateAnchor" -}}
    <a rel="alternate" href="{{ .HRef }}" hreflang="{{ .Lang }}" lang="{{ .Lang }}">{{ .Endonym }}</a>
{{- end }}

{{ define "companyAddress" -}}
    {{- /*gotype: dev.tandem.ws/tandem/camper/pkg/template.address*/ -}}
    <address>
        {{ .Address }}<br>
        {{ .PostalCode}} · {{ .City }} · {{ .Province }}<br>
        {{ .Country }}<br>
        <abbr>T</abbr> <a href="tel:{{ replaceAll .Phone " " "" }}">{{ replaceAll .Phone "+" "00 " }}</a><br>
        <a href="mailto:{{ .Email }}">{{ .Email }}</a>
    </address>
{{- end }}

{{ define "carouselStyle" -}}
    <link rel="stylesheet" media="screen" href="/static/slick@1.8.1.css">
{{- end }}

{{ define "alpineScript" -}}
    <script src="/static/alpinejs@3.13.3.min.js" defer></script>
{{- end }}

{{ define "carouselInit" -}}
    <script src="/static/jquery@3.7.1.min.js"></script>
    <script src="/static/slick@1.8.1.min.js"></script>
    <script>
        jQuery(function () {
            jQuery('.carousel').slick({
                slidesToShow: {{ . }},
                slidesToScroll: 1,
                infinite: false,
                arrows: true,
                prevArrow: '<button type="button" class="slick-prev">←</button>',
                nextArrow: '<button type="button" class="slick-next">→</button>',
                responsive: [
                    {
                        breakpoint: 1024,
                        settings: {
                            slidesToShow: {{ . | dec }},
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            slidesToShow: 1,
                        }
                    },
                ]
            });
        });
    </script>
{{- end }}