91 lines
3.9 KiB
HTML
91 lines
3.9 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ t(key="calendar-title", lang=lang) }}{% endblock title %}
|
|
|
|
{% block content %}
|
|
<div class="mb-4 flex flex-wrap items-center justify-between gap-3">
|
|
<h1 class="text-2xl font-bold">
|
|
{% if is_admin %}{{ t(key="admin-title", lang=lang) }}{% else %}{{ t(key="calendar-title", lang=lang) }}{% endif %}
|
|
</h1>
|
|
{% if has_courts %}
|
|
<form method="get" action="{{ base_path }}" class="flex items-center gap-2">
|
|
<label class="text-sm font-medium opacity-70">{{ t(key="court-label", lang=lang) }}</label>
|
|
<input type="hidden" name="week" value="{{ week }}">
|
|
<select name="court" onchange="this.form.submit()" class="select select-bordered select-sm">
|
|
{% for c in courts %}
|
|
<option value="{{ c.id }}" {% if c.selected %}selected{% endif %}>{{ c.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% if has_courts %}
|
|
<div class="mb-3 flex flex-wrap items-center justify-between gap-2">
|
|
<div class="join">
|
|
<a href="{{ base_path }}?court={{ court_id }}&week={{ prev_week }}"
|
|
class="btn btn-sm join-item">« {{ t(key="prev-week", lang=lang) }}</a>
|
|
<a href="{{ base_path }}?court={{ court_id }}&week={{ this_week }}"
|
|
class="btn btn-sm join-item">{{ t(key="this-week", lang=lang) }}</a>
|
|
<a href="{{ base_path }}?court={{ court_id }}&week={{ next_week }}"
|
|
class="btn btn-sm join-item">{{ t(key="next-week", lang=lang) }} »</a>
|
|
</div>
|
|
<div class="text-sm font-medium opacity-60">{{ court_name }} · {{ week_label }}</div>
|
|
</div>
|
|
|
|
<div class="overflow-x-auto rounded-lg border border-base-300 bg-base-100 shadow-sm">
|
|
<table class="w-full border-collapse text-sm">
|
|
<thead>
|
|
<tr class="bg-base-200">
|
|
<th class="w-16 border border-base-300 p-2"></th>
|
|
{% for d in days %}
|
|
<th class="border border-base-300 p-2 text-center">
|
|
<div class="font-semibold">{{ t(key=d.key, lang=lang) }}</div>
|
|
<div class="text-xs font-normal opacity-50">{{ d.num }}</div>
|
|
</th>
|
|
{% endfor %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for row in rows %}
|
|
<tr>
|
|
<td class="border border-base-300 bg-base-200 p-2 text-center font-medium opacity-70">{{ row.hour_label }}</td>
|
|
{% for cell in row.cells %}
|
|
<td class="relative h-14 border border-base-300">
|
|
{% if cell.booked %}
|
|
{% if is_admin %}
|
|
<a href="/admin/booking/{{ cell.booking_id }}"
|
|
class="absolute inset-1 flex items-center overflow-hidden rounded px-1.5 text-xs font-medium text-white shadow-sm transition hover:opacity-90"
|
|
style="background-color: {{ cell.color }}">
|
|
<span class="min-w-0 truncate">{{ cell.name }}</span>
|
|
</a>
|
|
{% else %}
|
|
<div class="absolute inset-1 flex items-center overflow-hidden rounded px-1.5 text-xs font-medium text-white shadow-sm"
|
|
style="background-color: {{ cell.color }}"{% if cell.title %} title="{{ cell.title }}"{% endif %}>
|
|
<span class="min-w-0 truncate">
|
|
{%- if cell.title %}{{ cell.title }}{% else %}{{ t(key="booked", lang=lang) }}{% endif -%}
|
|
</span>
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
{% if is_admin %}
|
|
<a href="/admin/booking?court={{ court_id }}&date={{ cell.date }}&hour={{ cell.hour }}"
|
|
class="absolute inset-0 flex items-center justify-center text-lg opacity-30 transition hover:bg-base-200 hover:opacity-100">+</a>
|
|
{% else %}
|
|
<div class="absolute inset-0 flex items-center justify-center text-xs opacity-30">{{ t(key="free", lang=lang) }}</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
</td>
|
|
{% endfor %}
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% else %}
|
|
<div class="card border border-base-300 bg-base-100 shadow-sm">
|
|
<div class="card-body items-center text-center opacity-60">{{ t(key="no-courts", lang=lang) }}</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endblock content %}
|