tenis booking site done by claude
This commit is contained in:
@@ -1,65 +1,50 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="{{ lang }}">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{% block title %}{% endblock title %}</title>
|
||||
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
|
||||
{% block head %}
|
||||
|
||||
{% endblock head %}
|
||||
<title>{% block title %}{{ t(key="brand", lang=lang) }}{% endblock title %}</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
{% block head %}{% endblock head %}
|
||||
</head>
|
||||
|
||||
<body class="min-h-screen bg-background font-sans antialiased">
|
||||
<div class="relative flex min-h-screen flex-col bg-background">
|
||||
<div class="themes-wrapper bg-background">
|
||||
<main class="relative flex min-h-svh flex-1 flex-col bg-background peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow">
|
||||
<div class="flex flex-1 flex-col gap-4 p-5 pt-5">
|
||||
<h1 class="scroll-m-20 text-3xl font-bold tracking-tight">
|
||||
{% block page_title %}{% endblock page_title %}
|
||||
</h1>
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<body class="min-h-screen bg-gray-50 text-gray-900 font-sans antialiased">
|
||||
<header class="border-b bg-white">
|
||||
<div class="mx-auto flex max-w-6xl items-center justify-between px-5 py-3">
|
||||
<a href="/" class="text-lg font-bold">{{ t(key="brand", lang=lang) }}</a>
|
||||
<nav class="flex items-center gap-4 text-sm">
|
||||
<a href="/" class="hover:underline">{{ t(key="nav-calendar", lang=lang) }}</a>
|
||||
{% if is_admin %}
|
||||
<a href="/admin" class="hover:underline">{{ t(key="admin-title", lang=lang) }}</a>
|
||||
<a href="/admin/courts" class="hover:underline">{{ t(key="manage-courts", lang=lang) }}</a>
|
||||
<form method="post" action="/admin/logout" class="inline">
|
||||
<button class="hover:underline">{{ t(key="logout", lang=lang) }}</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a href="/admin/login" class="hover:underline">{{ t(key="nav-admin", lang=lang) }}</a>
|
||||
{% endif %}
|
||||
<span class="flex gap-1">
|
||||
<button onclick="setLang('en')"
|
||||
class="rounded px-2 py-0.5 {% if lang == 'en' %}bg-gray-900 text-white{% else %}bg-gray-200{% endif %}">EN</button>
|
||||
<button onclick="setLang('sk')"
|
||||
class="rounded px-2 py-0.5 {% if lang == 'sk' %}bg-gray-900 text-white{% else %}bg-gray-200{% endif %}">SK</button>
|
||||
</span>
|
||||
</nav>
|
||||
</div>
|
||||
{% block js %}
|
||||
</header>
|
||||
|
||||
{% endblock js %}
|
||||
<main class="mx-auto max-w-6xl px-5 py-6">
|
||||
{% block content %}{% endblock content %}
|
||||
</main>
|
||||
|
||||
<script>
|
||||
function confirmDelete(event, delete_url, redirect_to) {
|
||||
event.preventDefault();
|
||||
if (confirm("Are you sure you want to delete this item?")) {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("DELETE", delete_url, true);
|
||||
xhr.onreadystatechange = function () {
|
||||
if (xhr.readyState == 4 && xhr.status == 200) {
|
||||
window.location.href = redirect_to;
|
||||
}
|
||||
};
|
||||
xhr.send();
|
||||
}
|
||||
function setLang(l) {
|
||||
document.cookie = 'lang=' + l + ';path=/;max-age=31536000';
|
||||
location.reload();
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
document.querySelectorAll('.add-more').forEach(button => {
|
||||
button.addEventListener('click', function () {
|
||||
const group = this.getAttribute('data-group');
|
||||
const first = document.getElementById(`${group}-inputs`).querySelector('input');
|
||||
if (first) {
|
||||
const clonedInput = first.cloneNode();
|
||||
clonedInput.value = '';
|
||||
const container = document.getElementById(`${group}-inputs`);
|
||||
container.appendChild(clonedInput);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% block js %}{% endblock js %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user