inventory-app/templates/item.html

{% extends "main.html" %}

{% block title %} Items {% endblock %}

{% block content %}

<h2>{{item.name}} {% if !item.active %} <mark>Inactive</mark> {% endif %}</h2>
<section>
    <div hx-get="/item/{{item_id}}/stats" hx-trigger="load" hx-swap="outerHTML">
    </div>

    <div class="grid">
        <article>Reorder at: {{item.reorder_point}}</article>
    </div>
</section>

{% if item.active %}
<section>
<div class="grid">
    <article>
        <h3>Sale</h3>
        <div hx-get="/item/{{item_id}}/adjustment/sale" hx-trigger="load" hx-swap="outerHTML">
        </div>
    </article>

    <article>
        <h3>New Stock</h3>
        <div hx-get="/item/{{item_id}}/adjustment/new-stock" hx-trigger="load" hx-swap="outerHTML">
        </div>
    </article>
</div>
</section>
{% endif %}

<section>
    <div hx-get="/item/{{item_id}}/adjustments" hx-trigger="load" hx-swap="outerHTML">
    </div>
</section>

{% endblock %}