2022-04-24 18:59:04 +02:00
|
|
|
{% load crispy_forms_field %}
|
2022-04-25 17:17:58 +02:00
|
|
|
<div class="col">
|
2022-04-25 19:54:57 +02:00
|
|
|
<div class="card h-100 {% if field.value %}bg-success text-white{% endif %}">
|
2022-04-24 18:59:04 +02:00
|
|
|
{% if product.image %}
|
2022-04-25 17:17:58 +02:00
|
|
|
<img src="{{ product.image.url }}" class="card-img">
|
2022-04-28 18:34:13 +02:00
|
|
|
{% else %}
|
|
|
|
<div class="card-img product-img-placeholder"
|
2023-03-25 20:01:14 +01:00
|
|
|
style="background-color: hsl({{ product.color_hue }}, 60%, 80%)">
|
2022-04-28 18:34:13 +02:00
|
|
|
<span>
|
|
|
|
{{ product.name|slice:"1" }}
|
|
|
|
</span>
|
|
|
|
</div>
|
2022-04-24 18:59:04 +02:00
|
|
|
{% endif %}
|
|
|
|
<div class="card-body">
|
2022-04-25 19:54:57 +02:00
|
|
|
<h4 class="card-title">{{ product.name }}</h4>
|
2022-04-24 18:59:04 +02:00
|
|
|
<div class="input-group">
|
2022-04-25 19:54:57 +02:00
|
|
|
<button class="btn btn-danger" type="button" onclick="decrementValue('{{ field.id_for_label }}')"><i class="fa-solid fa-minus"></i></button>
|
2023-03-27 17:46:28 +02:00
|
|
|
{% crispy_field field 'class' 'form-control' 'inputmode' 'numeric' %}
|
2022-04-25 19:54:57 +02:00
|
|
|
<button class="btn btn-success {% if field.value %}border-white{% endif %}" type="button" onclick="incrementValue('{{ field.id_for_label }}')"><i class="fa-solid fa-plus"></i></button>
|
2022-04-24 18:59:04 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|