69 lines
3.6 KiB
HTML
69 lines
3.6 KiB
HTML
{% extends "admin/base.html" %}
|
|
{% import "macros/ui.html" as ui %}
|
|
|
|
{% block title %}{{ customer.name }}{% endblock title %}
|
|
{% block crumb %}{{ t(key="admin-customers", lang=lang | default(value='sk')) }}{% endblock crumb %}
|
|
|
|
{% block content %}
|
|
<div class="flex items-center justify-between gap-3">
|
|
<div>
|
|
<h1 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ customer.name }}</h1>
|
|
<p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ customer.email }}</p>
|
|
</div>
|
|
{{ ui::button(variant="outline-secondary", label=t(key="back", lang=lang | default(value='sk')), href="/admin/customers", size="px-3 py-2 text-sm") }}
|
|
</div>
|
|
|
|
{% if error %}
|
|
<div class="mt-4">{{ ui::alert_danger(message=t(key=error, lang=lang | default(value='sk'))) }}</div>
|
|
{% endif %}
|
|
|
|
<p class="mt-4 text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="negotiated-prices-hint", lang=lang | default(value='sk')) }}</p>
|
|
|
|
<div class="mt-4 {{ ui::table_wrap_cls() }}">
|
|
{% if products | length > 0 %}
|
|
<table class="{{ ui::table_cls() }}">
|
|
<thead class="{{ ui::thead_cls() }}">
|
|
<tr>
|
|
{{ ui::th(label=t(key="product", lang=lang | default(value='sk'))) }}
|
|
{{ ui::th(label=t(key="public-price", lang=lang | default(value='sk'))) }}
|
|
{{ ui::th(label=t(key="negotiated-price", lang=lang | default(value='sk'))) }}
|
|
{{ ui::th(label=t(key="effective-price", lang=lang | default(value='sk')), align="text-right") }}
|
|
</tr>
|
|
</thead>
|
|
<tbody class="{{ ui::tbody_cls() }}">
|
|
{% for product in products %}
|
|
<tr class="{{ ui::row_cls() }}">
|
|
<td class="px-4 py-3 font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ product.name }}</td>
|
|
<td class="px-4 py-3 tabular-nums">
|
|
{% if product.on_public_sale %}
|
|
<span class="font-medium text-danger">{{ product.public_price }} {{ product.currency }}</span>
|
|
<span class="ml-1 text-xs text-on-surface/50 line-through dark:text-on-surface-dark/50">{{ product.regular_price }}</span>
|
|
{% else %}
|
|
{{ product.public_price }} {{ product.currency }}
|
|
{% endif %}
|
|
</td>
|
|
<td class="px-4 py-3">
|
|
<form method="post" action="/admin/customers/{{ customer.id }}/prices/{{ product.product_id }}" class="flex items-center gap-2">
|
|
{{ ui::csrf_field() }}
|
|
{{ ui::input(name="price", value=product.manual_price | default(value=""), placeholder="0.00", width="w-28", attrs='inputmode="decimal"') }}
|
|
{{ ui::button(label=t(key="save", lang=lang | default(value='sk')), type="submit", size="px-3 py-1.5 text-xs") }}
|
|
{% if product.manual_price %}
|
|
{{ ui::button(variant="outline-danger", label=t(key="remove", lang=lang | default(value='sk')), type="submit", size="px-3 py-1.5 text-xs", attrs='formaction="/admin/customers/' ~ customer.id ~ '/prices/' ~ product.product_id ~ '/remove"') }}
|
|
{% endif %}
|
|
</form>
|
|
</td>
|
|
<td class="px-4 py-3 text-right tabular-nums">
|
|
<span class="font-medium {% if product.is_business %}text-primary dark:text-primary-dark{% else %}text-on-surface-strong dark:text-on-surface-dark-strong{% endif %}">{{ product.effective_price }} {{ product.currency }}</span>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% else %}
|
|
<div class="flex flex-col items-center gap-3 px-4 py-16 text-center">
|
|
<p class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-no-products", lang=lang | default(value='sk')) }}</p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock content %}
|