84 lines
4.0 KiB
HTML
84 lines
4.0 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Звания{% endblock %}
|
|
|
|
{% block content %}
|
|
<h1 class="text-2xl font-semibold">Звания</h1>
|
|
<p class="mt-1 text-sm text-slate-600">Справочник магазина: название, цена и видимость.</p>
|
|
|
|
{% if saved %}
|
|
<div class="mt-4 rounded-lg border border-emerald-200 bg-emerald-50 p-3 text-sm text-emerald-800">
|
|
{% if saved == 'created' %}Звание добавлено.
|
|
{% elif saved == 'updated' %}Звание обновлено.
|
|
{% elif saved == 'deleted' %}Звание удалено.
|
|
{% else %}Изменения сохранены.{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if errors %}
|
|
<ul class="mt-4 list-disc rounded-lg border border-red-200 bg-red-50 p-3 pl-8 text-sm text-red-700">
|
|
{% for error in errors %}<li>{{ error }}</li>{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
|
|
<form method="post" action="/titles" class="mt-6 rounded-lg border border-slate-200 bg-white p-4">
|
|
<input type="hidden" name="csrf_token" value="{{ request.session.get('csrf', '') }}" />
|
|
<h2 class="text-lg font-medium">Новое звание</h2>
|
|
<div class="mt-3 grid gap-3 sm:grid-cols-4">
|
|
<div class="sm:col-span-2">
|
|
<label for="title" class="text-xs text-slate-500">Название</label>
|
|
<input id="title" name="title" value="{{ form.title }}" maxlength="{{ max_title_length }}"
|
|
class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-sky-500 focus:outline-none" />
|
|
</div>
|
|
<div>
|
|
<label for="price" class="text-xs text-slate-500">Цена, DE</label>
|
|
<input id="price" name="price" type="number" min="0" value="{{ form.price }}"
|
|
class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-sky-500 focus:outline-none" />
|
|
</div>
|
|
<div class="flex items-end">
|
|
<button type="submit" class="rounded-lg bg-sky-600 px-4 py-2 text-sm font-medium text-white hover:bg-sky-700">
|
|
Добавить
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="mt-6 space-y-3">
|
|
{% for title in titles %}
|
|
<div class="rounded-lg border border-slate-200 bg-white p-4">
|
|
<form method="post" action="/titles/{{ title.id_title }}" class="grid gap-3 sm:grid-cols-5">
|
|
<input type="hidden" name="csrf_token" value="{{ request.session.get('csrf', '') }}" />
|
|
<div class="sm:col-span-2">
|
|
<label class="text-xs text-slate-500">Название</label>
|
|
<input name="title" value="{{ title.title }}" maxlength="{{ max_title_length }}"
|
|
class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-sky-500 focus:outline-none" />
|
|
</div>
|
|
<div>
|
|
<label class="text-xs text-slate-500">Цена, DE</label>
|
|
<input name="price" type="number" min="0" value="{{ title.price }}"
|
|
class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-sky-500 focus:outline-none" />
|
|
</div>
|
|
<label class="flex items-end gap-2 pb-2 text-sm text-slate-700">
|
|
<input type="checkbox" name="visible" {% if title.visible %}checked{% endif %} /> видно
|
|
</label>
|
|
<div class="flex items-end">
|
|
<button type="submit" class="rounded-lg bg-sky-600 px-4 py-2 text-sm font-medium text-white hover:bg-sky-700">
|
|
Сохранить
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="mt-2 flex items-center justify-between text-xs text-slate-500">
|
|
<span>id {{ title.id_title }} · используется: {{ title.used }}</span>
|
|
<form method="post" action="/titles/{{ title.id_title }}/delete" onsubmit="return confirm('Удалить звание?');">
|
|
<input type="hidden" name="csrf_token" value="{{ request.session.get('csrf', '') }}" />
|
|
<button type="submit" class="text-red-600 hover:underline">Удалить</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<p class="text-sm text-slate-500">Званий пока нет — добавьте первое.</p>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|