65 lines
3.0 KiB
HTML
65 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}
|
|
{% if mode == "edit" %}{{ t(key="edit-booking", lang=lang) }}{% else %}{{ t(key="add-booking", lang=lang) }}{% endif %}
|
|
{% endblock title %}
|
|
|
|
{% block content %}
|
|
<div class="mx-auto max-w-md">
|
|
<div class="mb-4 flex items-center justify-between">
|
|
<h1 class="text-2xl font-bold">
|
|
{% if mode == "edit" %}{{ t(key="edit-booking", lang=lang) }}{% else %}{{ t(key="add-booking", lang=lang) }}{% endif %}
|
|
</h1>
|
|
<a href="/admin" class="text-sm text-blue-600 hover:underline">← {{ t(key="back-to-calendar", lang=lang) }}</a>
|
|
</div>
|
|
|
|
<form method="post" action="{{ action }}" class="space-y-3 rounded-lg border bg-white p-4">
|
|
<input type="hidden" name="court_id" value="{{ court_id }}">
|
|
<div class="text-sm text-gray-600">{{ t(key="court-label", lang=lang) }}: <strong>{{ court_name }}</strong></div>
|
|
<div>
|
|
<label class="block text-sm text-gray-600">{{ t(key="date", lang=lang) }}</label>
|
|
<input type="date" name="date" value="{{ date }}" required class="w-full rounded border-gray-300 text-sm">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm text-gray-600">{{ t(key="hour", lang=lang) }}</label>
|
|
<select name="hour" class="w-full rounded border-gray-300 text-sm">
|
|
{% for h in hours %}
|
|
<option value="{{ h.v }}" {% if h.v == hour %}selected{% endif %}>{{ h.label }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm text-gray-600">{{ t(key="booking-color", lang=lang) }}</label>
|
|
<input type="color" name="color" value="{{ color }}" class="h-9 w-16 rounded border-gray-300">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm text-gray-600">{{ t(key="booking-name", lang=lang) }}</label>
|
|
<input name="name" value="{{ name }}" required class="w-full rounded border-gray-300 text-sm">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm text-gray-600">{{ t(key="booking-contact", lang=lang) }}</label>
|
|
<input name="contact" value="{{ contact }}" class="w-full rounded border-gray-300 text-sm">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm text-gray-600">{{ t(key="booking-note", lang=lang) }}</label>
|
|
<textarea name="note" rows="3" class="w-full rounded border-gray-300 text-sm">{{ note }}</textarea>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<button class="rounded bg-gray-900 px-4 py-2 text-sm text-white hover:bg-gray-700">
|
|
{{ t(key="save", lang=lang) }}
|
|
</button>
|
|
<a href="/admin" class="rounded border px-4 py-2 text-sm hover:bg-gray-100">{{ t(key="cancel", lang=lang) }}</a>
|
|
</div>
|
|
</form>
|
|
|
|
{% if mode == "edit" %}
|
|
<form method="post" action="/admin/booking/{{ booking_id }}/delete" class="mt-3"
|
|
onsubmit="return confirm('{{ t(key="confirm-delete", lang=lang) }}');">
|
|
<button class="rounded bg-red-600 px-4 py-2 text-sm text-white hover:bg-red-700">
|
|
{{ t(key="delete", lang=lang) }}
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock content %}
|