}
}));
- Alpine.data('notFoundNav', () => {
- const isItalian = window.location.pathname.startsWith('/it/');
- return {
- get homeLink() {
- return isItalian ? '/it/' : '/';
- },
- get articlesLink() {
- return isItalian ? '/it/articles/' : '/articles/';
- },
- get contactLink() {
- return isItalian ? '/it/is/here/' : '/is/here/';
- },
- goHome() {
- window.location.href = this.homeLink;
- },
- goArticles() {
- window.location.href = this.articlesLink;
- },
- goContact() {
- window.location.href = this.contactLink;
- }
- };
- });
-
console.log('notFoundPage Alpine component registered');
});
{{ define "main" }}
-<!-- Detect language from current URL -->
-<script>
-window.currentLang = window.location.pathname.startsWith('/it/') ? 'it' : 'en';
-</script>
-
<!-- Pass articles data to JavaScript for Alpine.js -->
<script>
window.articlesData = [
</div>
<!-- Navigation Links -->
- <div class="space-y-4 flex flex-col items-center mb-12" x-data="notFoundNav()">
- <a :href="homeLink" @click.prevent="goHome()" class="btn btn-primary">
+ <div class="space-y-4 flex flex-col items-center mb-12">
+ <a href="/" class="btn btn-primary">
{{ i18n "goHome" }}
</a>
- <a :href="articlesLink" @click.prevent="goArticles()" class="btn btn-secondary">
+ <a href="/articles/" class="btn btn-secondary">
{{ i18n "browseArticles" }}
</a>
- <a :href="contactLink" @click.prevent="goContact()" class="btn btn-outline">
+ <a href="/is/here/" class="btn btn-outline">
{{ i18n "contactSupport" }}
</a>
</div>